@charset"UTF-8";

/*
URL: http://
Description: Punto
Version: 1.0
Update : 2010.3.31
*/


/* RESET ****************************************************************/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; font-size:100%; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; margin:0; padding:0; }
caption,th { text-align:left; }
hr { display:none; }
img { border:none; }


/* DEFAULT ****************************************************************/

html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
}





body {
	font:11px "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	line-height:2;
	color:#000000;
	background:#ffffff;
}

a { overflow: hidden;}
a:link {
	color:#000000;
	text-decoration:underline;
}
a:visited {
	color:#000000;
	text-decoration:underline;
}
a:hover, a:active {
	color:#13AF7D;
	text-decoration:underline;
}

img.ph{
	padding:2px;
	border:solid 1px #cccccc;
	background:#ffffff;

}

/* MAIN ****************************************************************/
div#Main {
	width:800px;
	margin:0 auto;
}


/* HEADER・NAVI ****************************************************************/


/* HEADER */
div#Header {
	width:800px;
	margin:40px 0 15px;
}

/* SITETITLE */
div#Header h1 {
	float:left;
	width:200px;
}


/*  NAVI */
div#Navi {
	float:right;
	width:382px;
	margin-left:auto;
}

ul#Nv a {
	display:block;
	width:95px;
}

ul#Nv li{
	float:left;
	margin: 0;
	padding: 0;
}


li#Nv_Service{ width:85px; height:80px; background:url(../images/nv_service_on.gif) no-repeat; }
a.Nv_Service { height:80px; background:url(../images/nv_service.gif) no-repeat; }
a.Nv_Service:hover { background:none; }
a.Nv_ServiceOn { height:80px; background:url(../images/nv_service_on.gif) no-repeat; }

li#Nv_Staff{ width:69px; height:80px; background:url(../images/nv_staff_on.gif) no-repeat; }
a.Nv_Staff { height:80px; background:url(../images/nv_staff.gif) no-repeat; }
a.Nv_Staff:hover { background:none; }
a.Nv_StaffOn { height:80px; background:url(../images/nv_staff_on.gif) no-repeat; }

li#Nv_Faq{ width:63px; height:80px; background:url(../images/nv_faq_on.gif) no-repeat; }
a.Nv_Faq { height:80px; background:url(../images/nv_faq.gif) no-repeat; }
a.Nv_Faq:hover { background:none; }
a.Nv_FaqOn { height:80px; background:url(../images/nv_faq_on.gif) no-repeat; }

li#Nv_Company{ width:95px; height:80px; background:url(../images/nv_company_on.gif) no-repeat; }
a.Nv_Company { height:80px; background:url(../images/nv_company.gif) no-repeat; }
a.Nv_Company:hover { background:none; }
a.Nv_CompanyOn {height:80px; background:url(../images/nv_company_on.gif) no-repeat; }

li#Nv_Contact{ width:70px; height:80px; background:url(../images/nv_contact_on.gif) no-repeat; }
a.Nv_Contact { height:80px; background:url(../images/nv_contact.gif) no-repeat; }
a.Nv_Contact:hover { background:none; }
a.Nv_ContactOn { height:80px; background:url(../images/nv_contact_on.gif) no-repeat; }



/* SIDE MENU ****************************************************************/

div#Side {
	width:200px;
	float:left;
	margin-top:30px;
}

/* CONTENTS TITLE */
div#Side h2 {
	margin:0;
	width:200px;
}


/* MENU */
div#Menu ul {
	width:200px;
	margin:3px 0 0;	
}

div#Menu li{
	font-size:11px;
	line-height:4.3;
	border-bottom:solid 1px #cccccc;
}

div#Menu a {
	background:url(../images/ic_link.gif) no-repeat left center; 
	padding-left:13px;
	margin-left:15px; 
}




/* TOP ****************************************************************/

div#Top {
	background:url(../images/top_img.jpg) no-repeat top ;
	width:800px;
	height:336px;	
}


div#Intro {
	width:370px;
	float:left;
	margin:0 0 45px 30px;
}

div#Intro p {
	margin-top:10px ;
}

div#Intro h2 {
	margin:0 0 10px 0;
}

div#Intro ul {
	width:370px;
	list-style:none;
}

div#Intro li {
	padding:0 0 0 23px;
	font-size:12px;
	line-height:2.3;
	background:url(../images/ic_check.gif) no-repeat left;
}



div#ToService {
	text-align: right;
	font-size:10px;
}

div#ToService a {
	background:url(../images/ic_link.gif) no-repeat left center; 	 
	padding-left:13px;
}


div#Info{
	width:240px;
	float:right;	
	margin:340px 15px 45px 0; 
}





div#Info a:hover img {
-moz-opacity:0.6;
opacity:0.6;
filter: alpha(opacity=60);
} 


/* CONTENTS MAIN ****************************************************************/

