@charset "utf-8";
@import url("module.css");
@import url("basic.css");





/* ================================================================
   unitTEST　※参考
================================================================ */
.unitTEST .unitBox{
	background-image: url(img/____unit00_bk.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}




/* ================================================================
   unit01
================================================================ */
/* left */
#unit01 div.left{
	float: left;
	width: 460px;
	margin-top: 25px;
	background-color: #eee;
}
#unit01 div.left .leftInner{
	margin: 5px;
	padding: 0px 20px 20px;
	border: 1px solid #c0c0c0;
	background-color: #fff;
}
#unit01 div.left .leftInner p{	font-size: 110%;}
/* right */
#unit01 div.right{
	float: right;
	width: 240px;
}
#unit01 div.right .cell{
	margin-top: 25px;
	line-height: 1.5;
}




/* ================================================================
   unit02
================================================================ */
#unit02{
	margin-top: 60px;
	background: url(img/_dot01.gif) repeat-x left top;
}
/* left */
#unit02 div.left{
	float: left;
	width: 445px;
}
#unit02 div.left h4{
	margin-top: 25px;
	margin-bottom: 15px;
}
#unit02 div.left h4.top{
	margin-top: 0px;
}
#unit02 div.left p{
	margin-left: 50px;
	padding-top: 0px;
	padding-bottom: 10px;
}
/* right */
#unit02 div.right{
	float: right;
	width: 240px;
}
#unit02 div.right img{
	margin-top: 10px;
	margin-right: 8px;
}





/* ================================================================
   #unit11
================================================================ */
#unit11 .cell{
	width: 700px;
	margin-left: 20px;
	line-height: 1.4;
	zoom:1;
} 
#unit11 .cell:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}
#unit11 .lineDot{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(img/_dot01.gif) repeat-x left bottom;
} 
#unit11 .cell .left{	float: left;}
#unit11 .cell .right{	float: right;}
#unit11 .cell h4{
	font-size: 105%;
	padding-bottom: 1em;
}
#unit11 .cell p{	padding-bottom: 0.5em;}
/* for youtube */
#unit11 .cell .youtube{
	width: 325px;
	padding: 10px;
	background-color: #e6e6e6;
}
#unit11 .cell .txtYt{	width: 330px;}
/* for photo */
#unit11 .cell .photo{
	width: 150px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #e6e6e6;
}
#unit11 .cell .txtPh{	width: 505px;}

#unit11 .cell .leftCell,
#unit11 .cell .rightCell{	width: 330px;}

#unit11 .cell .leftCell{	float: left;}
#unit11 .cell .rightCell{	float: right;}

#unit11 .cell .leftDot{
	padding-right: 20px;
	border-right: 1px dotted #c0c0c0;
}
#unit11 .cell .rightDot{
	padding-left: 20px;
	border-left: 1px dotted #c0c0c0;
}


#unit09 {
	border: 1px solid #c0c0c0;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;

}

#unit09 ul{
	float:left;
	padding-left: 20px;
	padding-bottom: 20px;

}
#unit09 ul li{
	margin-top: 10px;
	line-height: 1.5;
	list-style-type:square;
}
#shosai{
	padding-left: 40px;
	padding-right: 40px;
}
#shosai dt{
	font-weight:bold;
	margin-top: 30px;
	border-bottom: 1px dotted #c0c0c0;

}
#shosai dd{
	margin-top: 10px;
	line-height: 1.5;

}
/* ================================================================
   .content .unitForm
================================================================ */


/* ul.contactList
------------------------------------------------------ */
.unitForm ul.contactList{
	width: 670px;
	margin: 25px auto 30px;
}

/* #formTable
------------------------------------------------------ */
.unitForm #formTable{
	width: 100%;
}
.unitForm #formTable th,
.unitForm #formTable td{
	padding: 13px 10px;
	background: url(img/_dot01.gif) repeat-x left bottom;
	line-height: 1.5;
	vertical-align: top;
}
.unitForm #formTable th{
	width: 5%;
	text-align: right;
	white-space: nowrap;
}
.unitForm #formTable td{
	width: 93%;
	text-align: left;
}

.unitForm #formTable .title{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: none;
}
.unitForm #formTable .title p{
	padding: 15px 5px;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	background-color: #0060b4;
}
/* flow */
.unitForm #formTable .flow{
	padding: 13px 10px;
	text-align: center;
}
.unitForm #formTable .flow span{
	margin-right: 10px;
	padding-right: 20px;
	background: url(img/_arr08.gif) no-repeat right center;
	color: #999;
}
.unitForm #formTable .flow span.on{
	background-image: url(img/_arr07.gif);
	color: #0060b4;
}
.unitForm #formTable .flow span.last{	background-image: none;}
/* colsName */
.unitForm #formTable p.colsName{
	font-weight: bold;
	padding-bottom: 3px;
}
/* .pdd00 */
.unitForm #formTable input.pdd00,
.unitForm #formTable textarea.pdd00{
	padding: 3px;
}
/* td.btn */
.unitForm #formTable td.btn{
	padding: 2px 0px;
	text-align: center;
	background-image: none;
}
.unitForm #formTable td.btn div{	padding: 25px 10px;}
.unitForm #formTable td.btn div input{
	margin: 0px;
	padding: 5px 14px;
	background: url(img/_bk02.jpg) repeat-x left bottom;
	border: 1px solid #999;
	letter-spacing: 0.1em;
}
/* td.lastTxt */
.unitForm #formTable td.lastTxt{
	width: 700px;
	padding-top: 100px;
	padding-bottom: 100px;
	background-image: none;
	line-height: 2;
	text-align: center;
}
/* timeline */
.unitForm #formTable #timeline{
	margin-top: 5px;
	margin-bottom: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
.unitForm #formTable #timeline td{
	width: auto;
	padding: 5px 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background-image: none;
	line-height: 1.4;
	vertical-align: top;
	text-align: left;
}

.unitForm #formTable #timeline td.date{
	width: 2%;
	white-space: nowrap;
}
.unitForm #formTable #timeline td.title{}
.unitForm #formTable #timeline td.flag{
	width: 2%;
	white-space: nowrap;
	background-color: #F4E9CB;
}





/* EOF */