@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;}
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%;}
img { border: 0; vertical-align: middle;}
li { list-style: none;}
a:link { color: #004D98; text-decoration: underline;}
a:visited { color: #004D98; text-decoration: underline;}
a:hover { color: #006DDB; text-decoration: none;}
a:active { color: #004D98; text-decoration: none;}
.fl { float: left; padding: 0 20px 20px 0;}
.fr { float: right; padding: 0 0 20px 20px;}
.center { text-align: center;}


/*LAYOUT*/
/*******************************************************************/
body { text-align: center; background: #FFF url(../images/common/back.jpg) center 0 no-repeat; color: #000;}
body,input,textarea,select { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #000;}
#wrap { position: relative;}
#container { position: relative; width: 980px; margin: 0 auto; text-align: left; font-size: 14px; line-height: 1.7;}


/*HEADER*/
/*******************************************************************/
#header h1 { padding: 27px 0 27px 56px;}
#header p { padding: 0 0 27px 56px;}
#header li { float: left;}
#header li a { display: block; height: 65px; background: url(../images/common/btn.jpg) 0 0 no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden;}
li#b01 a { width: 80px;  background-position: 0 0;}
li#b02 a { width: 131px;  background-position: -80px 0;}
li#b03 a { width: 113px;  background-position: -211px 0;}
li#b04 a { width: 179px;  background-position: -324px 0;}
li#b05 a { width: 85px;  background-position: -503px 0;}
li#b06 a { width: 135px;  background-position: -588px 0;}
li#b07 a { width: 149px;  background-position: -723px 0;}
li#b08 a { width: 108px; background-position: -872px 0;}
li#b01 a:hover, li#b01.on a { background-position: 0 -65px;}
li#b02 a:hover, li#b02.on a { background-position: -80px -65px;}
li#b03 a:hover, li#b03.on a { background-position: -211px -65px;}
li#b04 a:hover, li#b04.on a { background-position: -324px -65px;}
li#b05 a:hover, li#b05.on a { background-position: -503px -65px;}
li#b06 a:hover, li#b06.on a { background-position: -588px -65px;}
li#b07 a:hover, li#b07.on a { background-position: -723px -65px;}
li#b08 a:hover, li#b08.on a { background-position: -872px -65px;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; padding: 20px 0; text-align: center; background: url(../images/common/footer.jpg) 0 0 repeat-x;}
#footer li { display: inline-block; padding: 15px; line-height: 1; font-size: 12px;}
#footer li a { padding-left: 14px; background: url(../images/common/arr.png) 0 center no-repeat; text-decoration: none;}
#footer address { padding-top: 20px; font-size: 11px;}
#float { position: fixed; right: 0; bottom: 50px; width: 72px; overflow: hidden;}
#float li { position: relative; padding-top: 10px; height: 86px;}
#float li img { position: absolute; top: 0; left: 72px;}


/*CONTENTS*/
/*******************************************************************/
#main { clear: both; background: #FFF url(../images/common/main.jpg) 0 0 repeat-x; box-shadow: 1px 1px 10px #000;}
#contents { padding: 40px;}
h2 { margin-bottom: 30px;}
h3 { margin-bottom: 30px;}
h4 { margin-bottom: 15px;}
.title { padding: 10px 20px; font-size: 30px; color: #FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0B2035), color-stop(0.00, #12395C));
background: -webkit-linear-gradient(#12395C, #0B2035);
background: -moz-linear-gradient(#12395C, #0B2035);
background: -o-linear-gradient(#12395C, #0B2035);
background: -ms-linear-gradient(#12395C, #0B2035);
background: linear-gradient(#12395C, #0B2035);
box-shadow: 1px 1px 6px #666;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.st { padding-bottom: 5px; border-bottom: #12395C solid 3px; font-size: 26px; color: #12395C;}
p { padding-bottom: 25px;}
table { margin-bottom: 25px;}
th, td { padding: 1px 15px; border: #999 solid 1px;}
th { background: #DFEDF9;}

.tab { display: none;}
.oblique { padding: 30px; background: url(../images/common/oblique.png) 0 0 repeat; color: #FFF;}
.oblique h3 { cursor: pointer;}
.news { border: #103250 solid 7px;}
.news h3 { margin-bottom: 0; padding: 3px 0 10px; text-align: center; background: #103250;}
.news ul { padding: 20px 40px;}
.news li { clear: both; padding: 20px 0; border-top: #A3A3A3 solid 1px;}
.news li:first-child { border-top: none;}

.check { margin: 0 0 0 30px;}
.check li { margin-bottom: 10px; padding: 5px 0 5px 40px; border-bottom: #666 dotted 1px; background: url(../images/common/check.png) 0 0 no-repeat; font-size: 18px;}

.ol { margin: 0 0 0 50px;}
.ol li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: #666 dotted 1px; font-size: 16px; list-style: decimal;}

.box { margin-bottom: 30px; padding: 30px; font-weight: bold; font-size: 18px; color: #12395C;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #D6D6D6), color-stop(0.00, #fff));
background: -webkit-linear-gradient(#fff, #D6D6D6);
background: -moz-linear-gradient(#fff, #D6D6D6);
background: -o-linear-gradient(#fff, #D6D6D6);
background: -ms-linear-gradient(#fff, #D6D6D6);
background: linear-gradient(#fff, #D6D6D6);
box-shadow: 1px 1px 6px #666;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
form { padding: 30px; background: url(../images/common/oblique.png) 0 0 repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
form table { width: 100%; background: #FFF;}
form th, form td { padding: 10px 15px;}
form th span { float: right;}
input, select, textarea, label { margin: 0 10px 10px 0; padding: 4px;}
textarea { width: 500px; height: 100px;}
.required { margin-right: 5px; font-weight: bold; color: #F00;}



/*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*/