div#Contents {
	float:right;
	width:540px;
	margin-top:30px;
	background:url(../images/bdr_v.gif) repeat-y left;
	padding:15px 0 15px 60px; 
	
}


div#Contents h3 {
	margin:0 0 15px;
	padding:0 0 15px;
	background:url(../images/bdr_d.gif) repeat-x bottom;
	font-size:14px;
	letter-spacing:1px;
}

div#Contents h4 {
	margin:0 0 15px;
	padding:0 0 5px;
	border-bottom:dotted 1px #cccccc;
	font-size:11px;
	letter-spacing:1px;
}


div#Contents p {
	margin:0 0 30px;

}


div.ToTopCnt {
	clear:both;
	text-align: right;
	font-size:10px;
	margin:15px 0 30px;
	padding:15px 0 5px;
	background:url(../images/bdr_h_s.gif) no-repeat bottom;
}

div.ToTopCnt a {
	background:url(../images/ic_totop.gif) no-repeat left center; 
	padding-left:14px; 
}


/* SERVICE ****************************************************************/

/* float */

div#Service .fright{
	float:right;
	margin-left:auto;
}

div#Service .fleft{
	float:left;
	margin-right:auto;
}

div#Srv03_fleft_txt{
	float:left;
	width:325px;
	margin-right:auto;
}

div#Srv03_fright_txt{
	float:right;
	width:325px;
	margin-left:auto;
}


/* bg */

div#Service_01 .wrapper{
	width:540px;
	margin:0;
	padding-bottom:10px;
	background:url(../images/bg_srv01_list.gif) repeat-y;
}


/* 文字 */

div#Service_01 p{
	width:380px;
	margin:15px 0 0 80px;

}

div#Service_06 p{
	margin-top:10px;

}


/* list */


div#Service ul {
	font-size:11px;
	line-height:2.2;
}

div#Service li {
	padding:0 0 0 12px;
	background:url(../images/ic_list.gif) no-repeat left center;
}


div#Service_01 ul {
	width:380px;
	margin:auto;
	list-style:none;
}

div#Service_01 li {
	
	margin:auto;
	padding:0 0 0 23px;
	line-height:3;
	background:url(../images/ic_check.gif) no-repeat left;
	border-bottom:dotted 2px #CEBEA3;
}


div#Service_02 ul {
	width:281px;
	list-style:none;
	border:solid 10px #F0E8D4;
	padding:12px;
	margin-bottom:15px;
	line-height:1.5;
}

div#Service_02 li {
	padding:0 0 0 12px;
	margin-bottom:10px;
	background:url(../images/ic_list02.gif) no-repeat left top;
}

/* 見出し */

div#Service_01 h3 {
	margin:0;
	padding:0;
	font-size:14px;
	letter-spacing:1px;
	background:none;
}


div#Service_06 h3 {
	margin:0 0 5px;
	background:none;
	font-size:12px;
	font-weight:bold;
}


div#ToContact h3 {
	clear:both;
	margin:auto;
	width:190px;	
	height:45px;
	background:url(../images/bt_tocontact_on.gif) no-repeat ;
}

a.ToCont { display:block;width:190px;height:45px; background:url(../images/bt_tocontact.gif) no-repeat; }
a.ToCont:hover { background:none; }

/* img */

div#Service_05 img.Srv05{
	float:right;
	margin-left:30px;
}


/* STAFF ****************************************************************/

div#Staff img{
	float:left;
	width:110px;
	height:120px;
}

div#Staff p{
	margin:0 0 15px 0 ;
	font-size:10px;
	line-height:2;
}

div#Staff .fright{
	float:right;
	width:394px;
}


/* COMPANY ****************************************************************/

div#Contents th{
	width:110px;
	padding:15px;
	font-weight:bold;
	border-bottom:dotted 1px #cccccc;
}

div#Contents td{
	padding:15px;
	border-bottom:dotted 1px #cccccc;
}
	


/* CONTACT ****************************************************************/

div#contact {
	display:block;
	width:840px;
	height:188px;
	background:url(../images/bg_cont.jpg) no-repeat;
	margin:0 auto;
}


#contact p{
	text-align:left;
	display:block;
	width:500px;
	padding:40px 0 20px 50px;
}




/* FOOTER ****************************************************************/

div#Footer {
	clear:both;
	padding:10px 0 45px;
	font-size:10px;
	text-align:center;
	background:url(../images/bdr_h.gif) no-repeat top;

}


div#ToTop {
	clear:both;
	text-align: right;
	font-size:10px;
	margin: 0 0 5px;
	padding:45px 0 0;

}

div#ToTop a {
	background:url(../images/ic_totop.gif) no-repeat left center; 
	padding-left:13px; 
}


/* FREE ****************************************************************/
.clear{ clear:both; }
.small { font-size:10px; }
.bold { font-weight:bold; }
.indent { text-indent:-1000em; display:block; }
.right { text-align:right; padding-right:30px;}