@charset "utf-8";

* {margin:0;padding:0;}
body {
margin:0;
padding:0;
text-align:center;
font-size:12px;
font-family:"MS PGothic","Hiragino Kaku Gothic Pro","Osaka",sans-serif;
color:#5A5959;
background:url(../images/bg_head.gif) repeat-x #F7F9F9;
width:100%;
}


a:link,a:visited {color:#5A5959;text-decoration:none;}
a:hover,a:active {color:#47BEE4;text-decoration:underline;}

img {border:0;}
ul {list-style:none;}
.clr {clear:both;}

#top {
text-align:left;
}
/* ----- header ----- */
#Header {
width:980px;
height:78px;
margin:0 auto;
}
#Logo {width:450px;height:50px;float:left;background:url(../images/logo.gif) no-repeat 0 16px;padding-top:16px;margin-right:260px;text-indent:-9999px;}
#Logo a {display:block;position:relative;height:50px; outline:0;}

#cse-search-box {width:180px;float:left;padding-top:40px;background:url(../images/tit_search.gif) no-repeat 0 26px;}
#cse-search-box input {vertical-align:top;}
#cse-search-box .text {width:125px;margin-right:2px;}
#Fontsize {width:80px;height:78px;float:right;background:url(../images/tit_size.gif) no-repeat 0 26px;}
#Fontsize li {float:left;margin-top:40px;}
#size1 a {background:url(../images/btn_00.gif) no-repeat 0 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative;outline:0;}
#size1 a:hover {background:url(../images/btn_00b.gif) no-repeat 0 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative;}
#size2 a {background:url(../images/btn_00.gif) no-repeat -25px 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative;outline:0;}
#size2 a:hover {background:url(../images/btn_00b.gif) no-repeat -25px 0;width:25px;height:21px;text-indent:-9999px;display:block;position:relative;}
#size3 a {background:url(../images/btn_00.gif) no-repeat -50px 0;width:22px;height:21px;text-indent:-9999px;display:block;position:relative;outline:0;}
#size3 a:hover {background:url(../images/btn_00b.gif) no-repeat -50px 0;width:22px;height:21px;text-indent:-9999px;display:block;position:relative;}

/* ----- header以下 ----- */
#wrap {
width:810px;
margin:0 auto;
text-align:left;
background:url(../images/bg_wrap3.gif) repeat-y center;
}

/* ----- 上ナビ ----- */
#Hnavi {width:810px;padding-top:30px;background:url(../images/bg_wrap4.gif) no-repeat; margin:auto;}
#Hnavi ul {width:800px;height:88px;margin:0 33px;background:url(../images/bg_hn.gif) no-repeat;}
#Hnavi li {float:left;line-height:54px;text-indent:-9999px;}
#Hnavi li a {display:block;position:relative;outline:none;}
.hn1 {width:168px;}
.hn1 a:hover {background:url(../images/bg_hn_on.gif) no-repeat;}
.hn1_on {width:168px;background:url(../images/bg_hn_on.gif) no-repeat;}
.hn2 {width:184px;}
.hn2 a:hover {background:url(../images/bg_hn_on.gif) no-repeat -168px 0;}
.hn2_on {width:184px;background:url(../images/bg_hn_on.gif) no-repeat -168px 0;}
.hn3 {width:175px;}
.hn3 a:hover {background:url(../images/bg_hn_on.gif) no-repeat -352px 0;}
.hn3_on {width:175px;background:url(../images/bg_hn_on.gif) no-repeat -352px 0;}
.hn4 {width:127px;}
.hn4 a:hover {background:url(../images/bg_hn_on.gif) no-repeat -527px 0;}
.hn4_on {width:127px;background:url(../images/bg_hn_on.gif) no-repeat -527px 0;}
.hn5 {width:141px;}
.hn5 a:hover {background:url(../images/bg_hn_on.gif) no-repeat -654px 0;}
.hn5_on {width:141px;background:url(../images/bg_hn_on.gif) no-repeat -654px 0;}
.hn6 {width:120px;}
.hn6 a:hover {background:url(../images/bg_hn_on.gif) no-repeat -795px 0;}
.hn6_on {width:120px;background:url(../images/bg_hn_on.gif) no-repeat -795px 0;}

/* ----- 左ナビ＋Contents ----- */
#wrapin2 {padding:0 35px 30px 35px;}
#wrapin2 p {margin:1.5em 0;}
#wrapin2 dd {margin:1em 0;}
#wrapin2 dl {margin:2em 0 4em 0;}



/* ----- Contents2 ----- */
#Contents2 {width:722px;float:right;}
#Contents2 h3 {margin-bottom:2em;}
#Contents2 p {line-height:1.5em;margin-bottom:1.5em;color:#868787;}

h2 {width:732px;background:url(../images/mobile_title.gif) no-repeat;text-indent:-9999px;height:35px; margin:0 0 2em 0;}
.Inner {margin:0 26px;width:862px;}



/* ----- Footer ----- */
#Footer {
margin:0 auto;
width:800px;
clear:both;
padding:26px 0 20px;
font-size:0.9em;
}
.FNavi {padding:10px 35px;text-align:right;}
.FNavi li {display:inline;margin-left:16px;}
.copyright {width:800px;text-align:right;background:url(../images/bg_sya.gif);}
.copyright p {padding:2px 16px;}

/* ----- CenterBlock ----- */

.leftblockContent{vertical-align:top; width:411px; float:left;margin:-1px 9px 0 9px;}
.leftblockContent dd {width:411px;margin:0.5em 0 2.5em;}
.leftblockContent li {width:411px;line-height:2em;}
.leftblockContent li a {text-decoration:none;background:url(../images/arrow2.gif) no-repeat left center;padding:2px 2px 2px 18px;zoom:1;}
.leftblockContent li a:hover {background:url(../images/arrow2_on.gif) no-repeat left center;padding-left:18px;}
.leftblockContent li.on a {background:url(../images/arrow2_on.gif) no-repeat left center;padding-left:18px;color:#00A5D9;}


.rightblockContent{vertical-align:top; width:411px; float:right;}
.rightblockContent dd {width:411px;margin:0.5em 0 2.5em;}
.rightblockContent li {width:411px;line-height:2em;}
.rightblockContent li a {text-decoration:none;background:url(../images/arrow2.gif) no-repeat left center;padding:2px 2px 2px 18px;zoom:1;}
.rightblockContent li a:hover {background:url(../images/arrow2_on.gif) no-repeat left center;padding-left:18px;}
.rightblockContent li.on a {background:url(../images/arrow2_on.gif) no-repeat left center;padding-left:18px;color:#00A5D9;}