@charset "utf-8";



/* basic
---------------------------------------------*/

body,h1,h2,h3,h4,h5,p,li,dt,dd,td {
	font-family: helvetica, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:14px;
	color:#000;
	line-height:1.8em;
}
body {
	background:url(../img/body_bg.png) no-repeat bottom right fixed;
}
.wrap{
	width:960px;
	margin:0 auto;
}

.alignL {
	float:left;
	text-align:left;
}
.alignR {
	float:right;
	text-align:right;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

a:hover{ color:#3b5bb2; }

.removePC{
	display:none;
}

/* header
---------------------------------------------*/

header{
	background:#fff;
	border-bottom:4px solid #3b5bb2;
	overflow:hidden;
	margin-top: 10px;
	
}
header #hdTop{
	height: 90px;
	border-bottom:0px solid #4d4c4d;
}
header #hdTop h1{
	position:relative;
	padding-top: 15px;
	color:#565656;
}

header #hdTop h1 span{
	overflow: hidden;
	vertical-align: bottom;
	position: relative;
	top:5px;
	font-size: 16px;
}

nav{
	width: 960px;
	margin:0 auto;
	position:relative;
	
}

nav p,
nav li{
	float:left;
}
nav p#logo{
	border-right:1px solid #333;
}
nav ul#gnavi li{
	background:#FFFE8E;
	width:79px;
	height:163px;
}
nav ul:last-child{
	float:right;
	width: 222px;
	margin-top: 20px;
}
nav ul:last-child li{
	margin-right: 20px;
}
nav ul:last-child li:last-child{
	margin-right: 0px;
}

header #contact{
	position:absolute;
	top:-62px;
	right:0;	
}




/* main_image 
---------------------------------------------*/

#main_image {
	width:100%;
	min-width:960px;
	max-height:650px;
	overflow:hidden;
	position:relative;
	margin-bottom: 20px;
}
#slider li {
	position:relative;
}
#slider li img {
	width:100%;
}

#main_image #info{
	position:absolute;
	bottom:30px;
	width:100%;
	height: 50px;
	background:rgba(255,255,255,0.9);
	z-index:200;
}
#main_image #info p{
	line-height:50px;

}
#main_image #info p strong,
#main_image #info p span{
	margin-right: 30px;
}
#main_image #info p a{
	float:right;
	margin-top: -10px;

}

/* contents 
---------------------------------------------*/

#contents{
	padding-bottom:100px;
	overflow:hidden;
}

#top #contents h2{
	background:url(../../images/top_img_nagare.png) no-repeat center top;
	width:100%;
	height:117px;
	overflow:hidden;
	margin-bottom: 40px;
}
#top #contents h2 span{
	display:block;
	width:960px;
	margin:60px auto 0;
}

.greeting_clm{
	float:left;
	width: 320px;
	margin-right: 30px;
}
.greeting_clm img{
	margin-bottom: 30px;
}

#otherPages #contents section{
	overflow:hidden;
	clear:both;
	margin:0 0 50px 30px;
/*margin: auto;
	max-width: 640px;*/
}
#otherPages #contents h2{
	margin:30px;
}
#otherPages #contents h3{
	width:100%;
	background:#3b5bb2;
	margin-bottom: 40px;
}
#otherPages #contents table{
	width:100%;
	border-collapse: separate;
}
#otherPages #contents table th,
#otherPages #contents table td{
	background:rgba(148,197,255,0.1);
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:10px;
	border:1px solid #fff;
}
#otherPages #contents dl{
	margin-left: 20px;
}
#otherPages #contents dd{
	margin-bottom: 20px;
}

/*　太田屋の技術　*/

#skill_btn{
	padding:30px;
}
#skill_btn a{
	display:block;
	float:left;
	margin-right: 30px;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.05) 10px 10px 10px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.05) 10px 10px 10px 0px;
-moz-box-shadow:rgba(0, 0, 0, 0.05) 10px 10px 10px 0px;
}
#skill_btn a:first-child{
	margin-left: 100px;
}

#skill_btn a:hover{

/* box-shadow */
box-shadow:rgba(148,197,255,0.05) 10px 10px 10px 0px;
-webkit-box-shadow:rgba(148,197,255,0.05) 10px 10px 10px 0px;
-moz-box-shadow:rgba(148,197,255,0.05) 10px 10px 10px 0px;
}




/* 太田屋の歴史 */
.history section h3{
	margin-bottom: 40px !important;
	
	}



.history section p{
	font-size: 16px;
	}

.outline dt,.outline dd{
	font-size: 16px;
	color:#333;
	}

/*　商品例　*/

