@charset "utf-8";
/* =======================================
	Browser Reset
========================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline: none; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
caption { display: none; }
table th { font-weight: normal; vertical-align: top; }
table td { vertical-align: top; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
* { -webkit-appearance: none; }
input, select { vertical-align: middle; }
input[type=text], input[type=email], input[type=tel], input[type=password],  input[type=search], textarea { outline: none; background: none; border: none; }
input[type=submit], input[type=reset], input[type=button], button[type=submit], button[type=button], button[type=reset] { background: none; border: none; cursor: pointer; }
img { vertical-align: top; }
address { font-style: normal; }
/* base-set
--------------------------------------------------------- */
html { font-size: 62.5%; }
body { color: #231815; font-size: 13px; font-size: 1.3rem; background: #fff; -webkit-text-size-adjust: 100%; }
body, input, select, textarea { font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif; }
input { font-size: 100%; }
/* =======================================
	Others
========================================== */
/*box-sizing
--------------------------------------------------------- */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
/*link
--------------------------------------------------------- */
a { color: #231815; }
a:hover { text-decoration: none; }
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
/*page_top
--------------------------------------------------------- */
.page_top { text-align: right; margin-bottom:6px;}
/* =======================================
	Structure
========================================== */
.wrapper { width: 999px; padding: 23px 0 0; margin: 0 auto; background: url(../images/common/bg_wrapper.png) no-repeat; }
	
/*header
--------------------------------------------------------- */
header { padding: 5px 0 0; margin: 0 13px 15px; }
header:after { content: ""; clear: both; display: block; }
header h1 { float: left; margin: 0 0 0 12px; }
header .h_box { float: right; width: 409px; }
.h_box p { margin: 0 0 34px; }

ul.language{
	display:block;
	float: right;
	margin: 1.2em 3px 0 0;
	color: #727171;
	font-size: 14px;
	font-size: 1.4rem;
	}
	
ul.language li{
	display:block;
	float:right;
	width: 100px;
	margin-left:13px;
	}

ul.language li a{
	display:block;
	width: 100%;
	padding: 3px 0;
	border: 1px solid #727171;
	text-align:center;
	text-decoration:none;
	}
	
ul.language li a:hover{
	background-color:#7dcef4;
	}
	
.h_box input[type=search] { height: 13px; width: 78px; }
.h_box input[type=submit] { height: 13px; width: 22px; padding: 0 0 0 4px; font-size: 10px; font-size: 1.2rem; border-left: 1px solid #727171; vertical-align: top; }

/*contents
--------------------------------------------------------- */
.contents { width: 970px; margin: 0 auto; }

/* =======================================
	Top
========================================== */
/*top_images
--------------------------------------------------------- */
.top_images {
	position: relative;
	margin: 0 0 35px;
	padding-top:2px;
	border-top:1px solid #333333;
	}

.top_images img{
	display:block;
	width:100%;
	}

/*中面
--------------------------------------------------------- */

section{
	display:block;
	margin:10px 0 0;
	}

.box-left{
	display:block;
	float:left;
	width:400px;
	}

.box-left img{
	width:100%;
	}

.box-right{
	display:block;
	float:left;
	width:510px;
	margin-left:60px;
	}

h1.heading01{
	display:block;
	background-color:#333333;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding:6px 0;
	}
	
.left{
	float:left;
	}
		
.right{
	float:right;
	}
	
.product-list{
	display:block;
	width:100%;
	margin-top:10px;
	}

.product-list li{
	display:block;
	width:33%;
	float:left;
	text-align:center;
	margin-bottom:15px;
	}

.product-list p{
	font-size:12px;
	line-height:1.35;
	margin-top:10px;
	}	

table.product-table{
	width:100%;
	margin:13px auto 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

table.product-table th,
table.product-table td{
	border:1px solid #333333;
	line-height:normal;
	color:#000066;
	text-align:center;
	width:28.3%;
	font-size:12px;
	}

table.product-table td{
	padding:2px 10px;
	}
	

table.product-table td.wight-15{
	width:10%;
	}
	
table.product-table td.td-grey{
	background-color:#DDDDFF;
	width:10%;
	}

table.product-table th{
	vertical-align:middle;
	background-color:#0068b7;
	color:#fff;
	padding:5px 10px;
	font-weight:bold;
	}		

ul.text-list{
	display:block;
	margin-top:40px;
	}
	
ul.text-list li{
	display:block;
	float:left;
	margin:0 30px 0 0;
	} 

ul.text-list li p{
	display:block;
	margin-bottom:30px;
	line-height:normal;
	}

.company-box{
	display:block;
	width:500px;
	margin:30px 0 40px 470px;
	}

.company-box-in{
	border-top:1px solid #231815;
	border-bottom:1px solid #231815;
	padding:13px 6px;
	margin-bottom:13px;
	}

h1.text01{
	font-size:18px;
	font-weight:normal;
	margin-right:40px;
	}

h1.text02{
	font-size:20px;
	font-weight:bold;
	margin-bottom:6px;
	}

h2.text03{
	display:block;
	width:100%;
	font-weight:normal;
	border:1px solid #231815;
	text-align:center;
	padding:5px 15px;
	margin-top:5px;
	}

p.text04 span{
	display:block;
	float:right;
	margin-right:285px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:-2px;
	}
	
.left p{
	line-height:normal;
	}
				
/*------------------------

clearfix

------------------------*/

.clearfix:before,
.clearfix:after {
	height: 0;
	display: block;
	overflow: hidden;
	content: '.';
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
} /* IE < 8 */