/*-----------------------------------------------------
Useful
-------------------------------------------------------*/

.center{text-align: center !important;}
.rt{text-align: right !important;}
.lt{text-align: left !important;}
.fll{float: left !important;}
.flr{float: right !important;}
.fll10{float: left !important; margin-right: 10px !important;}
.flr10{float: right !important; margin-left: 10px !important;}
.fll20{float: left !important; margin-right: 20px !important;}
.flr20{float: right !important; margin-left: 20px !important;}
.ml0{margin-left: 0 !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.ml110{margin-left: 110px !important;}
.mr0{margin-right: 0 !important;}

.mr10{margin-right: 10px !important;}
.mr11{margin-right: 11px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr21{margin-right: 21px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}

.mlr0{margin-left: 0 !important; margin-right: 0 !important;}
.mlr10{margin-left: 10px !important; margin-right: 10px !important;}
.mlr20{margin-left: 20px !important; margin-right: 20px !important;}
.mlr30{margin-left: 30px !important; margin-right: 30px !important;}
.mlr40{margin-left: 40px !important; margin-right: 40px !important;}
.mlr50{margin-left: 50px !important; margin-right: 50px !important;}

.mt0{margin-top: 0 !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mtb0{margin-top: 0; margin-bottom: 0 !important;}
.mtb10{margin-top: 10px !important; margin-bottom: 10px !important;}
.mtb20{margin-top: 20px !important; margin-bottom: 20px !important;}
.mtb30{margin-top: 30px !important; margin-bottom: 30px !important;}
.m10{margin: 10px !important;}
.m20{margin: 20px !important;}
.m30{margin: 30px !important;}

.clr{clear:right;}
.cll{clear:left;}
.clb{clear:both;}
.ofh { overflow: hidden; }

html, body { margin: 0; }

body { background-color: #e2e3e6; font-size: 15px; }
div#wrap {  width: 980px; margin: 0 auto 0 auto ; overflow: hidden; background-color: #fff; }

div#header { overflow: hidden;}
div#header div#logo { width: 300px; padding:12px; float: left; height: 145px;}
div#header div#logo p { margin: 0;}
div#header div#title { background-color: #002049; color:#fff; width: 636px; float: right; padding:20px 0 0 20px; height: 165px; /*background-image: url(../image/back.jpg);*/  }
div#header div.titlebk { background-image: url(../image/back.jpg); }
div#header div#title h1 { margin: 0 0 2px 0; font-size: 2.3em; padding: 5px 0 0 0; /*border-bottom: 1px #fff solid;*/ }
div#header div#title h2 { margin: 0; font-size: 1.6em; font-weight: normal; }
div#header div#title p { margin: 0; font-size: 1.4em; }
div#header div#title p span { margin: 0; font-size: 0.6em; }

div#main {  }
div#main p { margin: 0 0 1em 0; }
div#main p.pankuzu { margin: 0 0 0.7em 1em; }
div#main p.pankuzu a {  color: #002049; }
div#main p.pankuzu a:hover {  color: #ff0000; }

h2.midashi01 { background-color: #ff0000; padding: 30px 20px 5px 20px; color: #fff; font-size: 1.6em; margin: 0; font-weight: normal; }
h2.midashi02 { background-color: #002049; padding: 30px 20px 5px 20px; color: #fff; font-size: 1.6em; margin: 0; font-weight: normal; }
h2.midashi03 { background-color: #666666; padding: 30px 20px 5px 20px; color: #fff; font-size: 1.6em; margin: 0; font-weight: normal; }

h2.copymidashi { /*padding-bottom: 5px; border-bottom: 1px dotted #ccc;*/ font-size: 1.7em; margin-bottom: 20px; margin-top: 0px; }
h2.copykomidashi {/* padding-bottom: 5px; border-bottom: 1px dotted #ccc;*/ font-size: 1.4em; margin-bottom: 5px; font-weight: normal; }

h3.komidashi01 { padding-bottom: 5px; border-bottom: 1px solid #ccc; color: #002049; }
h3.komidashi02 { padding: 5px ; background-color: #0aa6cc; color: #fff; }
div.article { padding: 20px; overflow: hidden; width: 940px; }
div.article p { margin: 0 0 1em 0; }
div.article a { color: #002049; }
div.article a:hover { color: #ff0000; }

table.type_01 { border-collapse: collapse; }
	table.type_01 a { color: #000; text-decoration: underline; }
	table.type_01 th { padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #eee; border: 1px solid #b9b9b9;}
	table.type_01 th.type_01_th01 { padding: 6px; text-align: left; vertical-align: top; color: #fff; background-color: #666; border: 1px solid #b9b9b9;}
	table.type_01 td { padding: 6px;background-color: #fff;border: 1px solid #b9b9b9;}

ul#info { padding: 0; margin: 0; overflow: hidden; }
ul#info li { float: left; list-style: none; margin: 10px 0 0 10px; font-size: 1.8em; }
ul#info li a { width: 222px; height: 60px; display: block; text-decoration: none; text-align: center; color: #fff; background-image: url(../image/link_bk.gif); background-repeat: repeat-x; padding:  28px 0 0 0; }
ul#info li a.info_2line { width: 222px; height: 79px; display: block; text-decoration: none; text-align: center; color: #fff; background-image: url(../image/link_bk.gif); background-repeat: repeat-x; padding:  9px 0 0 0; }
/*ul#info li a.bk_02 { background-image: url(../image/link_bk_02.gif); }
ul#info li a.bk_03 { background-image: url(../image/link_bk_03.gif); }
ul#info li a.bk_04 { background-image: url(../image/link_bk_04.gif); }
ul#info li a.bk_05 { background-image: url(../image/link_bk_05.gif); }
ul#info li a.bk_06 { background-image: url(../image/link_bk_06.gif); }
ul#info li a.bk_07 { background-image: url(../image/link_bk_07.gif); }
ul#info li a.bk_08 { background-image: url(../image/link_bk_08.gif); }*/
ul#info li a:hover {  background-color: #1d5dad; color: #fff; background-image: none; }

section#main_image { position: relative; height: 530px;}
ul#lang { width: 980px; overflow: hidden; margin: 5px auto; padding: 0; }
ul#lang li { float: right; list-style: none; margin: 0 0 0 20px; padding: 0; }
ul#lang li a { margin-left: 5px; color: #002049; }
ul#lang li a:hover { margin-left: 5px; color: #ff0000; }
ul#lang li.text { float: left; margin: 0; }


div#footer { margin: 20px; overflow: hidden; }
div#footer ul#global_navi2{ float: right; }
ul#global_navi2 { overflow: hidden; padding: 0; border-left: 1px solid gray; }
ul#global_navi2 li { float: left; list-style: none; margin: 0; padding: 0 20px 0 20px ; border-right: 1px solid gray; }
div#footer a { color: #002049; }
div#footer a:hover { color: #ff0000; }

hr.gray {background-color: #e2e3e6; height: 2em; margin: 0; padding: 0;  }
.kakomi01{
		background-color: #eee;
		padding: 1em;
		margin-bottom: 2em;
	}
	
.figbox { overflow: hidden; width: 970px; }
.figbox2 { overflow: hidden; width: 960px; }
.fig { margin-bottom: 10px; float: left; margin-right:20px; }
.fig img { margin-bottom: 5px; }
.fig p { background-color: #eee; padding: 0.5em; margin: 0; font-size: 0.9em;}

p#copy { background-color:#002049; color: #fff; text-align: center; padding: 10px; margin: 0; font-size: 10px; }

a.button { width: 350px; display: block; text-decoration: none; color: #fff!important; background-image: url(../image/link_bk2.gif); background-repeat: repeat-x; padding: 10px; margin: 0 auto; }
a.button:hover { background-color: #174c90; color: #fff!important; background-image: none; }
