@charset "utf-8";
/* CSS Document */

html{overflow-y:scroll;}

/* reset
----------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,img{
margin:0;padding:0;}

ol{margin-left:26px;}

img{border:0;vertical-align:top;}

ul {list-style:none;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}



/* [base]
----------------------------------------------------------------------------------*/
.clear{clear:both;}
.mg_top{margin-top:15px;}
.mg_bottom{margin-bottom:15px;}
.dl{ruby-align : distribute-letter;}
.dl rb{font-size:110%;font-widht:bold;}
.green{color:#060;font-weight:bold;}
.page_top{clear:both;width:546px;text-align:right;margin-top:30px;}
.boxmid{text-align:center;font-size:86%;border-top:1px solid #e5e5e5;padding-top:3px;}
.un_line{margin:10px 0;padding:5px;border-bottom:2px solid #060;}


body{
margin:0;
padding:0;
font-family: osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
font-size:94%;
line-height: 1.6;
background:url(img/bg_body.jpg) repeat-x top left;
text-align:center;
color:#5C5C5C;
}

#wrapper{margin:0 auto;width:824px; text-align:left;background:url(img/bg_wrapper.png) repeat-y top left;}

/* header
----------------------------------------------------------------------------------*/
body.home div#header{margin:0 12px; width:800px;height:300px;}
body.other div#header{margin:0 12px; width:800px;height:92px;}
#header #logo h1 a{
background:url(img/logo.gif) no-repeat 16px 14px;
display:block;
width:468px;
height:90px;
overflow:hidden;
text-indent:-9999px;
float:left;
}
#header #add{float:right;margin-right:15px;margin-top:35px;display:block;
background:url(img/add.gif) 0 0 no-repeat;width:220px;height:40px;overflow:hidden;text-indent:-9999px;}

#header #main_img h2{margin:25px 20px 0; background:url(img/main_img.jpg) left bottom no-repeat;overflow:hidden;
text-indent:-9999px;clear:both;height:192px;}


/* contener
----------------------------------------------------------------------------------*/

#contener{width:768px;margin:16px 32px 0 26px}
#nav{margin:0;width:192px;float:left}
#contents{margin:0;width:568px;float:right;}


#footer{clear:both;margin:0 12px;border-top:3px solid #ccc;border-bottom:1px solid #ccc;text-align:center;}

p#pan{margin:1px 0 0;padding:0.4em 1.5em 0;background:url(img/bg_pan.gif) no-repeat top center;font-size:76%;height:34px;}


/* content
----------------------------------------------------------------------------------*/
body.home #contents .main{margin:8px 4px 30px 12px;}
#contents .main{margin:8px 4px 0 12px;}
#contents p.right{margin:20px; text-align:right;}

#contents .list{margin-bottom:5px; padding:1px;}
#contents .list li{
margin:5px 0 0;
padding-left:22px;
background: url(img/list_mark.jpg) no-repeat left center;
border-bottom:1px solid #eee;
width:94%;
}
#contents .list li.gyou{
margin:5px 0 0;
padding-left:22px;
background: url(img/list_mark.jpg) no-repeat left 10%;
border-bottom:1px solid #eee;
width:94%;
}

#contents .list li.herf{width:45%;float:left;margin-bottom:2px;}

#contents .list ul.maru li{
margin:5px 0 0;
padding-left:22px;
background: url(img/list_mark_maru.jpg) no-repeat left center;
border-bottom:1px solid #eee;
width:94%;
}

#contents .list ul.qa li{background:url(img/list_mark.jpg) no-repeat left 12%;margin:10px 0 5px;padding-bottom:5px;}
#contents .list li a{text-decoration:none;}
#contents .list li a:hover{text-decoration:underline;}

#contents .list span{font-size:80%;padding-right:10px;}

#contents h3{
margin-top:15px;
padding:10px;
background:url(img/bg_info.jpg) no-repeat left center;
font-weight:bold;
font-size:100%;
}

#contents h3.tit_top{margin-top:3px;}


#contents .list dl dt{
width:8em;
margin-top:10px;
padding-left:10px;
border-left:3px solid #ccc;
}
#contents .list dl dd{margin:-1.6em 0 0.5em 5em;zoom:1;}

#contents .list .graph dl dt{width:4em;}

#contents .list .graph dl dd{margin:-1.6em 0 0.5em 4em;zoom:1;}

#contents .color_box{margin:15px 0;background-color:#F7FFF7;border:1px solid #e5e5e5;}
#contents .color_box dl dt{width:3em;margin:8px;padding-left:0.8em;border:1px solid #e5e5e5;background-color:#CAFFCA;}
#contents .color_box dl dd{margin:-2.6em 1em 0.7em 5.5em;padding:5px;zoom:1;}
#contents .color_box p{margin:2px 5px;padding:6px;border-bottom:2px solid #00CC66;}

#contents .maru dl dt{
width:20em;
font-weight:bold;
margin-top:10px;
padding-left:20px;
background:url(img/list_mark_maru.jpg) no-repeat left center;
}
#contents .maru dl dd{margin:0.1em 0 0.3em 2.5em;zoom:1;}

#contents .qa dl dt{
width:1.5em;
margin-top:10px;
padding-left:15px;
background:url(img/question.jpg) left center no-repeat;width:28px;height:28px;overflow:hidden;text-indent:-9999px;
}
#contents .qa dl dd{margin:-1.7em 0 0.5em 2.2em;zoom:1;}

#contents .qa dl dt.answer{
width:1.5em;
margin-top:10px;
padding-left:10px;
background:url(img/answer.jpg) left center no-repeat;width:28px;height:28px;overflow:hidden;text-indent:-9999px;
}



