@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td { margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img { border: 0; vertical-align: bottom;}
li { list-style: none;}
a:link { color: #0C2780; text-decoration: underline;}
a:visited { color: #0C2780; text-decoration: underline;}
a:hover { color: #48A4F1; text-decoration: none;}
a:active { color: #0C2780; text-decoration: none;}
.center { text-align: center;}
.fr { float: right; margin: 0 0 10px 20px;}
.fl { float: left; margin: 0 20px 10px 0;}
.clear { clear: both;}
.right { text-align: right;}
.large { font-size: 116%; line-height: 2;}
.mini { font-size: 93%;}


/*LAYOUT*/
/*******************************************************************/
body { text-align: center;}
body,input,textarea,select { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #000;}
#container { min-width: 1000px; text-align: left; background: url(../images/common/back.jpg) 0 0 repeat-x; font-size: 14px; line-height: 1.5; overflow: hidden;}
#header, #main, .in, #subimg h2, #bread  { position: relative; width: 980px; margin: 0 auto;}
#wrap { padding: 30px 0; background: url(../images/common/wrap.jpg) 0 0 repeat-x;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 155px;}
#header h1 { padding-top: 2px; font-size: 11px;}
#header #logo { position: absolute; top: 44px; left: 0;}
#header p { position: absolute; top: 40px; right: 0;}
#header ul { position: absolute; top: 110px; left: 0;}
#header li { float: left;}
#header li a { display: block; width: 165px; height: 42px; background-image: url(../images/common/btn.jpg); text-indent: 100%; white-space: nowrap; overflow: hidden;}
li#b01 a { width: 155px; background-position: 0 0;}
li#b02 a { background-position: -155px 0;}
li#b03 a { background-position: -320px 0;}
li#b04 a { background-position: -485px 0;}
li#b05 a { background-position: -650px 0;}
li#b06 a { background-position: -815px 0;}
li#b01 a:hover, li#b01 a.on { background-position: 0 -42px;}
li#b02 a:hover, li#b02 a.on { background-position: -155px -42px;}
li#b03 a:hover, li#b03 a.on { background-position: -320px -42px;}
li#b04 a:hover, li#b04 a.on { background-position: -485px -42px;}
li#b05 a:hover, li#b05 a.on { background-position: -650px -42px;}
li#b06 a:hover, li#b06 a.on { background-position: -815px -42px;}
#bread { font-size: 85%; color: #FFF;}
#bread a { text-decoration: none; color: #FFF; text-shadow: 1px 1px 2px #000;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; background: #F3F3F3;}
.in { padding: 30px 0;}
#footer p { position: absolute; top: 0; right: 0;}
#footer ul { float: left; padding-right: 50px; line-height: 1;}
#footer li a { display: block; padding: 15px 10px; background: url(../images/common/arr3.png) 0 center no-repeat; border-bottom: #A8A8A8 dotted 1px; text-decoration: none; font-size: 13px; color: #333;}
#footer li a:hover { color: #999;}
#footer dl { float: left; padding: 0 20px;}
#footer dt { padding: 15px 0; font-size: 13px; font-weight: bold;}
#footer li dd a { padding: 5px 0 5px 10px; background-image: url(../images/common/dot.png); border-bottom: none; font-size: 12px;}
address { padding: 10px 0; text-align: center; font-size: 11px;}


/*ASIDE*/
/*******************************************************************/
#aside { float: left; width: 220px;}
#aside p { padding-bottom: 30px;}
#menu { margin-bottom: 30px; padding: 9px; background: #F3F3F3; border: #D6D6D6 solid 1px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; behavior: url(border-radius.htc);}
#menu h4 { margin-bottom: 5px; padding-bottom: 5px; font-size: 16px; font-weight: bold; border-bottom: #0059B2 solid 2px; color: #0059B2;}
#menu h4.green { margin-top: 15px; border-color: #008C46; color: #008C46;}
#menu li { border-top: #BBB dotted 1px;}
#menu li:first-child { border: none;}
#menu li a { display: block; padding: 5px 0 5px 25px; background: url(../images/common/arr.png) 5px center no-repeat; text-decoration: none; font-size: 13px; color: #000;}
#menu .green li a { background-image: url(../images/common/arr_g.png);}
#menu li a:hover, #menu li a.on { background-color: #FFF; color: #0C2780;}
#menu li li a { padding-left: 40px; background: url(../images/common/point.jpg) 25px center no-repeat; font-weight: normal;}


/*CONTENTS*/
/*******************************************************************/
#contents { float: right; width: 700px;}
#contents p { padding-bottom: 15px;}
.pb { padding-bottom: 30px!important;}
.mb { margin-bottom: 30px!important;}
.mb0 { margin-bottom: 0!important;}

.st { clear: both; margin-bottom: 20px; padding: 6px 12px; background: #FFF url(../images/common/st.jpg) 0 bottom repeat-x; border-left: #0C267F solid 3px; border-top: #EDEDED solid 1px; font-size: 18px; font-weight: bold; color: #0C267F;}
.sub { margin-bottom: 15px; padding-bottom: 5px; border-bottom: #0C267F solid 2px; font-size: 16px; font-weight: bold; color: #0C267F;}
.sub img { vertical-align: middle;}
.sub2 { margin-bottom: 10px; padding-bottom: 10px!important; border-bottom: #E2DEC2 dotted 1px; font-weight: bold;}
.boxB { margin-bottom: 15px; padding-left: 15px;}

.pt { padding: 50px 0; text-align: right;}

/*top*/
#mainimg { height: 370px; text-align: center; background: #EDEDED url(../images/top/main.jpg) center 0 no-repeat; border-bottom: #0D2881 solid 2px;}
#mainimg h2 { padding-top: 150px;}
.news { line-height: 1;}
.news dt { float: left; clear: left; width: 90px; padding: 15px 5px 15px 12px; background: url(../images/common/arr2.png) 0 center no-repeat; font-size: 11px;}
.news dd { padding: 15px 0 15px 100px; border-bottom: #A8A8A8 dotted 1px;}
.business { margin-bottom: 30px;}
.business h4 { padding-left: 35px; background: url(../images/common/diamond.png) 0 center no-repeat; font-size: 22px; border-color: #0059B2; color: #0059B2;}
.business h4.green { background-image: url(../images/common/diamond_g.png); border-color: #008C46; color: #008C46;}
.business ul { margin-bottom: 30px;}
.business li { float: left; width: 245px; background: url(../images/common/vline.png) 17px 0 repeat-y;}
.business li.first { width: 210px; background: none;}
.business li a { display: block; float: right; width: 170px; padding: 6px 30px 6px 10px; background: #0059B2 url(../images/common/arr_c.png) 184px center no-repeat; text-decoration: none; font-size: 16px; color: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior: url(border-radius.htc);}
.business li a:hover { background-color: #1E77D0;}
.business .green li a { background-color: #008C46;}
.business .green li a:hover { background-color: #1EAA64;}
#contents .business li p { float: right; width: 210px; padding: 10px 0 0; font-size: 13px; line-height: 1.3;}


/*PAGE*/
#subimg { height: 160px; text-align: left; background: #EDEDED url(../images/common/sub.jpg) center 0 no-repeat; color: #FFF;}
#subimg h2 { width: 980px; padding: 40px 0 25px; font-size: 36px; letter-spacing: 0.1em; text-shadow: 1px 1px 2px #000;}

.ul, .ol { margin: 0 0 15px 30px;}
.ol li { padding-bottom: 10px; list-style: decimal;}
.ul li { padding-bottom: 10px; list-style: disc;}

.ts { margin-bottom: 20px; border: #E6E6E6 solid 1px;}
.ts table { width: 100%;}
.ts th, .ts td { padding: 10px 20px; background: #FFF url(../images/common/ts.gif) 0 bottom repeat-x; border-right: #E6E6E6 solid 1px;}
.ts th { width: 200px; background-color: #F6F6F6; border-top: #FFF solid 1px; border-left: #FFF solid 1px;}
.ts tr.midashi td { text-align: center; background: #0D2881; color: #FFF;}
.short th { width: 100px; text-align: center;}
.auto th { width: auto;}
.ts th span { float: right;}

input, textarea { padding: 2px;}
.long { width: 400px;}

.arr { display: inline-block; padding-left: 12px; background: url(../images/common/arr2.png) 0 center no-repeat;}


/*HACK*/
/*******************************************************************/
/*clear*/
.cf { display: inline-block;}
.cf:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html .cf {height:1%;}
.cf { display:block;}
/*End hide from IE-mac*/