@charset "utf-8";
@import url("./other.css");

/* 全体の共通設定 */
body{ text-align:center; margin:0;}
body,th,td{ font-size:small; font-family:Geneva, Arial, Helvetica, sans-serif;}
ul,li{margin:0; padding:0;}
a,a:link,a:visited{ color:#3e4b63;}
a:hover{ text-decoration:none;color:#97a3b7;}
img{ border:none;}
img.mgn_t20{ margin-top:20px;}


div#container_out{/* 幅ハック */width:810px;_width:750px;background:url(../images/share/frame_b_bg.gif) left bottom no-repeat; padding-bottom:9px;}
div#container{  width:750px;background:url(../images/share/frame_bg.gif) repeat-y; text-align:left; padding:10px 30px;}
div#navi{ width:750px;text-align:right;}
h1{ font-size:small; margin:10px 0 20px; color:#3e4b63;}
div#gloval{ margin-left:280px; margin-bottom:10px;width:465px; }
div#gloval ul{ height:26px; list-style:none;}
div#gloval li{ width:110px; float:left; margin-right:6px; text-indent:-9999px;}
div#gloval li a{ display:block;height:26px;}

div#maincontents{ width:750px; padding-bottom:30px; background:url(../images/share/frame_in_bg.gif) bottom center no-repeat; height:100%;}
div#footer{ width:750px;height:60px;padding-top:20px; color:#3e4b63; clear:both;}
div#footer p{ text-align:center; margin-top:5px; color:#FFBF00;}
div#footer a{ text-decoration:none;}
div#footer a:hover{ color:#97a3b7;}

h2{ background:url(../images/share/title_bar.gif) left no-repeat; height:26px; /*font-size: medium;*/ font-size:15px; line-height:1.5em; color:#333333; text-indent:25px; margin:0 0 15px;}
h2.second{ margin:25px 0 15px;}
h3{font-size: small; background:#E1EEF3;}
p{ margin:0 15px 10px ;line-height:1.3em;}

div#pankuzu{ border-bottom:#ffbf00 2px solid; margin:5px auto 10px; padding-bottom:2px;}
div#pankuzu a{ text-decoration:none; color:#333333;}
div#pankuzu a:hover{  color:#ffbf00;}

p.pagetop{ text-align:right;}
span.red{ color: #FF3300;}


/* グローバルナビの設定 */
li#gn1 a{background:url(../images/share/gnavi.gif) 0 0 no-repeat;}
li#gn2 a{background:url(../images/share/gnavi.gif) -116px 0 no-repeat;}
li#gn3 a{background:url(../images/share/gnavi.gif) -233px 0 no-repeat;}
li#gn4 a{background:url(../images/share/gnavi.gif) -350px 0 no-repeat;}
li#gn1 a:hover{background:url(../images/share/gnavi_on.gif) 0 0 no-repeat;}
li#gn2 a:hover{background:url(../images/share/gnavi_on.gif) -116px 0 no-repeat;}
li#gn3 a:hover{background:url(../images/share/gnavi_on.gif) -233px 0 no-repeat;}
li#gn4 a:hover{background:url(../images/share/gnavi_on.gif) -350px 0 no-repeat;}


/* インデックスページのみ */
div#contents1{ margin:5px 15px 0;background:url(../images/share/contents1_bg.gif) right repeat-y; height:100%;}
div#contents1 div.left{ width:480px; float:left;}
div#contents1 div.right{ width:230px; float:right; text-align:center; padding-top:20px;}
div#contents1 div.right img{ margin-bottom:10px;}

div#topbanner{margin-top:5px; background:url(../images/index/topbanner.jpg) no-repeat;}
div#topbanner ul{height:90px; list-style:none;}
div#topbanner li{width:187px; float:left;text-indent:-9999px;}
div#topbanner li a{ display:block;height:90px;}

div#recommend{ color:#FF3300; padding:10px 15px; background:#F8F8E0; margin:10px 0; font-weight: bold;}

div#contents1 h2{text-align:left; margin:0 10px 20px}


/* インデックスページ横並びバナー */
li#tb1 a{background:url(../images/index/topbanner.jpg) 0 0 no-repeat;}
li#tb2 a{background:url(../images/index/topbanner.jpg) -187px 0 no-repeat;}
li#tb3 a{background:url(../images/index/topbanner.jpg) -374px 0 no-repeat;}
li#tb4 a{background:url(../images/index/topbanner.jpg) -562px 0 no-repeat;}
li#tb1 a:hover{background:url(../images/index/topbanner_on.jpg) 0 0 no-repeat;}
li#tb2 a:hover{background:url(../images/index/topbanner_on.jpg) -187px 0 no-repeat;}
li#tb3 a:hover{background:url(../images/index/topbanner_on.jpg) -374px 0 no-repeat;}
li#tb4 a:hover{background:url(../images/index/topbanner_on.jpg) -562px 0 no-repeat;}
 
/* ２次階層共通 */
div#contents2{ margin:5px 15px 0; background:url(../images/share/contents2_bg.gif) left repeat-y;height:100%;}
div#contents2 div.left{ width:190px; float:left;}
div#contents2 div.right{ width:520px; float:right; text-align:left;}

/* ２次階層左メニューの設定 */
div.left dl{ margin:0; padding:0; }
div.left dl dt{ width:190px; border-bottom:#ffffff 1px solid;}
div.left dl dt a{ display: block; height:45px; border:none; text-indent:-9999px;}
dt#m1 a{background:url(../images/menu/m1.gif) no-repeat;} 
dt#m2 a{background:url(../images/menu/m2.gif) no-repeat;} 
dt#m3 a{background:url(../images/menu/m3.gif) no-repeat;} 
dt#m4 a{background:url(../images/menu/m4.gif) no-repeat;} 
dt#m5 a{background:url(../images/menu/m5.gif) no-repeat;}
dt#m6 a{background:url(../images/menu/m6.gif) no-repeat;} 
dt#m7 a{background:url(../images/menu/m7.gif) no-repeat;} 
dt#m8 a{background:url(../images/menu/m8.gif) no-repeat;} 
dt#m9 a{background:url(../images/menu/m9.gif) no-repeat;} 
dt#m10 a{background:url(../images/menu/m10.gif) no-repeat;}
dt#m11 a{background:url(../images/menu/m11.gif) no-repeat;}
dt#m12 a{background:url(../images/menu/m12.gif) no-repeat;}
dt#m13 a{background:url(../images/menu/m13.gif) no-repeat;}
dt#m14 a{background:url(../images/menu/m14.gif) no-repeat;}
dt#m1 a:hover{background:url(../images/menu/m1_on.gif) no-repeat;}
dt#m2 a:hover{background:url(../images/menu/m2_on.gif) no-repeat;} 
dt#m3 a:hover{background:url(../images/menu/m3_on.gif) no-repeat;} 
dt#m4 a:hover{background:url(../images/menu/m4_on.gif) no-repeat;} 
dt#m5 a:hover{background:url(../images/menu/m5_on.gif) no-repeat;}
dt#m6 a:hover{background:url(../images/menu/m6_on.gif) no-repeat;} 
dt#m7 a:hover{background:url(../images/menu/m7_on.gif) no-repeat;} 
dt#m8 a:hover{background:url(../images/menu/m8_on.gif) no-repeat;} 
dt#m9 a:hover{background:url(../images/menu/m9_on.gif) no-repeat;} 
dt#m10 a:hover{background:url(../images/menu/m10_on.gif) no-repeat;}
dt#m11 a:hover{background:url(../images/menu/m11_on.gif) no-repeat;}
dt#m12 a:hover{background:url(../images/menu/m12_on.gif) no-repeat;}
dt#m13 a:hover{background:url(../images/menu/m13_on.gif) no-repeat;}
dt#m14 a:hover{background:url(../images/menu/m14_on.gif) no-repeat;}