@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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;}
q:before,q:after { content: '';}
object,embed { vertical-align: top;}
legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,abbr,acronym,fieldset { border: 0;}
li { list-style-type: none;}
a:link { color: #629621; text-decoration: underline;}
a:visited { color: #629621; text-decoration: underline;}
a:hover { color: #8FD43A; text-decoration: none;}
a:active { color: #629621; text-decoration: none;}
p { padding: 0 0 30px;}
ol, ul { margin: 0 30px 30px;}
ul li { list-style: disc;}
ol li { list-style: decimal;}
strong,b { font-size: 108%; font-weight: bold; color: #629621;}
img { vertical-align: top;}
.center { text-align: center;}
.right { text-align: right;}
.required { margin: 0 5px; padding: 0 2px; background: #FFF; color: #F33;}
.fl { float: left; padding: 0 20px 10px 0;}
.fr { float: right; padding: 0 0 10px 20px; background: #FFF;}
.fl img, .fr img { padding: 5px; border: #CCC solid 1px;}
.fl img.none, .fr img.none { border: none;}
.clear { clear: both;}
.lge { font-size: 116%;}
.min { font-size: 85%; line-height: 1.4;}


/*LAYOUT*/
/*******************************************************************/
body { margin: 0 auto; text-align: center; background: #FFF url(../images/back.jpg) 0 0 repeat-x; font-size: 81.25%; font-family: 'メイリオ',Meiryo,'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック',sans-serif; line-height: 1.7; color: #000;}
#container { text-align: left;}
.in { position: relative; width: 960px; margin: 0 auto;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; width: 960px; height: 198px; margin: 0 auto;}
#logo { position: absolute; top: 30px; left: 0;}
#header h1 { height: 23px; padding: 0 10px; background: url(../images/h1.gif) 0 0 no-repeat; font-size: 11px;}
#header p { position: absolute; top: 70px; right: 0;}
#header ul { position: absolute; margin: 0;}
#header ul#global { top: 37px; right: 0; height: 25px; padding-left: 204px; background: url(../images/soudan.gif) 0 0 no-repeat;}
#header ul#global li { padding-left: 15px; line-height: 1.2;}
#header ul#menu { top: 130px; left: 0;}
#header li { float: left; list-style: none;}
#menu li a { height: 50px; background-image: url(../images/btn.jpg);}
li#b01 a { width: 137px; background-position: 0 0;}
li#b02 a { width: 121px; background-position: -137px 0;}
li#b03 a { width: 164px; background-position: -258px 0;}
li#b04 a { width: 123px; background-position: -422px 0;}
li#b05 a { width: 107px; background-position: -545px 0;}
li#b06 a { width: 159px; background-position: -652px 0;}
li#b07 a { width: 149px; background-position: -811px 0;}
li#b01 a:hover, li#b01 a.on { background-position: 0 -50px;}
li#b02 a:hover, li#b02 a.on { background-position: -137px -50px;}
li#b03 a:hover, li#b03 a.on { background-position: -258px -50px;}
li#b04 a:hover, li#b04 a.on { background-position: -422px -50px;}
li#b05 a:hover, li#b05 a.on { background-position: -545px -50px;}
li#b06 a:hover, li#b06 a.on { background-position: -652px -50px;}
li#b07 a:hover, li#b07 a.on { background-position: -811px -50px;}
#breadcrumb { width: 960px; margin: 0 auto 15px; height: 25px; background: url(../images/bread.png) 0 0 no-repeat; font-size: 11px; line-height: 1.2; color: #FFF;}
#breadcrumb p { padding: 6px 0 0 33px;}
#breadcrumb a { text-decoration: none; color: #FFF;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; height: 80px; background: #CCC; font-size: 93%;}
#footer p { float: right;}
#footer address { float: left; padding-top: 10px;}


/*CONTENTS*/
/*******************************************************************/
#aside { float: left; width: 220px; border-top: #8FD439 solid 2px;}
#aside ul.banner { margin: 0 9px;}
#aside li { list-style: none;}
#aside .banner li { margin: 9px 0 0; list-style: none;}
#aside p { padding-bottom: 10px;}
#aside .banner li.company { background: #FFF; border: #8FD43A solid 2px;}
#aside .company p { margin: 0 10px 15px; padding: 0;}
#aside .company p.line { padding-bottom: 15px;}
#sub { margin: 0 2px 20px;}
#sub li a { display: block; padding: 10px 4px 10px 20px; background: #BDEF9E url(../images/arrow.gif) 5px center no-repeat; border-top: #E3F9D7 solid 1px; border-bottom: #7ABE30 solid 1px; text-decoration: none; color: #000;}
#sub li a:hover, #sub li a.on { background-color: #FFF;}

#fc { clear: both; position: relative; background: url(../images/side_bottom.gif) 0 bottom no-repeat; text-align: right;}
#fc img { margin-top: -197px; * margin-top: 0;}
#fc p { position: absolute; top: 140px; right: 20px;}

h2 { margin-bottom: 30px; text-align: center;}
#main { width: 960px; margin: 0 auto 30px; background: url(../images/side.gif) 0 0 repeat-y;}
#contents { float: right; width: 715px; padding-bottom: 197px; font-size: 116%; letter-spacing: 0.1em;}
#contents h3, #contents h4, #contents h5 { margin-bottom: 15px; font-weight: bold;}
#contents .st { margin-bottom: 5px!important; padding: 4px 12px 4px 20px; background: url(../images/mark.gif) 0 12px no-repeat; border-bottom: #999 dotted 1px; letter-spacing: 0.1em; font-size: 123.1%; color: #F60;}
#contents .st2 { clear: both; padding: 4px 12px 4px 26px; background: url(../images/st.png) 0 0 no-repeat; letter-spacing: 0.1em; font-size: 123.1%; color: #FFF;}

#contents li { font-weight: bold;}

.line { margin-bottom: 30px; background: url(../images/line.gif) 0 bottom repeat-x;}
.list { margin: 0 0 30px;}
.list li { float: left; width: 230px; margin-left: 12px; list-style: none; font-size: 85%; line-height: 1.4;}
.list li.first { margin-left: 0;}
.list img { padding-bottom: 10px;}
.mb0 { margin-bottom: 0!important;}

table { margin-bottom: 30px;}
.set { width: 100%; border-top: solid 1px #CCC; border-left: solid 1px #CCC;}
.set th { width: 160px; padding: 8px 10px; text-align: left; background: #F8F8F8 url(../images/th.png) 5px center no-repeat; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC;}
.set td { padding: 8px 10px; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC;}
.set input { width: 250px; margin: 5px 5px 5px 0; padding: 1px;}
.set textarea { width: 420px; height: 160px;}
.is { width: 40px!important;}
.ts1 td { background: #FFC;}

.flow { margin-bottom: 10px; padding-bottom: 37px; background: url(../flow/images/flow.png) 0 bottom no-repeat;}
.ans h3 { font-weight: bold; color: #469618;}
.ans h3 img { vertical-align: middle;}
.link { margin: 0;}
.link li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: #CCC dotted 1px; list-style: none;font-size: 85%;}
.link li h4 { margin-bottom: 5px!important;}

.post { margin-bottom: 30px; padding-bottom: 30px; background: url(../images/line.gif) 0 bottom repeat-x;}
.post .date { padding-bottom: 10px; color: #999;}

.pd td { padding: 10px; vertical-align: top; font-size: 85%; line-height: 1.4;}
.prof { float: left; width: 210px; margin: 0 30px 30px 0;}
.prof h4 { text-align: center; font-size: 138.5%;}
.prof .set th, .prof .set td { width: auto; padding: 10px; font-size: 77%;}
.prof img { padding: 5px; background: #8FD439;}

.tokucho { border-top: #D6D6D6 solid 1px; border-left: #D6D6D6 solid 1px;}
.tokucho th, .tokucho td { padding: 5px 10px; border-right: #D6D6D6 solid 1px; border-bottom: #D6D6D6 solid 1px; font-size: 93%;}
.tokucho th { background: #E9E5E1;}

.trouble li { width: 169px;}
.trouble li a { width: 169px; height: 50px;}
#trouble1 a { background: url(../images/trouble1.png);}
#trouble2 a { background: url(../images/trouble2.png);}
#trouble3 a { background: url(../images/trouble3.png);}
#trouble4 a { background: url(../images/trouble4.png);}
.faq li a { width: 230px; height: 50px;}
#faq1 a { background: url(../images/faq1.png);}
#faq2 a { background: url(../images/faq2.png);}
#faq3 a { background: url(../images/faq3.png);}


/*HACK*/
/*******************************************************************/
/*indent*/
#menu li a, .trouble li a, .faq li a { display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}

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