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

*{ padding:0; margin:0;}
body{
	font-size:12px;
	line-height:1.6em;
	text-align:center;
}

/*　STANDARD
--------------------------------------------------*/
a{ text-decoration:underline; color:#0000ff; outline:none;}
a:hover{ text-decoration:none;}
img{ border:none; vertical-align:bottom;}

#pagetop{ clear:both; color:#2e943c;}
.left{ text-align:left;}
.right{ text-align:right;}
.center{ text-align:center;}
.f-left{ float:left;}
.f-right{ float:right;}
.clear{ clear:both;}
.pl-10{ padding-left:10px;}
.pb-10{ padding-bottom:10px;}
.pr-10{ padding-right:10px;}
.pt-10{ padding-top:10px;}
.pt-05{ padding-top:5px;}
.break{ page-break-after:always;}

/*　LAYOUT(INDEX)
--------------------------------------------------*/
#wrap{ text-align:left;}
#wrap #container{ width:880px; margin:0 auto;}
#wrap #container #header{ width:880px; font-size:10px; float:left;}
#wrap #container #header h1{ font-size:10px; font-weight:normal; color:#379eee; float:left;}
#wrap #container #header h2{ position:relative; top:15px; left:20px; font-size:11px; float:left;}
#wrap #container #header div{ width:343px; margin:5px 0; float:right;}
#wrap #container #header div ul{ margin:2px 0 0 0; background:url(../images/header_link_border.gif) no-repeat; background-position:right;}
#wrap #container #header div ul li{ padding:0 0 0 15px; margin:0 6px 0 0; list-style:none; background:url(../images/header_link_border.gif) no-repeat; background-position:left; display:inline;}
#wrap #container #header ul#globalnav{ list-style:none; clear:both;}
#wrap #container #header ul#globalnav li{ float:left;}
#wrap #container #footer{ width:880px; height:116px; text-align:center; background-position:bottom; clear:both;}
#wrap #container #footer p{ font-size:10px; padding:15px 0 0 0;}
#wrap #container #footer p span{ font-weight:bold;}
#wrap #container #footer ul{ padding:5px 0; font-size:11px;}
#wrap #container #footer ul li{ padding:0 0 0 6px; margin:0 2px 0 0; list-style:none; display:inline; background:url(../images/header_link_border.gif) no-repeat;}
#wrap #container #footer address{ font-size:11px; font-style:normal;}
#wrap #container ul#pankuzu{ width:860px; padding:5px 10px 0 10px; float:left;}
#wrap #container ul#pankuzu li{ list-style:none inside; display:inline;}
#wrap #container ul#pankuzu li span{ padding:0 5px 0 10px;}
#wrap #container #pagetop{ width:880px; margin:0 0 40px 0; clear:both; text-align:right; color:#000;}


/*　CONTENTS(INDEX)
--------------------------------------------------*/
#index #wrap #container #main{ height:200px; padding:10px 0 0 0; clear:both;}
#index #wrap #container #main div{ width:287px; height:200px; float:right; overflow:hidden;}
#index #wrap #container #main div p .img_button01{ padding:0 4px 0 0;}
#index #wrap #container #main div h2{ font-size:11px;}
#index #wrap #container #main div ol{ height:110px; margin:0 0 10px 0; overflow:scroll;}
#index #wrap #container #main div ol li{ padding:3px 3px; margin:3px 0 3px 20px; background:url(../images/index_main_border.gif) no-repeat; background-position:bottom; list-style:outside disc;}
#index #wrap #container #main div ul{}
#index #wrap #container #main div ul li{ display:inline;}
#index #wrap #container #content{ width:880px; margin:10px 0 40px 0; float:left;}
#index #wrap #container #content .section{ width:880px; margin:0 0 10px 0; float:left;}
#index #wrap #container #content .section .btn{ width:880px; float:left;}
#index #wrap #container #content .section .btn ul{ float:left; list-style:none;}
#index #wrap #container #content .section .btn ul li{ padding:0 9px 0 0; float:left;}
#index #wrap #container #content .section .btn ul li.fix{ padding:0 0 0 0;}

#index #wrap #container #content .section .point{ width:880px; height:113px; background:url(../images/index_section_point_bg.gif) no-repeat;}
#index #wrap #container #content .section .point h2{ padding:4px 0 0 4px; font-size:11px; float:left;}
#index #wrap #container #content .section .point h3{ margin:16px 0 0 20px; font-size:12px; font-weight:normal; float:left;}
#index #wrap #container #content .section .point ul{ margin:0 0 0 12px; padding:12px 0 0 0; clear:both; list-style:none;}
#index #wrap #container #content .section .point ul li{ margin:0 3px 0 0 !important; margin:0 3px 0 0; display:inline;}
*:first-child + html #index #wrap #container #content .section .point ul li{ margin:0 3px 0 0 !important; margin:0 3px 0 0; display:inline;}
#index #wrap #container #content .section .check{ width:435px; height:160px;}
#index #wrap #container #content .section .check h2{ padding:1px 0 0 1px; font-size:11px; float:left;}
#index #wrap #container #content .section .check ul{ padding:15px 0 0 40px; float:left; list-style:none;}
#index #wrap #container #content .section .check ul li{ padding:0 0 10px 0;}
#index #wrap #container #content .section .check ul li span{ font-weight:bold;}
#index #wrap #container #content .section .office{ width:878px; border:solid 1px #ccc; float:left; padding:0 0 10px 0;}
#index #wrap #container #content .section .office h2{ padding:3px 0 0 3px; font-size:11px; float:left;}
#index #wrap #container #content .section .office h3{ width:580px; padding:10px 0 5px 35px; font-size:12px; font-weight:normal; float:left;}
#index #wrap #container #content .section .office .inc-x{ width:854px; padding:0 12px; clear:both;}
#index #wrap #container #content .section .office .inc-x div.blk{ width:390px; padding:10px 10px 10px 20px; margin:10px 0 0 0; border:solid 1px #999;}
#index #wrap #container #content .section .office .inc-x div.blk div{ width:215px;}
#index #wrap #container #content .section .office .inc-x div.blk div h4{ padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:solid 1px #ccc;}
#index #wrap #container #content .section .office .inc-x div.blk div h4 img{ margin:0 0 0 5px;}
#index #wrap #container #content .section .office .inc-x div.blk div p{ line-height:1.4em;}
#index #wrap #container #content .section .office .inc-x div.blk div p.access{ padding:5px 0 0 0; font-size:11px;}
#index #wrap #container #content .section .office .inc-x div.blk div p span{ font-weight:bold;}
#index #wrap #container #content .section .office .inc-x div.blk .images{ float:right;}
#index #wrap #container #content .section .office .inc-x div.link{ width:400px; height:155px; padding:10px 10px 10px 10px; margin:10px 0 0 0;}
#index #wrap #container #content .section .office .inc-x div.link h4{ font-size:11px; background:#ccc;}
#index #wrap #container #content .section .office .inc-x div.link ul{ padding:10px 0 5px 10px; list-style:inside; line-height:1.4em;}
#index #wrap #container #content .section .office .inc-x div.link ul li{}
#index #wrap #container #content .section .office .inc-x div.link p{ padding:0 0 0 10px;}








/*　LAYOUT(OTHER)
--------------------------------------------------*/
#other #wrap #container #content{ width:880px; margin:5px 0 40px 0; float:left; background:url(../images/other_content_bg_01.gif) repeat-y #fff; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;}
#other #wrap #container #content #include{ width:820px; padding:0 45px 0 11px !important; padding:0 45px 0 10px; margin:0 1px 0 1px !important; margin:0 1px 0 1px; float:left; border-top:solid 3px #fff; border-bottom:solid 3px #fff;}
#other #wrap #container #content #include #cnav{ width:200px; margin:8px 0 0 0; float:left;}
#other #wrap #container #content #include #maincol{ width:570px; margin:20px 0 0 0; float:right;}

/*　CNAV(OTHER)
--------------------------------------------------*/
#other #wrap #container #content #include #cnav h2{ width:200px; padding:0 0 5px 0; font-size:11px;}
#other #wrap #container #content #include #cnav .section{ width:200px; padding:3px 0; background:#ccc;}
#other #wrap #container #content #include #cnav .section ul{ width:197px; padding:0 0 0 3px; list-style:none;}
#other #wrap #container #content #include #cnav .section ul li{}


/*　MAP
--------------------------------------------------*/
#map{ font-size:12px; line-height:1.6em; background-position:bottom; text-align:center; background:none; background-position:top;}
#map #wrap{ width:400px; padding:0 45px; margin:0 auto; background:none;}
#map #wrap #container{ width:404px; padding:30px 0 0 0;}
#map #wrap #container h1{ padding:0 0 5px 0; font-size:11px;}
#map #wrap #container p span{ font-weight:bold; color:#cc0000;}
#map #wrap #container .map{ padding:20px 0 30px 0; text-align:center;}
#map #wrap #container ul{ text-align:center;}
#map #wrap #container ul li.left{ display:inline; margin:0 5px 0 0;}
#map #wrap #container ul li.right{ display:inline; margin:0 0 5px 0;}
#map #wrap #container ul li img{ padding:3px; background:#e9e9e9;}



/*　RECOMMEND
--------------------------------------------------*/
#recommend{ font-size:12px; line-height:1.6em; background-position:bottom; text-align:center; background:none; background-position:top;}
#recommend #wrap{ width:600px; padding:0 10px; margin:0 auto; background:none;}
#recommend #wrap #header{ width:600px; padding:20px 0 0 0; background:none; text-align:right;}
#recommend #wrap #header h1{ font-size:11px; float:right; position:relative; top:10px;}
#recommend #wrap #header h2{ position:relative; top:4px; font-size:11px; float:left;}
#recommend #wrap #footer{ width:600px; height:auto; margin:0 0 20px 0; background:none; clear:both;}
#recommend #wrap #footer ul{ text-align:center; list-style:none;}
#recommend #wrap #footer ul li{ display:inline; background:none;}
#recommend #wrap #footer ul li img{ padding:3px; background:#e9e9e9;}
#recommend #wrap #container{ width:600px; clear:both;}
#recommend #wrap #container #content{ width:594px; padding:3px; float:left; background:#b2e5fe;}
#recommend #wrap #container #content #include{ padding:27px; border:solid 1px #0066cc; background:#fff; float:left;}
#recommend #wrap #container #content #include h3{ font-size:11px;}
#recommend #wrap #container #content #include h4{ padding:2px 0 0 0; margin:20px 0 40px 0; font-size:12px; color:#fff; text-align:center; border:solid 1px #003399; background:#003399; float:left;}
#recommend #wrap #container #content #include h4 span{ padding:10px 20px; display:block; font-size:12px; font-weight:normal; color:#000; text-align:left;  background:#fff;}
#recommend #wrap #container #content #include #maincol{ width:320px; padding:0 29px; float:right;}
#recommend #wrap #container #content #include #maincol .section{}
#recommend #wrap #container #content #include #maincol .section div{}
#recommend #wrap #container #content #include #maincol .section div ul{ padding:10px 0 0 0;}
#recommend #wrap #container #content #include #maincol .section div ul li{ padding:10px 0 5px 0; list-style:none; background:url(../images/other_maincol_recommend_border.gif) no-repeat; background-position:bottom;}
#recommend #wrap #container #content #include #cnav{ width:160px; float:left;}
#recommend #wrap #container #content #include #cnav .section{ height:442px; background:url(../images/other_maincol_recommend_bg.jpg) no-repeat;}



/*　AILADY
--------------------------------------------------*/
#ailady{ font-size:12px; line-height:1.6em; background-position:bottom; text-align:center; background:none; background-position:top;}
#ailady #wrap{ width:600px; padding:0 10px; margin:0 auto; background:none;}
#ailady #wrap #header{ width:600px; background:none;}
#ailady #wrap #header h1{ padding:20px 0 20px 20px; font-size:11px; float:none;}
#ailady #wrap #footer{ width:600px; height:auto; margin:0 0 20px 0; background:none; clear:both;}
#ailady #wrap #footer ul{ text-align:center; list-style:none;}
#ailady #wrap #footer ul li{ display:inline; background:none;}
#ailady #wrap #footer ul li img{ padding:3px; background:#e9e9e9;}
#ailady #wrap #container{ width:600px; clear:both;}
#ailady #wrap #container #content{ width:600px; margin:5px 0 20px 0; float:left; background:url(../images/other_maincol_ailady_content_bg.gif) repeat-y #fff; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc;}
#ailady #wrap #container #content #include{ width:565px; padding:0 15px 0 11px !important; padding:0 15px 0 10px; margin:0 0px 0 1px !important; margin:0 0px 0 1px; float:left; border-top:solid 3px #fff; border-bottom:solid 3px #fff;}
#ailady #wrap #container #content #include #maincol{ width:340px; margin:15px 0 0 0; float:right;}
#ailady #wrap #container #content #include #maincol h2{ width:340px; height:78px; font-size:16px; background:url(../images/other_maincol_ailady_h2_bg.gif) no-repeat;}
#ailady #wrap #container #content #include #maincol h2 span.index{ display:inline-block; position:relative; top:32px; left:30px; padding:0 40px 0 0; background:url(../images/other_maincol_ailady_newicon.gif) no-repeat right;}
#ailady #wrap #container #content #include #maincol h2 span.form{ display:inline-block; position:relative; top:32px; left:30px; padding:0 40px 0 0;}
#ailady #wrap #container #content #include #maincol .section{ padding:10px 0 20px 0; font-size:12px;}
#ailady #wrap #container #content #include #maincol .section img{ padding:20px 0 0 0;}
#ailady #wrap #container #content #include #maincol .section textarea{ display:block; margin:0 auto;}
#ailady #wrap #container #content #include #maincol .section input{ margin:10px auto 0 auto; font-size:12px;}
#ailady #wrap #container #content #include #maincol .section a{ text-decoration:none;}
#ailady #wrap #container #content #include #cnav{ width:200px; margin:8px 0 0 0; float:left;}
#ailady #wrap #container #content #include #cnav h2{ width:200px; padding:0 0 5px 0; font-size:11px;}
#ailady #wrap #container #content #include #cnav .section{ width:200px; padding:3px 0; background:#ccc;}
#ailady #wrap #container #content #include #cnav .section ul{ width:197px; padding:0 0 0 3px; list-style:none;}
#ailady #wrap #container #content #include #cnav .section ul li{}

pre{
width:300px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin:5px 10px 10px 10px;
padding:5px 10px 10px 10px;
/*white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
white-space:pre-wrap;
word-wrap: break-word;*/
}