.example h2{
	margin: 30px 0 !important;
	}

.example section{
	margin: 0 0 30px 0 !important;
	}


#exampleList{
	background: url(../../example/images/ex_bg.png) repeat left top;
	overflow: hidden;
	clear: both;

}
#exampleList li{
	width:300px;
	float:left;
	margin-right:30px;
}
#exampleList li:nth-child(3n){
	margin-right: 0 !important;
}
#exampleList li img{
	margin: 5px 0 50px;
}
#exampleList li p{
	height: 30px;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	color: #333;
}


/* 商品紹介 */

.item_list > section h3{
	background: url(../../item/images/4p_ttl_bg.png) no-repeat left top #3b5bb2 !important;
	color: #fff;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 5px 0 5px 20px;
	overflow: hidden;
	font-size: 20px;
	}

.item_list > section > p{
	width: 470px;
	font-size: 18px;
	padding: 0 0 0 20px;
	height: 260px;
	overflow: hidden;
	vertical-align: top;
	margin-top: -5px;
	float: left;
	}

.item_list > section > div > p{
	height: 30px;overflow: hidden;
	font-size: 16px;padding: 0 0 0 20px;
	}


.item_list > section img.alignR{
	width: 400px;}

/* はじめての方へ */

.intro_wrap p{
	font-size: 16px;
	}


/*フォームここから*/

#form_table table{
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
margin-bottom: 30px;
	border-top:solid 1px #3B5BB2;
	border-right:solid 1px #3B5BB2;
	border-left:solid 1px #3B5BB2;
}
#form_table table th{
	width:25%;
	padding:15px;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	border-bottom: 1px solid #3B5BB2 !important;
}

#form_table table td{
	border-bottom: 1px solid #3B5BB2 !important;
	border-left: 1px solid #3B5BB2 !important;
	padding:15px;
	vertical-align:middle;
}

#form_table table tr:last-child th,
#form_table table tr:last-child td{
	border-bottom:0;
}
#form_table table tr:last-child th{
	vertical-align:top;
}
.mailouter2 input,select
{width:70%; padding:5px; margin:10px 0 8px 0;}

.mailouter9 input,select
{width:20px;  margin:15px 0 18px 15px;}

.mailouter3 input,select
{width:50%; padding:5px; margin:10px 0 8px 0;}
.mailouter4 input,select
{width:30%; padding:5px; margin:10px 0 8px 0;}

.mailouter5 input,select
{width:68%; padding:5px; margin:10px 0 8px 0;}


.mailouter2 input:focus,input:hover
{background:#F0F7FF;}

.mailouter2 textarea
{width:70%; height:145px; padding:8px; margin:10px 0 10px 0;}

.mailouter2 textarea:focus,textarea:hover
{background:#F0F7FF;}

.mailouter2 .focus
{background:#F0F7FF;}
.mailouter2 .wd33per
{width:30%;}

th.form_table_head{
	background:#3B5BB2 !important;
	border: none !important;
	color:#fff;
	font-weight: bold;
	font-size: 18px;
	padding: 20px 15px !important;
	}
button{
	background:none;
	border:none;
}




/*　//お問い合わせ　*/


/* footer
---------------------------------------------*/

.footer_sp{display: none;}

footer{
	clear:both;
	background-color:#fff;
	background-image:url(../img/footer_bg_02.png) , url(../img/footer_bg.png);
	background-repeat: no-repeat , repeat-x ;
	background-position:left bottom ,top ;
	width:100%;
	height: 260px;
	padding-top: 15px;
	position:relative;
}
footer div.wrap{
	overflow:hidden;
	padding-bottom:8px;
}
footer h2{
	float:left;
	padding-right: 30px;
	border-right:1px solid #333;
	margin-right: 50px;
}
footer h3{
	float:left;
	width: 700px;
	margin:45px 0 20px 0;
}
footer ul{
	float:left;
	margin-right: 60px;
}
footer ul li{
}
footer ul a{
	color:#333;
	text-decoration:none;
}
.copyright{
	clear:both;
	text-align:center;
	color:#fff;
	font-size:0.8em;
	background:#333;
	padding:3px;
}

#back-top {
	position:absolute;
	right:20px;
	top:-30px;
}


/* margin
---------------------------------------------*/


.mt-40 { margin-top:-40px !important; }
.mt0 { margin-top:0 !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr8 { margin-right:8px !important; }
.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }

.mb5 { margin-bottom:5px !important; }
.mb8 { margin-bottom:8px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb100 { margin-bottom:100px !important; }

.ml10 { margin-left:10px !important; }
.ml30 { margin-left:30px !important; }
.ml120 { margin-left:120px !important; }