@charset "utf-8";

/* ################## 共通のスタイル ################## */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Verdana", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #545454;
	letter-spacing:1px;
	background-image: url(../img/body-back02.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;



}
img {
    border:0;
	}
ul{
list-style:none;
}
textarea{
font-size:100%;
line-height:1.5;
	color: #666666;
	width: 350px;
	height: 120px;
	border: 1px solid #cccccc;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	margin:3px 0px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
td{
vertical-align:top;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
  }
a,a:link a:visited{
color:#f78028;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#wrapper {
	width: 850px;
	margin:0 auto;
}

/* ################## 共通のスタイルここまで ################## */





/* ################## ヘッダーのスタイル ################## */

#header{
	width:850px;
	height:165px;
}
#header h1{
font-size:10px;
font-weight:normal;
line-height:24px;
}
#top-bar{
width:850px;
height:25px;
}
#top-bar-left{
width:700px;
float:left;
}
#top-bar-right{
width:110px;
float:right;
}
#top-bar-right li a,a:link a:visited{
display:block;
text-indent:-9999px;
width:110px;
height:25px;
overflow:hidden;
background:url(../img/top-bar-navi.jpg) no-repeat 0 0;
}
#top-bar-right a:hover{
background:url(../img/top-bar-navi.jpg) no-repeat 0 -25px;
}

#logo{
width:850px;
}
#title{
width:300px;
margin-bottom:23px;
}
#title p{
margin-top:23px;
}
#title p a{
text-indent:-9999px;
display:block;
width:227px;
height:44px;
overflow:hidden;
}


#global-navi{
width:850px;
height:50px;
background:url(../img/global-navi.jpg) no-repeat 0 0;
}
#global-navi ul{
list-style:none;
}
#global-navi li{
float:left;
}
#navi01 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:136px;
height:50px;
overflow:hidden;
}
#navi01 a:hover{
background:url(../img/global-navi.jpg) no-repeat 0 -50px;
}
#navi02 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:137px;
height:50px;
overflow:hidden;
}
#navi02 a:hover{
background:url(../img/global-navi.jpg) no-repeat -136px -50px;
}
#navi03 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:147px;
height:50px;
overflow:hidden;
}
#navi03 a:hover{
background:url(../img/global-navi.jpg) no-repeat -273px -50px;
}
#navi04 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:147px;
height:50px;
overflow:hidden;
}
#navi04 a:hover{
background:url(../img/global-navi.jpg) no-repeat -420px -50px;
}
#navi05 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:142px;
height:50px;
overflow:hidden;
}
#navi05 a:hover{
background:url(../img/global-navi.jpg) no-repeat -567px -50px;
}
#navi06 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:141px;
height:50px;
overflow:hidden;
}
#navi06 a:hover{
background:url(../img/global-navi.jpg) no-repeat -709px -50px;
}

.submenu {
  visibility: hidden;
  position: absolute;
  z-index: 3;
  background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#submenu01 a,a:link a:visited {
  display: block;
  width:147px;
  height:34px;
}
#submenu01 a:hover {
background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: -147px 0px;
}
#submenu02 a,a:link a:visited {
  display: block;
  width:147px;
  height:35px;
}
#submenu02 a:hover {
background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: -147px -34px;
}

/* ################## ヘッダーのスタイルここまで ################## */




/* ################## トップページコンテンツのスタイル ################## */

#contents-image{
width:850px;
}






#contents{
	width:850px;
	background:url(../img/contents-back.jpg) repeat-y 0 0;
	margin-top:20px;
	
}


/* ################## 左側コンテンツのスタイル ################## */

#contents-left{
width:600px;
float:left;
}
#contents-left h3{
margin-top:25px;
}
#contents-left p{
font-size:80%;
line-height:1.6;
}
#crumb{
width:598px;
height:28px;
border:1px solid #ccc;
}
#crumb ul{
font-size:10px;
}
#crumb li{
float:left;
line-height:28px;
}
#crumb li img {
vertical-align:bottom;
}


/* ################## 左側コンテンツのスタイルここまで ################## */



/* ################## 右側コンテンツのスタイル ################## */

#contents-right{
width:225px;
float:right;
padding-bottom:15px;
border-bottom:1px solid #ccc;
}
#contents-right p{
font-size:80%;
line-height:1.6;
}
#entry{
width:225px;
padding-bottom:20px;
background-color:#fff;
}
#contents-right02{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding-top:12px;
}

#beginner-link{
width:201px;
margin-bottom:12px;
padding-left:14px;
}

#contact-sidenavi {
width:201px;
padding-left:14px;
padding-bottom:7px;
}
#contact-sidenavi p{
margin-bottom:5px;
}
#side-store{
width:191px;
margin-left:14px;
background-color:#f3f3f3;
margin-bottom:12px;
padding:5px;
}

