@import url("./comm.css");
@import url("./navi.css");




/*########## MAIN PIC ##########*/



#main-pic{
	margin:0 0 3px 0;
	padding:0;
}


#main-pic-block{
	margin:0 0 3px 0;
	padding:0;
}




/*########## CLUM TOP ##########*/



#clum-top{
	margin:0 0 3px 0;
	padding:30px 30px 20px 30px;
	width:px;
	border:1px solid #199DBF;
}


* html #clum-top{
	margin:0 0 3px 0;
	padding:30px 30px 20px 30px;
	width:px;
	border:1px solid #199DBF;
}




/*########## MAIN COPY ##########*/



#main-copy{
	margin:0 0 30px 0;
	padding:0;
}



#main-copy h2{
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;

		font-size:14px;
	color:#199DBF;
}


#main-copy h3{
	margin:0;	padding:0;
	font-weight:bold;

		font-size:19px; 
}

#main-copy p{
	margin:0 0 10px 0;
	padding:0;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	line-height:135%;
}




/*########## WORKS CLUM ##########*/




.works-clum{
	margin:0 0 30px 0;
	padding:0;
}


.works-clum h2{
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	background:url("../img/works_clum_h3_bg.gif") repeat-x;
	font-size:14px;
	font-weight:normal;
	color:#199DBF;
}


.works-clum h2 img{
	margin:0 5px 0 0;
	padding:0;
}


.works-clum p{
	margin:0 0 10px 0;
	padding:0;
	line-height:135%;
	font-size:12px;
	color:#333333;
}


.works-clum2{
	margin:0;
	padding:10px 0 0 0;
	border-top:3px double #dddddd;
}


.works-clum2 p{
	margin:0 0 10px 0;
	padding:0;
	line-height:135%;
	font-size:12px;
	color:#333333;
}




/*########## CHECK LIST ##########*/



.check-list ul{
	margin:0;
	padding:2px;
	list-style-type:none;
	border:1px solid #199DBF;
}


.check-list li{
	margin:0;
	padding:8px 10px;
	font-size:12px;
	color:#333333;
	
}
.check-list li.bg1{
	background:#C8D1F0;
}
.check-list li.bg2{
	background:#E3E8F7;
}


.check-list em{
	color:#199DBF;
	font-style:normal;
}


.check-list p.cap{
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#199DBF;
}




/*########## CHECK LIST2 ##########*/



.check-list2{
	margin:0 0 30px 0;
	padding:0;
}


.check-list2 ul{
	margin:0;
	padding:2px;
	list-style-type:none;
	border:1px solid #199DBF;
}


.check-list2 li{
	margin:0;
	padding:8px 0 8px 25px;
	font-size:12px;
	color:#199DBF;
}

.check-list2 li.bg1{
	background:url("../img/check2_eye.gif") no-repeat 10px center #C8D1F0;
}

.check-list2 li.bg2{
	background:url("../img/check2_eye.gif") no-repeat 10px center #E3E8F7;
}




/*########## CASE LIST ##########*/



.case-list-head{
	margin:10px 0px 0px 0px;
	padding:0px 0 0px 0;
	border-top:1px solid #75C4D9;
	border-right:1px solid #75C4D9;
	border-left:1px solid #75C4D9;
}



.case-list-head h3{
	margin:10px 0px 0px 10px;
	padding:0 0 0 15px;
	font-size:14px;
	font-weight:normal;
	color:#199DBF;
	background: url("../img/case_head_eye.gif") no-repeat left center;
}



.case-list-head p{
	margin:10px 0px 0px 25px;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#199DBF;
}


.case-list ul{
	margin:0 0 15px 0;
	padding:15px 20px 10px 20px;
	list-style-type:none;
	border:1px solid #75C4D9;
	background:#D7F6F6;
}



.case-list li{
	margin:0 0 2px 0;
	padding:0 0 0 15px;
	font-size:12px;
	color:#333333;
	background: url("../img/case_li_eye.gif") no-repeat left center;
}




/*########## CASE LIST2 ##########*/



.case-list2{
	margin:0 0 30px 0;
	padding:0;
}


.case-list2 h3{
	margin:0 0 15px 0;
	padding:2px 5px;
	color: #199DBF;
	font-weight:normal;
	border-left:8px solid #75C4D9;
}


.case-list2 ul{
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	border:1px solid #dddddd;
}


.case-list2 li{
	margin:0;
	padding:2px 10px;
	font-size:12px;
	color:#333333;
	background: url("../img/case_li_eye.gif") no-repeat left center;
}


.case-list2 li.bg1{
	background:#dddddd;
}

.case-list2 li.bg2{
	background:#eeeeee;
}




/*########## FREE ##########*/



#works-free{
	margin:0 0 10px 0;
	padding:0;
}


#works-free p{
	margin:0;
	padding:0;
}




/*########## NAGARE ##########*/



.nagare-clum{
	margin:0 0 15px 0;
	padding:0;
}


.nagare-clum p.head{
	margin:0;
	padding:0 0 0 0px;
	font-size:20px;
	color:#758BD9;
}


.nagare-clum p.border{
	margin:2px 0 0 0;
	padding:30px 30px;
	font-size:12px;
	color:#333333;
	line-height:150%;
	border:3px double #FF9933;
	background:#FFF5EB;
}



.nagare-clum p.yajirusi{
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}




/*########## FAQ ##########*/



.faq-clum{
	margin:0 0 20px 0;
	padding:0;
	border:3px double #E88C8C;
	background:#ffffff;
}


.faq-clum p.head{
	margin:0;
	padding:5px 10px;
	border-bottom:1px dotted #F0B3B3;
	font-size:14px;
	color:#D94040;
	background:#FBECEC;
}


.faq-clum p.body{
	margin:0;
	padding:20px 20px;
	font-size:12px;
	color:#333333;
	line-height:150%;
}


/*########## price ##########*/



.price-clum{
	margin:0 0 20px 0;
	padding:0;
	border:3px double #DDA0DD;
	background:#ffffff;
}


.price-clum p.head{
	margin:0;
	padding:5px 20px;
	border-bottom:1px dotted #DDA0DD;
	font-size:14px;
	color:#D94040;
	background:#FBECEC;
}


.price-clum p.body{
	margin:0;
	padding:20px 20px;
	font-size:12px;
	color:#333333;
	line-height:150%;
}