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

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



/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaLogo { }
#headerAreaInner {}
#headerAreaTitle{}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi {}

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

h2 {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea {  }
#footerAreaInner {}
#footerLogo{}
#footerCopyright{}




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


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { margin-bottom:30px;}
.sectionInner {}


/*----------------------------------------------------------------------------
 ***                                                        ページ内個別パーツ
----------------------------------------------------------------------------*/

.mainSectionInner{width:820px; margin:0 auto;}
.mainSection h2{ float:left;}
.mainSection h2 img{ padding-left:0px; margin-bottom:10px;}
.mainSecIco{width:465px; float:right;}
.mainSecIco dt,
.mainSecIco dd{float:left;}
.mainSecTop{ width:820px; margin:0 auto; border-top:#039393 solid 1px; padding-top:15px;}
.mainSecTop .floatR{ width:450px;}
.mainSecTop  p{ font-size:14px; margin-bottom:10px;}
.mainSecTop li{
	background:url(../trial/images/back_contents01.png) left top no-repeat;
	padding:5px 0 20px 40px;
	font-size:16px;
	line-height:20px;
	color:#039393;
	xxfont-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
}

#nagareSec { width:820px; margin:0 auto;}
#nagareSec h3{padding-bottom:10px;}
#nagareSec .section{
	float:left;
	background:url(../trial/images/back_contents02.png) left top no-repeat;
	height:150px;
	width:210px;
}
#nagareSec .lastChild{ width:182px;}
#nagareSec .section h4{ padding:10px 1px 0 12px; color:#039393;}
#nagareSec .section p{ line-height:1.4em;}
#nagareSec .section .sectionInner{ padding:0 12px 5px 12px; width:160px;}

#chargeSec{
	width:820px;
	margin: 0 auto 30px auto;
}
#chargeSec h3{ padding-bottom:10px;}
#chargeSec .sectionInner{
	margin:0 auto;
	width:720px;
}
#chargeSec table{width:100%;}
#chargeSec th{border:#039393 1px solid; background-color:#00ABB2; color:#FFF; text-align:center; font-weight:normal; font-size:14px; }
#chargeSec td{border:#039393 1px solid; background-color:#FFF; color:#0; text-align:center; font-size:14px; }


#gaiyouSec{
	background:url(../trial/images/back_content01a.png) left 30px no-repeat;
	width:820px;
	margin: 0 auto 30px auto;
}
#gaiyouSec h3{ padding-bottom:0px;}
#gaiyouSec .sectionInner{
	background:url(../trial/images/back_content01b.png) left bottom no-repeat;
	padding-bottom:0px;
	xxborder:#0000ff 1px solid
}
#gaiyouSec .sectionInner .section{ float:left; width:410px; margin:0px 0px 0px 0px; xxxborder:#ff0000 1px solid;}
#gaiyouSec .sectionInner .section .sectionInner{margin:20px 20px 20px 20px;}
#gaiyouSec .sectionInner .section h4{ padding-bottom:5px;}
#gaiyouSec .sectionInner .section h5{ padding-bottom:2px; font-size:15px; font-weight:bold;}
#gaiyouSec .sectionInner .sectionInner{	background:none; padding-bottom:0;}
#gaiyouSec .sectionInner .section .floatL{margin:0px 10px 10px 0px;}
#gaiyouSec .sectionInner .section .center{text-align:center;}
#gaiyouSec .sectionInner .section dl{padding-bottom:10px;}
#gaiyouSec .sectionInner .section dd{
    display: list-item;
    list-style: disc inside;
	padding:5px 10px 5px 10px;
	background:#F9F4F7;
	line-height:1.0em;
}

#tensakuSec{
	background:url(../trial/images/back_contents05a.png) left 60px no-repeat;
	width:820px;
	margin: 0 auto 30px auto;
}
#tensakuSec .sectionInner{
	background:url(../trial/images/back_contents05b.png) left bottom no-repeat;
	padding-bottom:45px;
}
#tensakuSec h3{ padding-bottom:5px;}
#tensakuSec p{ padding-bottom:55px;}

#trioBox { width:820px; margin:0 auto;}
#trioBox #estSec{ width:510px; float:left;}
#trioBox #ditSec{ width:240px; float:left;}
#trioBox #estSec .sectionInner,
#trioBox #ditSec .sectionInner{float:left; width:240px;margin-left:10px;}
#trioBox #unitinfoSec{ width:300px; float:right;}
#trioBox #uiBox{
	margin-top:27px;
	height:90px;
	background:url(../trial/images/back_contents03.png) left top no-repeat;
	padding:10px 10px 5px 40px;
}
#trioBox #unitinfoSec li{ text-align:right;}
#trioBox dt{background:#9E005D; color:#FFF; margin:5px 0 3px 0; padding:2px 0 0 5px;}
#trioBox dd{padding-left:5px; line-height:1.4em;}

.btn-checkbox{display: block;
}