@charset "utf-8";


/*   structure
------------------------------------------*/

.freeplan{
	width:600px;
	margin:0px auto 0px auto;
	color:#404b0e;
	height:auto;
	padding-top:30px;
	text-align:center;
}


.design{
	width:250px;
	height:300px;
	background:#b6c379 url(/dsa/img/example/freeplan.jpg) no-repeat scroll center center;
	vertical-align:top;
}

.maintenance{
	width:250px;
	height:300px;
	background:#b6c379 url(/dsa/img/example/maintenance.jpg) no-repeat scroll center center;
	vertical-align:top;
}

.innerTxt{
	width:210px;
	height:auto;
	padding-top:85px;
	margin:0px auto 0px auto;
	color:#000000;
	text-align:left;
}

.naiseikaImg{
	width:650px;
	height:auto;
	padding-top:30px;
	margin:0px auto 0px auto;
	text-align:center;
}



.plus{
	width:90px;
}

.outsideFrame{
	width:645px;
	height:auto;
	margin: 30px auto 0px auto;
	padding-top:5px;
	padding-bottom:5px;
	border:4px #dce2b5 double;
}



.actualFrame{
	width:635px;
	height:auto;
	margin:0px auto 0px auto;
	background-color:#dce2b5;
}

.actualFrame2{
	width:635px;
	height:auto;
	margin:0px auto 0px auto;
	background-color:#eef1a4;
}


.listFrame{
	width:630px;
	margin:50px auto 0px auto;
	height:auto;
	
}


.heiseiMerit{
	width:580px;
	margin:30px auto 0px auto;
}


.meritBox{
	width:290px;
	height:auto;
	float:left;
	text-align:center;
}



/*   boxes
------------------------------------------*/




.actual{
	width:210px;
	height:auto;
	float:left;
	text-align:center;
}



.innerBox{
	width:190px;
	margin:10px auto 10px auto;
	background-color:#ffffff;
}


.interior{
	width:140px;
	height:auto;
	float:left;
	text-align:center;
	margin-top:20px;
}


.cap{
	font-size:11px;
	padding-top:3px;
	text-align:center;
	color:#647125;
}


.boxFrame{
	width:250px;
	background-color:#d3dca9;
	margin:0px auto 0px auto;
	
}


.innerMeritBox{
	width:200px;
	height:auto;
	padding-top:25px;
	padding-bottom:25px;
	margin:0px auto 0px auto;
}






/*   list style
------------------------------------------*/

.detailData{
	width:150px;
	height:auto;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px auto 0px auto;
}

.name{
	color:#677411;
	font-weight:bold;
}

.date{
	font-size:10px;
}

.subTitle{
	font-size:11px;
	color:#57641c;
}

.setUpArea{
	width:6em;
	height:auto;
	margin:0px auto 0px auto;
	color:#4e7142;
	font-weight:bold;
	position:absolute;
	
}

.officeList{
	color:#555555;
	font-weight:normal;
	padding:0 0 0 7em;
}



.exampleLinks{
	margin-right:10px;
}



/*   table style
------------------------------------------*/

.cond{
	padding:5px 5px 5px 10px;
	width:100px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}

.dataBox{
	margin:20px auto 20px auto;
	border-top:1px #777777 solid;
	border-left:1px #777777 solid;
	border-collapse:collapse;
	empty-cells:show;
	width:580px;
}

.licenseCategory{
	width:450px;
}


.license{
	margin-left:20px;
	width:230px;
}

.para{
	padding:5px 5px 5px 10px;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	text-align:left;
}

.eoc{
	padding:5px 5px 5px 10px;
	width:100px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}

.yrs{
	padding:5px 5px 5px 10px;
	width:60px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}


.yrs2{
	padding:5px 5px 5px 10px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}

.month{
	padding:5px 5px 5px 10px;
	width:50px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}


.eom{
	padding:5px 5px 5px 10px;
	width:50px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}


.eoy{
	padding:5px 5px 5px 10px;
	width:60px;
	vertical-align:top;
	background-color:#eeeeee;
	border-right:1px #777777 solid;
	border-bottom:1px #777777 solid;
	color:#555555;
	text-align:left;
}







/*   qa list
------------------------------------------*/
.qaFrame{
	width:550px;
	margin:0px auto 0px auto;
}


.question{
	color:#647e5a;
	font-weight:bold;
}


.answer{
	font-weight:normal
	color:#555555;
	margin-bottom:30px;
	margin-left:45px;
}

.questionList{
	width:550px;
	margin:20px auto 50px auto;
}



a:link.questionLink {
	color: #647e5a;
	text-decoration: none;
	font-size:12px;
}

a:active.questionLink {
	color: #647e5a;
	text-decoration:underline;	
	font-size:12px;
}

a:visited.questionLink {
	color: #647e5a;
	text-decoration: none;
	font-size:12px;
}

a:hover.questionLink {
	color: #647e5a;
	text-decoration:underline;	
	font-size:12px;
}


/*　　internal links rollover
------------------------------------------*/


.internal1 a{
	display : block;
	overflow: hidden;  
	width : 175px;
	height : 150px;
	background : url(/dsa/img/example/internal13.jpg) no-repeat scroll 0 0 ;
	
}

.internal1 a:hover{
    background-position : 0 -150px;
	
}


.internal2 a{
	display : block;
	overflow: hidden;
	width : 155px;
	height : 150px;
	background : url(/dsa/img/example/internal23.jpg) no-repeat scroll 0 0 ;
	
}

.internal2 a:hover{
    background-position : 0 -150px;
	
}


.internal3 a{
	display : block;
	overflow: hidden;  
	width : 270px;
	height : 150px;
	background : url(/dsa/img/example/internal33.jpg) no-repeat scroll 0 0 ;
	
}

.internal3 a:hover{
    background-position : 0 -150px;
	
}