@charset "utf-8";

/*目次
----------------------------------------------------------------
■clearfix・IE7ハック
■template（全ページ共通レイアウト）
■common（共通装飾）
■index
■example
---------------------------------------------------------------*/

/*  ================================================================================
	clearfix
================================================================================  */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size: 0.1em;/* firefox ページ下の隙間回避 */
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*clearfix ここまで
---------------------------------------------------------------*/
/*IE7ハック ここから
---------------------------------------------------------------*/
*:first-child+html #header #nav{
	padding-top: 5px;
}
/*IE7ハック ここまで
---------------------------------------------------------------*/


/*  ================================================================================
	template
================================================================================  */
/*header-----------------*/
#header{
	width: 950px;
	margin: 0px auto;
	padding: 20px 0px;
}
#header #to_top{
	width: 286px;
	float: left;
	padding: 0px;
	margin: 0px;
	background: none;
}
#header #header_right{
	width: 664px;
	float: right;
	margin-top: 5px;
}
#header #header_right p, #header #header_right ul{
	text-align: right;
}
#header #header_right ul li{
	display: inline;
	padding: 0px 0px 0px 20px;
}
#header #header_right ul li a{
	background: url(../images/li_arrow.gif) no-repeat 0px 5px;
	padding-left: 10px;
}
#header #header_right ul li.window a{
	padding-right:28px;
}
/*nav-----*/
#menu{
	background: url(../images/menu_bg.gif) repeat-x left top;
	clear:both;
}
#menu ul{
	width: 951px;
	margin: 0px auto;
}
#menu ul li{
	display: inline;
}
/*contents---------------*/
#contents{
	width: 950px;
	margin: 0px auto;
	padding: 40px 0px 30px 0px;
	background: url(../images/line_top.gif) repeat-x left bottom;
}
/*to_top-------*/
.to_top{
	text-align: right;
	clear: both;
	margin: 0px;
}
/*footer-----------------*/
#footer{
	clear:both;
	width: 950px;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 0.9em;
}
#footer p{
	margin: 0px;
	padding: 0px;
}
#footer #footerleft{
	float: left;
	width: 475px;
}
#footer #footerleft dt{
	width: 67px;
	float: left;
	margin-right: 10px;
}
#footer #footerleft dd{
	line-height: 2;
}
#footer #footerright{
	float: right;
	width: 475px;
	text-align: right;
	margin-top: 1.5em;
}


/*  ================================================================================
	common
================================================================================  */
/*p_list-------*/
#p_list {
	margin-bottom: 30px;
}
#p_list li{
	display: inline;
}
/*outside-------*/
#outside {
	background: url(../images/line_side.gif) repeat-y left top;
	margin-bottom: 25px;
}
#inside {
	background: url(../images/line_top.gif) repeat-x left bottom;
}
.detail_box {
	background: url(../images/line_top.gif) repeat-x left top;
	padding: 25px;
}
.btn_contact {
	margin: 0px;
	text-align: center;
	clear: both;
}
.window{
	background-image: url(../images/icon_window.gif);
	background-repeat: no-repeat;
	background-position: 96% center;
}
.pfd a{
	display: inline-block;
	padding-right:18px;
	margin-right:3px;
	background: url(../images/icon_pdf.gif) no-repeat right 2px;
}
.text_big{
	font-weight:bold;
	font-size:1.3em;
}
.text_center{
	text-align:center;
}

/*  ================================================================================
	index
================================================================================  */
#index #opening {
	background: url(../images/main_bg.jpg) no-repeat right 110px;
	margin-bottom: 20px;
	text-align:left;
	height:473px;
}
#index #opening h2 {
	padding-bottom: 30px;
}
#index #opening p{
	margin-bottom:0px;
}
#index #opening ul {
	background: url(../images/text_bg.gif) no-repeat left top;
	padding: 10px;
	width:446px;
}
#index #opening ul li{
	padding-bottom: 13px;
}
#index #opening ul li.line{
	border-bottom:#FFF 1px solid;
	margin-bottom:13px;
}
#index h3 {
	margin-bottom: 25px;
}
#index #factory_title {
	width: 670px;
	float: left;
}
#index #factory_map {
	width: 218px;
	float: right;
}
#index .detail_box ul {
	text-align: center;
	margin: 50px auto;
	width: 764px;
}
#index .detail_box ul li {
	float: left;
	padding-right: 50px;
	margin-top:30px;
	margin-right: 10px;
	background: url(../images/point.gif) no-repeat 100% 45%;
}
#index .detail_box ul li#photo{
	padding-right:30px;
	margin-top:0px;
	margin-right:0px;
	background:none;
}
#index .detail_box ul li.lastChild {
	background: none;
	padding-right: 0px;
	margin-right: 0px;
}
#index .detail_box .img_center{
	text-align:center;
	margin:0px;
}
#index #step{
	text-align:left;
	position:relative;
}
#index #step ul{
	width:612px;
	padding:0px 20px;
	margin:40px 0px;
}
#index #step #headleader{
	position:absolute;
	right:30px;
	top:40px;
}
#index .detail_box .customer_box{
	clear:both;
	margin-top:15px;
}
#index .detail_box .customer_box p{
	margin:0px;
}
#index .detail_box .customer_box .customer_img{
	width:90px;
	text-align:center;
	float:left;
}
#index .detail_box .customer_box .customer_text{
	width:800px;
	padding-top:10px;
	float:right;
}
#index .detail_box .customer_box .customer_text h4{
	margin-bottom:10px;
}

