/* index */

body{
	text-align:left;
	list-style: none;
	margin: 0;
	background:url(../images/main_bg.jpg) repeat;}

body a{color:#945977}
body a:hover{color:#8f1452}

.fl{float:left;}
.fr{float:right;}
.clear{clear: both;}
.m0{margin:0;}
.m5{margin:5px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.pd20{padding:20px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt40{padding-top:40px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pl20{padding-left:20px;}

/* ----------------------- header -----------------------*/

#wrapper{margin:0 auto;}

#header_bg {
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: 70px;
	background:#ffffff;}

#header {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	height: 70px;
	background:#ffffff;}

#header h1 {
	padding:9px 0 0 25px;
	float:left;}

#main {	background:url(../images/header_bg2.jpg) top center repeat-x;}
#main2 {	background:url(../images/contact_bg2.jpg) top center repeat-x;}

#main_img_bg{
	background:url(../images/header_bg.jpg) top center no-repeat;
	width:auto;
	margin:0 auto;}
	
#main_img_bg2{
	background:url(../images/contact_bg.jpg) top center no-repeat;
	width:auto;
	margin:0 auto;}

#main_img,
#main_img2,
#main_img3,
#fmail_bg{
	margin: 0 auto;
	padding: 0;
	width: 940px;
	position:relative;}
	
#main_img{background:url(../images/main_img1.jpg) top center no-repeat;height: 775px;margin: 0 auto 15px auto;}
#main_img2{background:url(../images/main_img2.jpg) top center no-repeat;height: 740px;}
#main_img3{background:url(../images/main_img3.jpg) top center no-repeat;height: 740px;}
#fmail_bg{background:#ffffff;}

#main_img .company{
	position:absolute;
	top:498px;
	left:42px;}

#main_img .personal{
	position:absolute;
	top:498px;
	left:482px;}
	
#main_img2 .contact2{
	position:absolute;
	top:650px;
	left:260px;}
	
#main_img3 .exp_skill{
	position:absolute;
	top:291px;
	left:20px;}
	
#main_img3 .entry2{
	position:absolute;
	top:650px;
	left:200px;}

.ban1	{
	float:right;
	padding:10px 30px 0 0;}
	
	

/* ----------------------- contents -----------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
	
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

h2{padding:30px 0;}
h3{margin:10px 0;}	
h4{margin:0;}

#contentWrapper {
	background-color:#ffffff;
	width: 940px;
	margin:0 auto;
	padding:0;
	border: 0;}	
	
.section{
	width:860px;
	margin:0px auto;
	clear:both;}
	
#keyword{
	background-color:#eeeeee;
	width:820px;
	height:auto;
	margin:20px;}

#keyword p{
	padding:10px 20px;
	line-height:1.6em;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:0.9em;
	color:#111111;}

.pagetop{
	text-align:right;
	padding:10px 5px 10px 0;}

.contact{
	margin:25px auto;
	height:67px;
	width:632px;
	clear:both;}

.contact p img{float:left;margin:0 8px;}




#footer{ background:#0d54a2;}

#footer address{ text-align:center;padding:5px;}


.form_text{
	color:#666666;
	font-size:12px;
	padding:10px 0 0 45px;
	text-align:left;}
