@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: #FFF; text-decoration: underline;}
a:visited { color: #FFF; text-decoration: underline;}
a:hover { color: #6C9ED0; text-decoration: none;}
a:active { color: #FFF; text-decoration: none;}
strong { color: #F99;}
.center { text-align: center;}
.right { text-align: right;}
.clear { clear: both;}
.fr { float: right; padding: 0 0 30px 30px;}
.fl { float: left; padding: 0 30px 30px 0;}
.attention { color: #FF6;}
.min { font-size: 85%; color: #CCC;}


/*LAYOUT*/
/*******************************************************************/
body { text-align: center; background: #000 url(../images/common/earth.jpg) center bottom no-repeat fixed; font: 81.25% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #FFF;}
#container { background: url(../images/common/back.gif) 0 0 repeat-x; line-height: 1.7; font-size: 100%;}
#header, #main, #footer { position: relative; width: 980px; margin: 0 auto; text-align: left;}
#mainimg { min-width: 980px; background: url(../images/back2.jpg) 0 0 repeat-x;}


/*HEADER*/
/*******************************************************************/
#header { position: relative; height: 148px; font-size: 85%;}
#header h2, #logo { position: absolute; top: 26px; left: 0;}
#header p { position: absolute; top: 54px; right: 0;}
#header ul { position: absolute; top: 110px; left: 0;}
#header li { float: left;}
#header ul#global { top: 26px; left: auto; right: 0;}
#header ul#global li { padding-left: 20px;}
#header ul#global li a { padding-left: 20px; background: url(../images/common/arr.png) 0 center no-repeat; text-decoration: none;}

#bread { width: 980px; margin: 0 auto; text-align: left; font-size: 85%; font-weight: bold; color: #999;}
#bread a { text-decoration: none; color: #999;}


/*FOOTER*/
/*******************************************************************/
#footer { clear: both; position: relative; padding: 20px 0 300px; background: url(../images/common/line.gif) 0 0 repeat-x; font-size: 85%; color: #FFF;}
#footer .pt { position: absolute; top: -20px; right: 0;}
#footer ul { margin-bottom: 10px; padding-bottom: 10px; border-bottom: #555  dotted 1px;}
#footer li { float: left; margin-right: 10px; padding-right: 10px; border-right: #555 solid 1px;}
#footer a { text-decoration: none;}
#footer p { float: left; padding-bottom: 10px;}
#footer address { float: right;}
#footer dl { clear: both;}
#footer dt, #footer dd { float: left; padding-right: 20px;}


/*ASIDE*/
/*******************************************************************/
#aside { float: right; width: 260px; margin-bottom: 50px;}
#aside p { padding-bottom: 20px;}
#aside ul { padding-bottom: 20px;}
#aside li { padding-bottom: 10px;}
#contact { position: relative; float: right; width: 260px;}
#contact p { position: absolute; top: 55px; left: 10px;}
#contact p img { padding-bottom: 15px;}


/*CONTENTS*/
/*******************************************************************/
#main { clear: both; margin-bottom: 30px; background: url(../images/top.jpg) right 0 no-repeat;}
#contents { float: left; width: 700px;}
#contents h3 { margin-bottom: 20px;}
#contents p { padding-bottom: 30px;}
.title { clear: both; margin-bottom: 20px; padding: 15px; border: #6C9ED0 solid 2px; line-height: 1.2; font-size: 153.9%; color: #6C9ED0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(border-radius.htc);}
.st { clear: both; margin-bottom: 20px; padding: 10px; background: #5992CA; line-height: 1.2; font-size: 123.1%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; behavior: url(border-radius.htc);} 
.sub, .flow dt { clear: both; margin-bottom: 10px; padding: 0 0 5px 20px; background: url(../images/common/dot.png) 0 7px no-repeat; border-bottom: #FFF double 3px; font-size: 108%; font-weight: bold;}

.ul, .ol { margin: 0 0 30px 30px;}
.ul li { list-style: disc;}
.half li { float: left; width: 300px; margin: 0 10px 10px;}

.ts { width: 100%; margin-bottom: 30px; border-top: #2E3639 solid 1px; border-left: #2E3639 solid 1px;}
.ts th, .ts td { padding: 10px; vertical-align: middle; border-right: #2E3639 solid 1px; border-bottom: #2E3639 solid 1px;}
.ts th { width: 150px; background: #000;}
.form th, .form td { padding: 15px;}
.ts ul { margin-left: 30px;}
.ts li { list-style: disc;}


/*TOP*/
#mainimg { min-width: 980px; height: 330px; margin: 20px 0 50px; background: url(../images/top/main.jpg) center 0 no-repeat;}
#mainimg h2 { width: 980px; margin: 0 auto; text-align: right;}
#catch { float: left; width: 700px; margin-bottom: 30px; background: url(../images/top/catch_back.png) right bottom no-repeat;}
#catch h3 { padding-bottom: 15px;}
#catch p { padding: 10px 210px 10px 0;}
#news { clear: both; height: 120px; margin-bottom: 30px; background: url(../images/top/news_back.png) right top no-repeat;}
#news h3 { float: left;}
#news dl { float: right; width: 740px; height: 100px; margin: 10px; overflow: auto; font-size: 93%;}
#news dt { float: left; clear: left; width: 90px; padding: 6px 5px 6px 20px; background: url(../images/common/arr2.png) 0 center no-repeat;}
#news dd { padding: 6px 0 6px 100px;}
.list li { float: left; width: 308px; margin: 0 0 25px 25px; border: #555 solid 1px; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; behavior: url(border-radius.htc);}
.list li.first { margin-left: 0;}
.list li a { text-decoration: none;}
.list li span { display: block; padding: 8px 8px 8px 30px; background: url(../images/common/arr.png) 10px center no-repeat;}


/*PAGE*/
#subimg { min-width: 980px; height: 150px; margin: 20px 0 50px; background: url(../images/common/sub.jpg) center 0 no-repeat;}
#subimg h2 { width: 980px; margin: 0 auto; padding: 40px 0 20px; text-align: left; font-size: 36px; letter-spacing: 0.1em;}

.map { margin-bottom: 60px; float: right; width: 420px;}

.flow { background: url(../images/solar/bar.gif) 20px 0 repeat-y;}
.flow p, .flow dl { margin: 0 0 0 70px;}
.flow dt { clear: both;}
.flow dd { padding-bottom: 30px;}
.arrow { width: 100%; height: 36px; background: url(../images/solar/arrow.png) 8px 0 no-repeat;}
.box { margin: 10px 0; padding: 10px; text-align: center; background: #111; border: #333 solid 1px;}

.photo { margin-bottom: 30px;}
.photo td { padding: 4px;}


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