@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/




/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}

#mainImgBox{ margin:0 auto;}
#mainImgBox { overflow:hidden;}
#mainImgBox dt{background:url(../images/img_contents01.jpg)  left top no-repeat; background-size:auto 100% ; text-align:right; overflow:hidden;}
#mainImgBox dt span{ display:block; width:65%; padding:3% 0; background:#F0F7FA; float:right;}
#mainImgBox dt img{}
#mainImgBox dd.txt1{ text-align:center; border-bottom:#999 dotted 1px; background:#F8F7FD; padding:0 0.2em;}
#mainImgBox dd.txt2{ text-align:center; border-bottom:#ccc solid 3px; background:#F8F7FD; padding:0 0.2em;}

#pickNavBox{ margin-bottom:2em;}
#pickNavBox ul { overflow:hidden; clear:both;}
#pickNavBox li{ float:left; width:50%; border-bottom:#CCC solid 1px;}
#pickNavBoxInner{ border:#CCC solid 1px; border-bottom:none;}






/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}


#riyuSec{ width:90%; padding:3%; margin:0 auto; border:#EEE solid 6px; margin-bottom:1em;}
#riyuSec h2{ width:100%; border:none; padding:0;}
#riyuSec .tac img{ width:70%;}

#ryuuSec{ width:90%; padding:3%; margin:0 auto; border:#EEE solid 6px; margin-bottom:2em;}
#ryuuSec h2{ width:100%; border:none; padding:0;}
#ryuuSec p{ text-align:center;}
#ryuuSec .floatLImg{ float:none; text-align:center;}
#ryuuSec .floatLImg img{ width:70%;}

.contacBox1{}
.contacBox1 ul{ border-top:#CCC dotted 1px; padding-top:0.5em;}
.contacBox1 li{ border-bottom:#CCC dotted 1px; margin-top:0.5em; padding-bottom:0.5em;}

.contacBox1 li img{ width:60%; margin:5px auto;}
.contacBox1 dt{ text-align:center; font-weight:bold; color:#F06;}
.contacBox1 dd{ text-align:center;}


#topicsSec{ background-color:#F0F0F1; background-position: left bottom; background-repeat:repeat-x; background-image:url(../images/back_contents05.png); padding:0.5em 0 2em 0; margin-bottom:2em;}
#topicsSec h2{ text-align:center; line-height:1.4em; font-size:130%; border:none; padding:0;}
#topicsSec ul{ overflow:hidden;}
#topicsSec li{ float:left; width:33%; padding:1%;}


#seleSec{}
#seleSec .ichiBox ul{ overflow:hidden; padding:1%;}
#seleSec .ichiBox li{ float:left; padding-right:5px;}

.rankBox3{ overflow:hidden;}
.rankBox2{ clear:both;}
.rankBox2 .rank1,
.rankBox2 .rank2,
.rankBox2 .rank3,
.rankBox3 .rank1,
.rankBox3 .rank2,
.rankBox3 .rank3{ padding:3%; margin:0 auto; border:#EEE solid 6px; margin-bottom:1em;}


.contacBox2{}
.contacBox2 ul{ border-top:#CCC dotted 1px; padding-top:0.5em;}
.contacBox2 li{ border-bottom:#CCC dotted 1px; margin-top:0.5em; padding-bottom:0.5em;}

.contacBox2 li img{ width:60%; margin:5px auto;}
.contacBox2 dt{ text-align:center; font-weight:bold; color:#F06;}
.contacBox2 dd{ text-align:center;}


#sclSec{}
#sclSec .wakuSec1 img{ width:50%;}
.addImg{ margin-bottom:1em;}
#hsSec .addImg{background:url(../images/img_contents08b.png) no-repeat; color:#FFF; background-size:100%; padding-bottom:1%;}
.addImg span{color:#FC7F92;}
#hsSec .addImg p{vertical-align:bottom; bottom:0; padding:53% 1.2em 0; color:#FFF; line-height:1.2em;}
#sclSec .addImg{background:url(../images/img_contents06b.png) no-repeat; color:#FFF; background-size:100%; padding-bottom:1%;}
#sclSec .addImg p{vertical-align:bottom; bottom:0; padding:53% 1.2em 0; color:#FFF; line-height:1.2em;}
#whSec .addImg{background:url(../images/img_contents07b.png) no-repeat; color:#FFF; background-size:100%; padding-bottom:1%;}
#whSec .addImg p{vertical-align:bottom; bottom:0; padding:53% 1.2em 0; color:#FFF; line-height:1.2em;}



.ichiBox .section{ margin-bottom:1em;}

#newspBox{ background:#F0F1F4; padding:2em 5%;}
#txt1{ line-height:1.2em; font-weight:bold;}
#zenkokuDl{ border-bottom:#999 dotted 1px; margin-bottom:0.5em;}
#zenkokuDl dl{ overflow:hidden;}
#zenkokuDl dt{ width:30%;}
#zenkokuDl dd{ float:left; padding:1%;}

#newspBox{ margin-bottom:2em;}
#newspBox .sectionInner{ height:15em; overflow:auto; border:#FFF solid 3px; padding:0.5em; background:#FFF;}
#newspBox h2{ border-left:none; padding-left:0; border-bottom:#CCC solid 4px; font-weight:normal; font-size:110%;}
#semSec{ margin-bottom:2em;}
#newSec{ margin:0;}

#newspBox ul{}
#newspBox ul dt{ float:left; margin-right:5px; line-height:1.2em; font-size:80%;}
#newspBox ul dd{ float:left; margin-right:5px; line-height:1.2em; font-size:80%;}
#newspBox ul dd.conTxt{ float:none; clear:both; margin-bottom:0.5em;}


#btmInfoSec{ padding:0 5%;}

#btmInfoSec .section{ margin-bottom:2em;}
#btmInfoSec h2{ border-left:#09C solid 5px; font-size:110%;}
#btmInfoSec .sectionInner{ width:79%; float:left;}
#btmInfoSec .floatR{ width:20%;}

#tsuiteBox{ padding:2%; height:15em; overflow:auto; background:#F0F1F4; padding:2%;}
#tsuiteBox li,
#tsuiteBox p{ font-size:80%;}

#tsuiteBox .section{ margin-bottom:1em;}










/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaLink{}
#footerAreaInner {}
#footerAreaLogo {}
#footerCopyright{}


/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { margin-bottom:3em;}

.sectionInner {}

.section h2{ font-size:160%; border-left:#F00 solid 6px; padding-left:5px; border-bottom:#CCC dotted 1px; margin-bottom:0.5em; line-height:1.2em;}
.section h2 span{ font-size:80%; display:block; font-weight:normal;}

.mainSection2{ padding:0 2%;}

.udShadow{ background:url(../images/back_contents05.png) left bottom repeat-x; padding-bottom:3em;}


#howSec{ }
#howSec .floatL{ float:none; margin-bottom:1em; overflow:hidden;}
#howSec .floatL dt{ font-size:120%; font-weight:bold;}
#howSec .floatL dd{ line-height:2em;}
.nasOffice{ width:49%; float:left;}
.intOffice{ width:49%; float:right;}

#counBox{ background:#F2F1F3; overflow:hidden;}

#counBox dl{ display:table;}
#counBox dt{width:30%; display:table-cell; table-layout:fixed; vertical-align:middle;}
#counBox dd{ padding-left:2%;line-height:1.6em; padding-top:0.2em; display:table-cell; vertical-align:middle;}