@charset "utf-8";
/*リセットCSS*/
*{margin:0px;padding:0px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
img{vertical-align:middle;}
.width-full{
	width:100%;
	/*width:100% !important;*/	
	/*max-width:100%;*/
}
h1{
	color:#fff;
	background:#000000;
	line-height:2;
	margin-bottom:8px;
	padding:0 0 0 10px;	
}
h2{
	color:#3d3b3c;
	line-height:1.2;
    border-bottom: 1px dotted #3d3b3c;
	margin-bottom:8px;
}
h1{font-size:20px;}
h2{font-size:18px;}
h3{
	font-size:16px;
	border-bottom:1px solid #3d3b3c;
	color:#1d1b1c;
	margin:20px 0 10px 0;
}
h2.privacy{
	font-size:16px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:10px 0 10px 0;
	margin:30px 0 20px 0;
	color:#000000;
}

.main-text{
	text-align:justify;
	font-size:15px;
	line-height:1.5;
	margin-bottom:10px;
}

table{
	color: #1d1b1c;
	border: 1px solid #D6D5D1;
	overflow: hidden;
	font-size:12px;
	width:100%;
	margin:30px 0 30px 0;
}
th{
	font-weight:normal;
	text-align:left;
	padding: 5px;
	background: #F3F2EE;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #D6D5D1;
	border-bottom: 1px solid #D6D5D1;	
	font-size:10px;
}
td{
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #D6D5D1;
	border-bottom: 1px solid #D6D5D1;	
	padding: 5px;
}

ul{
	list-style:none;
}
a{
	text-decoration:none;	
}
/*レイアウト*/
body{
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;	
	width:100%;
	-webkit-text-size-adjust:100%;/*Safari 文字サイズ自動調整を防ぐ*/
	-moz-text-size-adjust:none;
}
header{
	width:100%;
}
.hr{
	height:5px;
	background-color:#000000;
	margin:0 0 20px 0;
}
.contents{
	width:100%;
	margin:40px 0px;
	padding:0px 15px;
}
aside{
	width:300px;
	margin:40px auto;
}
	.sidebar-2{
		display:none;/*width650px以下の場合*/
	}
footer{
	width:100%;
	clear:both;
	padding:15px 20px;
	background:#000000;
}

/*レイアウト　レスポンシブ*/
@media only screen and (min-width:651px){
	aside{
		width:620px;
	}
	.sidebar-1{
		width:300px;
		float:left;
	}
	.sidebar-2{
		width:300px;
		float:right;
		display:block;
	}
}
@media only screen and (min-width:801px){
	body{
		width:100%;
	}
	.container{
		width:1030px;
		padding:0px 15px;
		margin:0 auto;		
	}

	.contents{
		width:700px;
		float:left;
		margin-left:-15px;	
	}
	aside{
		width:300px;
		float:right;
	}	
}
/*clearfix処理*/
aside:after{
	display:table;
	content:"";
	clear:both;
}

/*ヘッダー*/
.logo{
	display:block;
	float:left;
	width:180px;
	margin:15px 0px 15px 5px;
}
.inner-header-link{
	float:right;
	margin:20px 10px 0 0;
	list-style-type:none;
	vertical-align: bottom;
}
.inner-header-link li{
	display:inline-block;
	margin-left:10px;
}
.inner-header-link a{
	display:block;
	text-decoration:none;
}
.inner-header-link img{
	height:30px;
	margin: auto 0 auto 0;
}
.inner-header-link span{
	display:none;
}
.inner-header:after{
	display:table;
	content:"";
	clear:both;
}

/*.header-image{
	height:200px;
	background-image:url("../images/header-image.jpg");
	background-size:cover;
	background-position:bottom;
	margin:0 0 20px 0;	
}*/
.header-image{
	padding-top:45%;/*画像の高さ ÷ 画像の幅*/
	background-image:url("../images/header-image.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;	
	margin-left: auto;
	margin-right: auto;	
	width:100%;	
	margin:0 0 20px 0; 
}

/*width 375px*/
.product-image1{
	padding-top:141.41%;/*画像の高さ ÷ 画像の幅*/
	background-image:url("../images/product.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;	
	margin-left: auto;
	margin-right: auto;	
	/*height:2750px;/*1000-7217*/
	width:100%;
}

/*ヘッダー　レスポンシブ*/
@media only screen and (min-width:651px) {
	.logo{
		width:270px;
	}
	.inner-header-link img{
		height:18px;
		padding-right:5px;
	}
	.inner-header-link span{
		display:inline;
		color:#666;
		font-size:15px;
	}
/*	.header-image{
		height:250px;
	}*/	

}
@media only screen and (min-width:801px) {
/*	.header-image{
		height:360px;
	}*/		
}

/*ナビゲーション*/
nav ul{
	list-style-type:none;
	margin:0 0 0 0;
}
nav li{
	width:29%;
	margin:3.25% 0 0 3.25%;
	float:left;
}
nav li:nth-child(odd){
}
nav a{
	display:block;
	background:#000000;
	border-radius:5px;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	line-height:45px;
	text-align:center;
	text-decoration:none;
}
nav ul:after{
	display:table;
	content:"";
	clear:both;
}

/*ナビゲーション　レスポンシブ*/
@media only screen and (min-width:651px) {
	nav li{
		width:16.66666667%;
		margin:0 0 0 0;
		border-right:solid 2px #fff;
	}
	nav li:last-child{
		border-right:none;
	}
	nav a{
		color:#000;
		background:#fff;
		border-radius:0;
		line-height:36px;
	}
	nav a:hover{
		background:#000000;
		color:#fff;
	}
}

/*コンテンツ*/
.contents section.top{
	margin-bottom:30px;
}

.contents section.top ul{
	list-style: none;
    margin: 30px 0 0 0;
    border-top: 1px dotted #3d3b3c;
}
.contents section.top ul li {
    clear: both;
    line-height: 30px;
    border-bottom: 1px dotted #3d3b3c;
    padding: 20px 0 20px 0;
}
.contents section.top ul li div {
    float: left;
}
.contents section.top ul li span {
    display: block;
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;	
    text-align: center;
    background: #3d3b3c;
    color: #ffffff;
    margin: 0 10px 0 10px;
    font-size: 90%;
}
.contents section.top ul li a {
	color:#0000ff;
}

p.browser{
	margin:20px 0 20px 0;
}

.contents section.top ul li div.date{
	display:none;
}
ul.sitemap li a{
		line-height:40px;	
}
/*コンテンツ　レスポンシブ*/
@media only screen and (min-width:651px) {
	h1{font-size:16px;}
	h2{font-size:20px;}	
	.main-text{
		font-size:16px;
	}	
	.contents section.top ul li div.date{
		display:block;
	}
}

/*サイドバー*/
.banner{
	margin:0 0 15px 0;
	text-align:center;
	font-size:14px;
	padding-top:15px;
	border:1px solid #ddd;
}
.banner p{
	margin:10px 0 10px 0;
}
aside p{
	font-size:12px;
	line-height:1.3;
	margin-bottom:10px;
}
aside a{
	color:#0000ff;
}

/*フッター*/
footer ul{
	width:100%;
	margin-bottom:30px;
	list-style-type:none;
}
footer ul li a{
		text-decoration:none;
		color:#fff;
		line-height:40px;		
}

#copyright{
	text-align:right;
	color:#FFF;
	font-size:12px;
}
footer span.arrow{
	margin:0 10px 0 0;
}


	
/*フッター　レスポンシブ*/
@media only screen and (min-width:801px) {
	.inner-footer{
		width:1000px;
		margin:0 auto;
	}	
	footer ul{
		width:300px;
	}	
	footer li{
		width:50%;
		float:left;	
	}
	footer li a{	
		line-height:24px;
	}	
}
@media only screen and (min-width:651px) {	
	footer li a{
		display:block;
		color:#FFF;
		font-size:13px;
		line-height:45px;
		padding-left:10px;
		text-decoration:none;
	}
	footer li a:hover{
		text-decoration:underline;
	}
	footer ul:after{
		display:table;
		content:"";
		clear:both;
	}
	#copyright br{
		display:none;
	}
	footer span.arrow{
		display:none;		
	}
}

/*お問い合わせ*/

input[type="submit"],input[type="button"],input[type="text"],
input[type="tel"],input[type="email"],textarea{
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 16px;
	padding:5px;
	margin:auto 0 auto 0;
	width:100%;
}

textarea {
	height:500px;
}

#form{
}
#form dl{
	width:80%;
	margin:0 auto 0 auto;
	color:#3d3b3c;
}
#form dt{
	height:40px;	
	text-align:left;
	margin:20px 0 0 0;
}
#form dd{
	text-align:left;
}
#form dt.textarea{
	height:40px;
}
#form dd.textarea{
	height:500px;
}
#form ul li{
	padding:5px 0;
}

input[type="submit"]{
	margin:15px 0 0 0;
	background-color:#575758;
	color:#ffffff;
}