/*  ================================================================================
	example
================================================================================  */
#example h1 {
	background-color: #F37F4D;
}
#example .detail_box{
	clear:both;
}
#example .detail_box .detail_text{
	width:353px;
	float:right;
}
#example .detail_box .detail_text p{
	color:#F37F4D;
	font-weight:bold;
	font-size:1.5em;
}
#example .detail_box .detail_text .price{
	font-size:1.8em;
}
#example .be_af{
	width:525px;
	float:left;
}

/*  ================================================================================
	flow
================================================================================  */
#flow h1 {
	background-color: #89CB4D;
}
#flow .detail_box{
	clear:both;
}
#flow .detail_box h2{
	font-size:1.5em;
	font-weight:bold;
	clear:both;
	background:url(../flow/images/down_point.gif) no-repeat 100px top;
	padding:50px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}
#flow .detail_box h2#stitle01{
	padding:10px 0px 10px 70px;
	margin:0px;
	background: url(../flow/images/no01.gif) no-repeat left center;
}
#flow .detail_box h2#stitle02{
	padding:15px 0px 15px 70px;
	margin:0px;
	background: url(../flow/images/no02.gif) no-repeat left center;
}
#flow .detail_box h2#stitle03{
	padding:15px 0px 15px 70px;
	margin:0px;
	background: url(../flow/images/no03.gif) no-repeat left center;
}
#flow .detail_box h2#stitle04{
	padding:15px 0px 15px 70px;
	margin:0px;
	background: url(../flow/images/no04.gif) no-repeat left center;
}
#flow .detail_box p{
	padding-left:70px;
}
#flow .detail_box .flow_box{
	width:253px;
	float:left;
	padding-right:50px;
}
#flow .detail_box .flow_box p{
	padding:10px 0px 0px 0px;
	margin:0px;
}
#flow .detail_box p.only_p{
	padding:10px 0px 0px 0px;
	float:left;
	margin:0px;
}
#flow .detail_box .pfd{
	padding-left:0px;
}

/*  ================================================================================
	qa
================================================================================  */
#qa h1 {
	background-color: #76C6CF;
}
#qa .detail_box li.question{
	padding:3px 0px 15px 30px;
	background:url(../qa/images/icon_q.gif) no-repeat left top;
}
#qa .detail_box li.question_last{
	padding:3px 0px 3px 30px;
	background:url(../qa/images/icon_q.gif) no-repeat left top;
}
#qa .detail_box li.answer{
	padding:3px 0px 3px 30px;
	background:url(../qa/images/icon_a.gif) no-repeat left top;
}
/*  ================================================================================
	contact
================================================================================  */
#contact h1 {
	background-color: #608DD4;
}
#contact .detail_box{
	text-align:left;
}
#contact .detail_box h2{
	padding:15px 0px 5px 0px;
	font-weight:bold;
	font-size:1.3em;
}
#contact .detail_box p{
	margin:0px;
}
#contact .detail_box a{
	padding-left:18px;
	background:url(../images/li_arrow.gif) no-repeat 10px center;
}
#contact .detail_box th{
	padding:5px 0px;
	font-weight:bold;
	vertical-align:top;
}
#contact .detail_box td{
	padding:5px 0px;
	font-weight:bold;
	font-size:0.9em;
}
#contact .detail_box .table_mb15{
	margin-bottom:15px;
}
#contact .detail_box .note{
	font-size:0.8em;
}
#contact .detail_box .red{
	color:#C00;
}
#contact p.detail_box{
	text-align:center;
}
#contact p.detail_box a{
	background:none;
}
#contact #btn_store{
	text-align:center;
	padding:30px 0px 20px 0px;
}
#contact #btn_store a{
	background:none;
	padding-left:0px;
}

/*  ================================================================================
	sitemap
================================================================================  */
#sitemap h1 {
	background-color: #CCCCCC;
}
#sitemap .detail_box h2{
	padding:10px 20px;
	background-color:#EBEBEB;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:20px;
}
#sitemap .detail_box ul{
	margin-bottom:40px;
}
#sitemap .detail_box li{
	padding:0px 0px 10px 30px;
	background:url(../images/li_arrow.gif) no-repeat 20px 10px;
}
#sitemap .detail_box ul#last{
	margin-bottom:0px;
}
#sitemap .detail_box ul#last a{
	display:inline-block;
	background:url(../images/icon_window.gif) no-repeat right center;
	padding-right:20px;
}