/* 2p以降タイトル部分
----------------------------------------------------------------------------------*/
#contents #incho_title h2{margin:3px 0 0; background:url(img/tit_incyo.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:67px;}
#contents #incho_graph_title h2{margin:3px 0 0; background:url(img/tit_incho_graph.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:67px;}
#contents #rinen_title h2{margin:3px 0 0; background:url(img/tit_rinen.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:167px;}
#contents #sinryo_title h2{margin:3px 0 0; background:url(img/tit_sinryo.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:67px;}
#contents #gengo_title h2{margin:3px 0 0; background:url(img/tit_gengo.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:67px;}
#contents #basyo_title h2{margin:3px 0 0; background:url(img/tit_basyo.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:67px;}
#contents #qa_title h2{margin:3px 0 0; background:url(img/tit_qa.jpg) left bottom no-repeat;overflow #fff:hidden;
text-indent:-9999px;height:67px;}
#contents #link_title h2{margin:3px 0 0; background:url(img/tit_link.jpg) left bottom no-repeat #fff;overflow:hidden;
text-indent:-9999px;height:67px;}



#contents .main .incyo{width:120px;margin-right:10px;margin-bottom:10px;float:left;}
#contents .main .keireki{width:410px;float:left;}


/* テーブル
----------------------------------------------------------------------------------*/
table.time{width:548px;margin-top:15px;border:1px solid #e3e3e3;border-collapse:collapse;border-spacing:0;background:#fff;}

table.time th{padding: 5px;border: #E3E3E3 solid;border-width: 0 0 1px 1px;background:url(img/bg_table_top.jpg) repeat-x left top;line-height: 120%;text-align: center;white-space: nowrap;}

table.time td{padding:5px;border:1px #E3E3E3 solid;border-width: 0 0 1px 1px;text-align:center;white-space:nowrap;}

table.gaikan{width:548px;margin-top:15px;border:1px solid #e3e3e3;border-collapse:collapse;border-spacing:0;background:#fff;}
table.gaikan th{padding: 5px;border: #E3E3E3 solid;border-width: 0 0 1px 1px;text-align: center;white-space: nowrap;}
table.gaikan td{padding:5px;border:1px #E3E3E3 solid;border-width: 0 0 1px 1px;text-align: left;white-space:nowrap;}

/* nav
----------------------------------------------------------------------------------*/
#nav ul{margin:0;background:url(img/nav_bg.jpg) left top repeat-y;}
#nav li{display:inline;}
#nav li a{display:block;width:170px;height:45px;overflow:hidden;text-indent:-9999px;margin-left:11px;}

#home a{width:170px;background:url(img/nav_home.jpg) left top;}
#aisatu a{width:170px;background:url(img/nav_aisatu.jpg) left top;}
#rinen a{width:170px;background:url(img/nav_rinen.jpg) left top;}
#annai a{width:170px;background:url(img/nav_annai.jpg) left top;}
#tayori a{width:170px;background:url(img/nav_tayori.jpg) left top;}
#syozaichi a{width:170px;background:url(img/nav_syozaichi.jpg) left top;}
#qa a{width:170px;background:url(img/nav_qa.jpg) left top;}
#link a{width:170px;background:url(img/nav_link.jpg) left top;}


#home a:hover,#home a.on{width:170px;background:url(img/nav_home.jpg) right top;}
#aisatu a:hover,#aisatu a.on{width:170px;background:url(img/nav_aisatu.jpg) right top;}
#rinen a:hover,#rinen a.on{width:170px;background:url(img/nav_rinen.jpg) right top;}
#annai a:hover,#annai a.on{width:170px;background:url(img/nav_annai.jpg) right top;}
#tayori a:hover,#tayori a.on{width:170px;background:url(img/nav_tayori.jpg) right top;}
#syozaichi a:hover,#syozaichi a.on{width:170px;background:url(img/nav_syozaichi.jpg) right top;}
#qa a:hover,#qa a.on{width:170px;background:url(img/nav_qa.jpg) right top;}
#link a:hover,#link a.on{width:170px;background:url(img/nav_link.jpg) right top;}


#nav_home #nav #home a{width:170px;background:url(img/nav_home.jpg) right top;cursor:default;}
#nav_aisatu #nav #aisatu a{width:170px;background:url(img/nav_aisatu.jpg) right top;cursor:default;}
#nav_rinen #nav #rinen a{width:170px;background:url(img/nav_rinen.jpg) right top;cursor:default;}
#nav_annai #nav #annai a{width:170px;background:url(img/nav_annai.jpg) right top;cursor:default;}
#nav_tayori #nav #tayori a{width:170px;background:url(img/nav_tayori.jpg) right top;cursor:default;}
#nav_syozaichi #nav #syozaichi a{width:170px;background:url(img/nav_syozaichi.jpg) right top;cursor:default;}
#nav_qa #nav #qa a{width:170px;background:url(img/nav_qa.jpg) right top;cursor:default;}
#nav_link #nav #link a{width:170px;background:url(img/nav_link.jpg) right top;cursor:default;}




/* footer
----------------------------------------------------------------------------------*/

#footer p{margin:0;padding:10px 0;font-size:80%;line-height:1.2em;}
#footer ul#sabnav{padding:6px 0;font-size:80%;}
#footer ul#sabnav li{display:inline;padding-left:1.5em;background:url(img/sabnav_line.jpg) no-repeat 0.7em 0;zoom:1;}
#footer ul#sabnav li.noline{background:none;}
#footer address{font-size:76%;font-style: normal;}