@charset "UTF-8";
/* CSS Document */


#head_container .page_title h1{
	width:400px;
	height:25px;
	margin:32px auto 32px 32px;
	background-image:url(image/page_titile.png);
	background-repeat:no-repeat;
}
/*
==========================================================
contents
==========================================================
*/
#contents_wrap{
	clear:both;
	width:100%;
	overflow:hidden;
	background-image:url(../commonImage/contents_bg.jpg);
}
#contents{
	width:1020px;
	overflow:hidden;
	margin:0 auto;
}
#contact{
	width:930px;
	height:833px;
	margin:0 auto 30px auto;
	padding:40px 40px 0 40px;
	overflow:hidden;
	background-color:none;
  background-image:url(image/shougaBg.jpg);
  background-repeat:no-repeat;
  position:relative;
 }
 
#contact #inner{
	margin:0;
	padding:0px 30px 0 30px;
	overflow:hidden;
 }
#contact #inner .bloglink{
	width:1018px;
	height:360px;
	margin:0 0 0 0;
	padding:0px;
	overflow:hidden;
	background-image:url(image/photo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:240px;
	left:0;
 }
#contact #inner .bloglink .btn{
	width:900px;
	height:100px;
	margin:250px auto 0 auto;
	padding:0px;
	overflow:hidden;
 }
 #contact #inner .bloglink .btn ul{
	width:1018px;
	height:100px;
	margin:0 0 0 0;
	padding:0px;
	overflow:hidden;
 }
  #contact #inner .bloglink .btn ul li{
	width:260px;
	height:100px;
	margin:0 60px 0 0;
	padding:0px;
	overflow:hidden;
	float:left;
 }
   #contact #inner .bloglink .btn ul li a{
	width:260px;
	height:100px;
	display:block;
 }
#contact #inner .bloglink .btn ul li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
 
#contact #inner h2{
	height:40px;
	width:330px; 
	background-image:url(image/shouga.jpg);
	background-repeat:no-repeat;
}
#contact #inner p{
	font-size:14px;
	text-align:left;
	line-height:24px;
 }
#contact #inner p img{
	 float:right;
	 margin:0 0 0 20px;
 }
#contact #inner #form{
	margin:40px;
	
 }
 
#contact #inner #form h2{
	height:40px;
	width:330px; 
	background-image:url(image/contact.jpg);
	background-repeat:no-repeat;
}
#contact #inner #form table{
	   width:100%;
	   text-align:left;
	   border-collapse: collapse;
	   font-size: 14px;
 }
 #contact #inner #form table caption{
	 text-align:left;
	 padding:0 0 10px 0
 }
#contact #inner #form table th{
	width:20%;
	text-align:left;
	border-collapse:collapse;
	padding:8px;
	border-bottom:1px dotted #ccc;
	color:#333;
 }
 
#contact #inner #form table td{
	width:20%;
	text-align:left;
	border-collapse:collapse;
	padding:8px;
	border-bottom:1px dotted #ccc;
	color:#333;
 }
#contact #inner #form table .txt_box{
	height: 18px;
	border: 1px solid #F4ECAD;
}
#contact #inner #form table textarea{
	height: 100px;
	border: 1px solid #F4ECAD;
} 
 
#sub_btn{
	padding: 30px 0;
	text-align: center;
	
}