@charset "Shift_JIS";

/* ============================== 01 基本設定 */
body { margin: 0; padding: 0; text-align: center; font-family:"Osaka","ＭＳ Ｐゴシック"; color: #000; background:url("../images/bg.gif") repeat-x #EFE4D7; }
body#tt{ margin: 0; padding: 0; text-align: center; font-family:"Osaka","ＭＳ Ｐゴシック"; color: #000; background:url("../images/t-bg.jpg") repeat-x #EFE4D7; }
body#nn{ margin: 0; padding: 0; text-align: left; font-family:"Osaka","ＭＳ Ｐゴシック"; color: #000; background-color:#EFE4D7; }
h1 { font-size: 12px; margin: 0; padding: 0; }
h2 { font-size: 12px; margin: 0; padding: 0; }
h3 { font-size: 12px; margin: 0; padding: 0; }
h4 { font-size: 12px; margin: 0; padding: 0; }
h5 { font-size: 12px; margin: 0; padding: 0; }
img{ margin: 0; padding: 0; border: none; }
form{ margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
ol { margin: 0; padding: 0; list-style-type: none; }
li { margin: 0; padding: 0; }
a:link, a:visited { color: #000; text-decoration: underline;}
a:hover, a:active { color: #EC7251; text-decoration: underline; }
a.a1:link, a.a1:visited { color: #000; text-decoration: underline;}
a.a1:hover, a.a1:active { color: #EC7251; text-decoration: none; }

/* 文字サイズ指定 */
.fs10 { font-size: 62%; line-height: 150%;}
.fs11 { font-size: 69%; line-height: 150%;}
.fs12 { font-size: 76%; line-height: 180%;}
.fs14 { font-size: 90%; line-height: 150%;}
.fs16 { font-size: 98%; line-height: 150%;}
.fs17 { font-size: 104%; line-height: 150%;}
.fs18 { font-size: 110%; line-height: 150%;}

/* 簡易スペーサ */
.spacing5 { margin-bottom: 5px; }
.spacing10 { margin-bottom: 10px; }
.spacing12 { margin-bottom: 12px; }
.spacing13 { margin-bottom: 13px; }
.spacing15 { margin-bottom: 15px; }
.spacing18 { margin-bottom: 18px; }
.spacing20 { margin-bottom: 20px; }
.spacing22 { margin-bottom: 22px; }
.spacing25 { margin-bottom: 25px; }
.spacing30 { margin-bottom: 30px; }
.spacing35 { margin-bottom: 35px; }
.spacing40 { margin-bottom: 40px; }
.spacing45 { margin-bottom: 45px; }
.spacing50 { margin-bottom: 50px; }
.spacing55 { margin-bottom: 55px; }
.spacing57 { margin-bottom: 57px; }
.spacing60 { margin-bottom: 60px; }
.spacing65 { margin-bottom: 65px; }
.spacing70 { margin-bottom: 70px; }
.spacing75 { margin-bottom: 75px; }
.spacing80 { margin-bottom: 80px; }

/* 汎用回り込み */
.float_left {float:left;}
.float_right {float:right;}
.left{text-align:left;}
.right{text-align:right;}

/* 汎用ライン */
.contentsline{background:url("../images/dot_01.gif") repeat-x 0 center; font-size:1px; line-height:1px;}

/* ============================== 02 CSS Hack */
/* float hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 ＼*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Hide from mac IE5 */
/* ロールオーバーのテキストを隠すためのhack */
.hidetxt { text-indent: -9999px; overflow: hidden; }

/* ============================== 03 site-top */
#t-wrapper {width: 1020px; margin: 0 auto; text-align: left; height:100%;}
#t-contents{width: 950px; margin: 0 35px 65px 35px;}
#t-left{width:610px; margin-right:40px; text-align:left; float:left;}
#t-right{width:300px; padding-top:18px; text-align:left; float:left;}
#t-footer{width:950px; padding:21px 0 14px 0; background:url("../images/sla_footer_01.gif") repeat-x 0 0; margin:0 35px;}

/* ============================== 04 site-all */
#wrapper {width: 950px; margin: 0 auto; text-align: left; height:100%;}
#contents{width: 950px; padding-bottom:20px;}
#header{width:950px; height:103px; vertical-align:top;}
#left-contents{width:640px; margin-bottom:50px; margin-right:60px; text-align:left; float:left;}
#right-contents{width:250px; margin-bottom:50px; text-align:left; float:left;}
#footer{width:950px; padding:21px 0 14px 0; background:url("../images/sla_footer_01.gif") repeat-x 0 0;}

/* ============================== 05 navigation */
#right-contents .ttl-bar{border-bottom:1px solid #583426; height:20px; width:250px; margin-bottom:20px;}
#right-contents p#entry a{width:250px; height:60px; display:block; background:url("../images/btn_entry_pds2.gif") no-repeat 0 0; margin-bottom:5px;}
#right-contents p#entry a:link,visited {background-position:0 0;}
#right-contents p#entry a:hover,active {background-position:0 -60px;}
#right-contents p#blog a{width:250px; height:60px; display:block; background:url("../images/btn_blog_pds.gif") no-repeat 0 0; margin-bottom:30px;}
#right-contents p#blog a:link,visited {background-position:0 0;}
#right-contents p#blog a:hover,active {background-position:-250px 0;}
#right-contents li.dot {width:250px; height:21px; background:url("../images/dot_01.gif") repeat-x 0 center; font-size:1px; line-height:1px;}
#right-contents li.dot-s {width:250px; height:11px; background:url("../images/dot_01.gif") repeat-x 0 center; font-size:1px; line-height:1px;}
#right-contents li#navi01 a{width:250px; height:50px; display:block; background:url("../images/btn_navi_01.gif") no-repeat 0 0;}
#right-contents li#navi01 a:link,visited {background-position:0 0;}
#right-contents li#navi01 a:hover,active {background-position:-250px 0;}
#right-contents li#navi02 a{width:250px; height:50px; display:block; background:url("../images/btn_navi_02.gif") no-repeat 0 0;}
#right-contents li#navi02 a:link,visited {background-position:0 0;}
#right-contents li#navi02 a:hover,active {background-position:-250px 0;}
#right-contents li#navi03 a{width:250px; height:50px; display:block; background:url("../images/btn_navi_03.gif") no-repeat 0 0;}
#right-contents li#navi03 a:link,visited {background-position:0 0;}
#right-contents li#navi03 a:hover,active {background-position:-250px 0;}
#right-contents li#navi04 a{width:250px; height:50px; display:block; background:url("../images/btn_navi_04.gif") no-repeat 0 0;}
#right-contents li#navi04 a:link,visited {background-position:0 0;}
#right-contents li#navi04 a:hover,active {background-position:-250px 0;}
#right-contents li#navi05 a{width:250px; height:50px; display:block; background:url("../images/btn_navi_05.gif") no-repeat 0 0;}
#right-contents li#navi05 a:link,visited {background-position:0 0;}
#right-contents li#navi05 a:hover,active {background-position:-250px 0;}
#right-contents li#navi06 a{width:250px; height:50px; display:block; background:url("../images/btn_navi_06.gif") no-repeat 0 0;}
#right-contents li#navi06 a:link,visited {background-position:0 0;}
#right-contents li#navi06 a:hover,active {background-position:-250px 0;}
#right-contents li#s-navi01 a{width:100px; height:24px; display:block; background:url("../images/btn_snavi_01.gif") no-repeat 0 0;}
#right-contents li#s-navi01 a:link,visited {background-position:0 0;}
#right-contents li#s-navi01 a:hover,active {background-position:-100px 0;}
#right-contents li#s-navi02 a{width:108px; height:24px; display:block; background:url("../images/btn_snavi_02.gif") no-repeat 0 0;}
#right-contents li#s-navi02 a:link,visited {background-position:0 0;}
#right-contents li#s-navi02 a:hover,active {background-position:-108px 0;}
#right-contents li#s-navi03 a{width:105px; height:24px; display:block; background:url("../images/btn_snavi_03.gif") no-repeat 0 0;}
#right-contents li#s-navi03 a:link,visited {background-position:0 0;}
#right-contents li#s-navi03 a:hover,active {background-position:-105px 0;}
#right-contents li#s-navi04 a{width:137px; height:24px; display:block; background:url("../images/btn_snavi_04.gif") no-repeat 0 0;}
#right-contents li#s-navi04 a:link,visited {background-position:0 0;}
#right-contents li#s-navi04 a:hover,active {background-position:-137px 0;}
#right-contents li#s-navi05 a{width:137px; height:24px; display:block; background:url("../images/btn_snavi_05.gif") no-repeat 0 0;}
#right-contents li#s-navi05 a:link,visited {background-position:0 0;}
#right-contents li#s-navi05 a:hover,active {background-position:-137px 0;}

/* ============================== 06 breadcrumb*/
#breadcrumb{width:640px; margin-bottom:20px; padding:0; background:url("../images/frm_breadcrumb_02.gif") repeat-y;}
#breadcrumb .txt{padding:8px 5px 5px 30px; line-height:100%; background:url("../images/ico_breadcrumb_01.gif") no-repeat 6px center;}

/* ============================== 07 next-back*/
#contents .next-back{width:640px; background:url("../images/frm_breadcrumb_02.gif") repeat-y;}
#contents .next-back .btn{padding:8px 10px;}
#left-contents .next-back .btn p#back-btn a{width:50px; height:17px; display:block; background:url("../images/btn_prev_01.gif") no-repeat 0 0; float:left;}
#left-contents .next-back .btn p#back-btn a:link,visited {background-position:0 0;}
#left-contents .next-back .btn p#back-btn a:hover,active {background-position:0 -17px;}
#left-contents .next-back .btn p#next-btn a{width:50px; height:17px; display:block; background:url("../images/btn_next_01.gif") no-repeat 0 0; float:right;}
#left-contents .next-back .btn p#next-btn a:link,visited {background-position:0 0;}
#left-contents .next-back .btn p#next-btn a:hover,active {background-position:0 -17px;}
#left-contents .next-back .btn p.number {float:left; padding-top:6px; width:500px; display:block; text-align:center;}

/* ============================== 08 pagetop*/
#contents .page-top{padding-right:10px; display:block; clear: both;}

/* ============================== 09 header*/
#header .logo{padding-top:23px; float:left;}
#header .logo h1{float:left; padding-top:7px;}
#header .logo h2{float:left; padding-top:9px;}
#header .logo p{float:left; margin:0 20px;}
#header .home{width:250px; padding-top:18px; float:right;}
#header .home li{float:left;}
#header .home li a {display:block; height:19px;}
#header .home li#n01 a {background:url("../images/btn_rh.gif") no-repeat 0 0; width:123px;}
#header .home li#n01 a:link,visited {background-position:0 0;}
#header .home li#n01 a:hover,active {background-position:0 -19px;}
#header .home li#n02 a {background:url("../images/btn_pds.gif") no-repeat 0 0; width:101px; margin-left:26px;}
#header .home li#n02 a:link,visited {background-position:0 0;}
#header .home li#n02 a:hover,active {background-position:0 -19px;}

/* ============================== 10 footer*/
#footer .f-logo {margin-bottom:14px; padding:0;}
#footer .f-copy {margin:0; padding:0;}

/* ============================== 11 top*/
#t-wrapper .fla-sp{padding:20px;}
#t-left .t-logo{padding:25px 0 58px 0; float:left;}
#t-left .t-entry{float:right; padding-top:18px; width:350px;}
#t-left .t-cont{width:610px;}
#t-left .t-bar{border-bottom:1px solid #583426; height:20px; width:610px;}
#t-left .t-cont .cont-bg{padding:40px 0 0 20px; background:url("../images/bg_top_contents.gif") no-repeat 0 0;}
#t-left .contbtn01{padding-bottom:26px;}
#t-left .contbtn02{padding-bottom:32px;}
#t-left p#t-navi01 a{width:170px; height:184px; display:block; background:url("../images/btn_t_01.jpg") no-repeat 0 0; float:left; margin-right:30px;}
#t-left p#t-navi01 a:link,visited {background-position:0 0;}
#t-left p#t-navi01 a:hover,active {background-position:0 -184px;}
#t-left p#t-navi02 a{width:170px; height:166px; display:block; background:url("../images/btn_t_02.jpg") no-repeat 0 0; float:left; margin-right:30px;}
#t-left p#t-navi02 a:link,visited {background-position:0 0;}
#t-left p#t-navi02 a:hover,active {background-position:0 -166px;}
#t-left p#t-navi03 a{width:170px; height:166px; display:block; background:url("../images/btn_t_03.jpg") no-repeat 0 0; float:left; margin:0;}
#t-left p#t-navi03 a:link,visited {background-position:0 0;}
#t-left p#t-navi03 a:hover,active {background-position:0 -166px;}
#t-left p#t-navi04 a{width:170px; height:198px; display:block; background:url("../images/btn_t_04.jpg") no-repeat 0 0; float:left; margin-right:30px;}
#t-left p#t-navi04 a:link,visited {background-position:0 0;}
#t-left p#t-navi04 a:hover,active {background-position:0 -198px;}
#t-left p#t-navi05 a{width:170px; height:198px; display:block; background:url("../images/btn_t_05.jpg") no-repeat 0 0; float:left; margin-right:30px;}
#t-left p#t-navi05 a:link,visited {background-position:0 0;}
#t-left p#t-navi05 a:hover,active {background-position:0 -198px;}
#t-left p#t-navi06 a{width:170px; height:180px; display:block; background:url("../images/btn_t_06.jpg") no-repeat 0 0; float:left;}
#t-left p#t-navi06 a:link,visited {background-position:0 0;}
#t-left p#t-navi06 a:hover,active {background-position:0 -180px;}

#t-left p#mypage-btn a{width:180px; height:60px; display:block; background:url("../images/btn_mypage.jpg") no-repeat 0 0; float:left;}
#t-left p#mypage-btn a:link,visited {background-position:0 0;}
#t-left p#mypage-btn a:hover,active {background-position:0 -60px;}
#t-left p#sb-btn a{width:160px; height:60px; display:block; background:url("../images/btn_sb.jpg") no-repeat 0 0; margin-left:10px; float:right;}
#t-left p#sb-btn a:link,visited {background-position:0 0;}
#t-left p#sb-btn a:hover,active {background-position:0 -60px;}
#t-left p#entry-btn a{width:160px; height:60px; display:block; background:url("../images/btn_entry_autmn.gif") no-repeat 0 0; margin-left:10px; float:right;}
#t-left p#entry-btn a:link,visited {background-position:0 0;}
#t-left p#entry-btn a:hover,active {background-position:0 -60px;}


#t-right p#t-blog a{width:300px; height:60px; display:block; background:url("../images/btn_t_blog.jpg") no-repeat 0 0; margin-bottom:50px;}
#t-right p#t-blog a:link,visited {background-position:0 0;}
#t-right p#t-blog a:hover,active {background-position:0 -60px;}
#t-right .t-bar{border-bottom:1px solid #583426; height:20px; width:300px;}
#t-right iframe{width:300px;}
#t-right .infobtn01{width:137px; margin-right:23px; float:left;}
#t-right .infobtn02{float:left;}
#t-right p#t-navi07 a{width:108px; height:27px; display:block; background:url("../images/btn_t_s01.gif") no-repeat 0 0; margin-bottom:18px;}
#t-right p#t-navi07 a:link,visited {background-position:0 0;}
#t-right p#t-navi07 a:hover,active {background-position:0 -27px;}
#t-right p#t-navi08 a{width:105px; height:27px; display:block; background:url("../images/btn_t_s03.gif") no-repeat 0 0; margin-bottom:18px;}
#t-right p#t-navi08 a:link,visited {background-position:0 0;}
#t-right p#t-navi08 a:hover,active {background-position:0 -27px;}
#t-right p#t-navi09 a{width:137px; height:27px; display:block; background:url("../images/btn_t_s05.gif") no-repeat 0 0;}
#t-right p#t-navi09 a:link,visited {background-position:0 0;}
#t-right p#t-navi09 a:hover,active {background-position:0 -27px;}
#t-right p#t-navi10 a{width:100px; height:27px; display:block; background:url("../images/btn_t_s02.gif") no-repeat 0 0; margin-bottom:18px;}
#t-right p#t-navi10 a:link,visited {background-position:0 0;}
#t-right p#t-navi10 a:hover,active {background-position:0 -27px;}
#t-right p#t-navi11 a{width:136px; height:27px; display:block; background:url("../images/btn_t_s04.gif") no-repeat 0 0; margin-bottom:18px;}
#t-right p#t-navi11 a:link,visited {background-position:0 0;}
#t-right p#t-navi11 a:hover,active {background-position:0 -27px;}
#t-right p#t-navi12 a{width:132px; height:27px; display:block; background:url("../images/btn_t_s06.gif") no-repeat 0 0;}
#t-right p#t-navi12 a:link,visited {background-position:0 0;}
#t-right p#t-navi12 a:hover,active {background-position:0 -27px;}
#t-right p#treat-btn a{width:300px; height:60px; display:block; background:url("../images/btn_entry_treat.gif") no-repeat 0 0; margin-top:15px;}
#t-right p#treat-btn a:link,visited {background-position:0 0;}
#t-right p#treat-btn a:hover,active {background-position:0 -60px;}

#t-footer .f-logo {margin-bottom:14px; padding:0;}
#t-footer .f-copy {margin:0; padding:0;}