#side-store01 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:191px;
height:35px;
overflow:hidden;
background:url(../img/side-store-navi.jpg) no-repeat 0 0;
}
#side-store01 a:hover{
background:url(../img/side-store-navi.jpg) no-repeat -191px 0;
}
#side-store02 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:191px;
height:35px;
overflow:hidden;
background:url(../img/side-store-navi.jpg) no-repeat 0 -35px;
}
#side-store02 a:hover{
background:url(../img/side-store-navi.jpg) no-repeat -191px -35px;
}
#side-store03 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:191px;
height:35px;
overflow:hidden;
background:url(../img/side-store-navi.jpg) no-repeat 0 -70px;
}
#side-store03 a:hover{
background:url(../img/side-store-navi.jpg) no-repeat -191px -70px;
}
#side-store04 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:191px;
height:35px;
overflow:hidden;
background:url(../img/side-store-navi.jpg) no-repeat 0 -105px;
}
#side-store04 a:hover{
background:url(../img/side-store-navi.jpg) no-repeat -191px -105px;
}
#side-store05 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:191px;
height:35px;
overflow:hidden;
background:url(../img/side-store-navi.jpg) no-repeat 0 -140px;
}
#side-store05 a:hover{
background:url(../img/side-store-navi.jpg) no-repeat -191px -140px;
}


#calender{
width:223px;
margin-bottom:12px;
}
#calender p{
margin-left:14px;
}
#calender p img{
margin-bottom:5px;
}
#side-banner{
width:224px;
background:url(../img/side-banner-back.jpg) repeat-y 0 0;
padding:10px 0px 4px 0px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#side-banner p{
margin:0px 0px 10px 14px;
}
#side-banner p a img{
background-color:#fff;
}


/* ################## 右側コンテンツのスタイルここまで ################## */



/* ################## トップページコンテンツのスタイルここまで ################## */




#top-back{
width:850px;
margin:20px 0px;
}


/* ################## フッターのスタイル ################## */

#footer{
	width:100%;
	height:126px;
	border-top:1px solid #ccc;
	background:url(../img/footer-back.jpg) no-repeat center 0px;
}
#footer02{
width:878px;
height:90px;
margin:0px auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}
#footer02 p{
font-size:10px;
margin-left:15px;
line-height:1.8;
}
#footer02 p img{
vertical-align:bottom;
}
#footer-navi{
margin-bottom:12px;
border-bottom:1px solid #ccc;
}
#footer-navi ul{
font-size:10px;
line-height:30px;
}
#footer-navi li{
float:left;
}
#footer-navi li a,a:link a:visited{
display:block;
padding:0px 15px 0px 33px;
background:url(../img/list-mark01.gif) no-repeat 15px center;
}
#footer-navi a:hover{
background-color:#f3f3f3;
}

/* ################## フッターのスタイルここまで ################## */





/* ################## クラススタイル ################## */

.stressed01{
color:#e60012;
}
.stressed02{
font-weight:bold;
}
.f10{
font-size:10px;
}
.f10-2{
font-size:10px;
color:#f78028;
}
.align-right{
text-align:right;
}
.align-center{
text-align:center;
}
.img-left img{
float:left;
margin-right:20px;
}
.img-right img{
float:right;
margin-left:20px;
}
.top-back{
width:600px;
margin-top:20px;
}
.add{
background-color:#f3f3f3;
padding:15px;
}

.td-back01{
width:160px;
background:url(../img/td-back-image.jpg) repeat-y 0 0;
background-color:#efefef;
border:1px solid #fff;
}
.td-back02{
background-color:#f78028;
}
.td-back03{
color:#545454;
}
.td-back04{
background-color:#000;
}
.td-back05{
width:160px;
background:url(../img/td-back-image02.jpg) repeat-y 0 0;
background-color:#f6ede5;
border:1px solid #fff;
}


.td-input01{
	color: #545454;
	width: 250px;
	border: 1px solid #cccccc;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding:2px 0px;
	}
.td-input02{
	color: #545454;
	width: 350px;
	border: 1px solid #cccccc;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding:2px 0px;
	}
.td-input03{
	color: #545454;
	width: 80px;
	border: 1px solid #cccccc;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	padding:2px 0px;
	}

.form-submit {
background-color:#f3f3f3;
border:1px solid #ccc;
margin-top:20px;
padding-bottom:10px;
}
.form-submit02 {
background-color:#f9f4f0;
border:1px solid #ccc;
margin-top:20px;
padding-bottom:10px;
}
a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}   
a:hover span{text-decoration:underline;}

/* ################## クラススタイルここまで ################## */