@charset "UTF-8";


/*
------------------------------------------
日本ゲスコ様　レイアウト設定CSS
制作者：　屋良達哉
作成日：　2010年01月08日
----------------------------------------*/


/*////// その他共通パーツ ////////////*/

/* =会社案内テーブル
----------------------------------------*/
/* =問い合わせリスト
----------------------------------------*/
/* =supportページ設定
----------------------------------------*/

/*//////////////////////////////////////*/

p.lead{
	margin: 20px 0px;
	font-weight: bold;
color: #666666;
}


/* =会社案内テーブル
----------------------------------------*/

table.camp{
	width: 560px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}

table.camp tr{
	border-top: 1px solid #dddddd;
}

table.camp th{
	width: 20%;
	text-align: right;
	padding: 8px 5px;
	vertical-align: top;
}

table.camp td{
	width: 80%;
	text-align: left;
	padding: 8px 5px;
}



table.ppli{
	width: 560px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 40px;
	border-bottom: 1px solid #dddddd;
}

table.ppli tr{
	border-top: 1px solid #dddddd;
}

table.ppli th{
	width: 20%;
	text-align: left;
	padding: 8px 5px;
	vertical-align: top;
}

table.ppli td{
	width: 80%;
	text-align: left;
	padding: 8px 5px;
	vertical-align: top;
}


/* =問い合わせリスト
----------------------------------------*/

span{
	color: #ff8811;
}

ul{
	 list-style: none;
}

ul.ochi{
	 list-style-position: outside;
	 text-indent: -15px;
	 padding-left: 12px;
	 margin-bottom: 20px;
}

ul#formmenu{
	width: 560px;
	border-bottom: 1px #666666 solid;
	height: 30px;
/*	overflow: hidden;*/

}

ul#formmenu li{
	width:140px;
	height: 30px;
	float: left;
	position: relative;
	top: 1px;
}

ul#formmenu li a{
	width:140px;
	height: 30px;
	float: left;
	display: block;
}


/* =問い合わせフォーム
----------------------------------------*/



div#formarea{
	width: 498px;
	overflow: hidden;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	padding: 30px;
	float: left;
}

table.f01{
	width: 498px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}


table.f01 tbody tr td{
	padding: 10px 0px ;
	line-height: 30px;
}

table.f01 tbody tr th{
	padding: 10px 0px 0px 20px;
	width: 110px;
	vertical-align: top;
}

table.f01 tbody tr th.label{
	padding: 10px 0px;
	width: 498px;
	vertical-align: top;
	text-align: left;
}


table.f01 tbody tr td textarea{
	width: 100%;
	height: 120px;
}

table.f01 tbody tr td button{
	width: 70px;
	height: 30px;
	border: none;
	background-color: #ffffff;
	padding: 0px;
}

table.f01 tbody tr td button:hover{
	cursor: pointer;
}




/* =thanksページ設定
----------------------------------------*/
div#formarea2{
	width: 358px;
	height: 300px;
	overflow: hidden;
	border: 1px #666666 solid;
	padding: 60px 100px;
	}
	
	div#formarea2 h2{
	width: 358px;
	font-size: 20px;
	text-align: center;
	margin: 20px 0px 30px;
	color: #999999;
	padding: 10px 0px;
	border-bottom: 3px solid #ddd;
	border-top: 2px solid #ddd;
	}

div#formarea2 ul{
	width: 358px;
	color: #999999;
	 margin-bottom: 20px;
	}

div#formarea2 ul li{
	 list-style-position: outside;
	 text-indent: -15px;
	 padding-left: 12px;
	}


/* =supportページ設定
----------------------------------------*/
div#formarea3{
	width: 518px;
	/*overflow: hidden;*/
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	padding: 20px;
	float: left;
	position: relative;
	min-height: 400px;  
    height: auto !important;  
    height: 400px; 
}


a.getacr{
	width: 112px;
	height: 33px;
	margin: 0px;
	position: absolute;
	top: 20px;
	right: 20px;
	}
	
	
	
div#formarea3 ul.ochi{
	 list-style-position: outside;
	 text-indent: -15px;
	 padding-left: 12px;
	 margin-bottom: 30px;
}
	
	
img.subtit{
	width: 518px;
	margin-bottom: 20px;
}
/*-- 修理のページ設定--*/

ul.syuuri{
	 width: 518px;
	 margin-bottom: 50px;
	 float: left;
}

 ul.syuuri li{
	 width: 417px;
	 float: right;
	 padding-left: 10px;
	 border-left: 3px solid #ddd;
	 line-height: 15px;
	 padding-bottom: 10px;
}

 ul.syuuri li.end{
	 width: 417px;
	 float: right;
	 padding-left: 10px;
	 border-left: 3px solid #ddd;
	 line-height: 15px;
	 padding-bottom: 0px;
}

 ul.syuuri li.title{
	 width: 88px;
	 float: left;
	 padding-left: 0px;
	 border-left: none;
	 font-weight: bold;
}

 ul.syuuri li.ate{
	 width: 418px;
	 float: right;
	 margin-top: 20px;
	 padding: 0px;
	 border-left: none;
	 font-weight: bold;
	 border: 1px double #ddd;
	 text-align: center;
	 line-height: 20px;
	 height: 20px;
	 color: #666;
	 font-size: 11px;
}


	
/*-- PDFリスト設定--*/


div#formarea3 div.unit{
	width: 518px;
	float: left;
	position: relative;
	margin-bottom: 30px;
}

div#formarea3 div.unit img{
	width: 64px;
	float: left;
}

div#formarea3 div.unit h3{
	width: 434px;
	float: right;
	font-size: 15px;
	line-height: 15px;
	padding-bottom: 5px;
	border-bottom: 1px #666666 solid;
	margin-bottom: 10px;
}

div#formarea3 div.unit ul{
	width: 434px;
	float: right;
}


/* =sitemap
------------------------------------  */

table.map{
	width: 558px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}	

table.map td{
	border-bottom: 1px dashed #ddd;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 5px 5px 2px;
	text-align: left;
	vertical-align: top;
	height: 25px;
}	

table.map td a{
	font-size: 10px;
	line-height: 12px;
}