/* ▼いじるな▼ */
@media screen and (min-width: 769px){
img{
	max-width:100%;
	height:auto;
	width /***/:auto;
	border:0;
}
body{
	margin:0;
	padding:0;
	color:#000000; /* 全体の文字色 */
	text-align:center;
	background:url(../img/back.jpg);
}
/* --- 全体のリンクテキスト --- */
a:link{color:#0000ff;}
a:visited{color:#000090;}
a:hover{color:#ff8000;}
a:active{color:#ff0000;}
/* --- コンテナ --- */
/* ▲いじるな▲ */

/* ここからCSSを記入 */


/* ================================================
header
===================================================*/

header{
	height:auto;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:30px 30px 30px 30px;
	border-bottom:6px solid #0c0c0c;
	border-top: 5px solid #333;
}
header p.p1{
	color:#454545;
	font-size:25px;
	margin:0px;
	font-weight:bold;
}
header p.p2{
	color:#454545;
	font-size:16px;
	margin:0px;
}
/* ================================================
head
===================================================*/
#head{
	margin:0px;
	padding:0px;
	background-color:#0c0c0c;
}
#head img{
	width:1100px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:0px;
	padding:0px;
}
/* ================================================
nav
===================================================*/
nav{
	margin:0px;
	background-color:#e4e4e4;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #cccccc;
}
nav ul.topmenu{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	background-color:#e4e4e4;

}
nav ul.topmenu li{
	list-style-type:none;
	font-size:15px;
	background-color:#e4e4e4;
	border-left:1px solid #ffffff;
	border-right:1px solid #cccccc;
	float:left;
	padding:10px;
	color: #333;
}
nav ul.topmenu li:hover{
	background-color:#454545;
	color:#ffffff;

}
/* ================================================
box
===================================================*/
#box{
	margin-left:auto;
	margin-right:auto;
	width:1100px;
	height:auto;
	text-align:left;
	border-right:1px solid #e4e4e4;
	border-left:1px solid #e4e4e4;
	background-color:#ffffff;
}
/* ================================================
パン屑
===================================================*/

#pan{
	height:20px;
	margin:0px 0px 0px 0px;
	padding:10px 15px 0px 15px;
	font-size:12px;
}
#pan div{
	float:left;
}
/* ================================================
main
===================================================*/
#main{
	width:60.8%;
	height:auto;
	float:left;
	margin:20px;
}
#main h1{
	color:#454545;
	font-size:23px;
	padding:10px;
	margin:0px;
}
#main h2{
	color:#454545;
	font-size:23px;
	padding:10px;
	margin:0px;
}
#main h3{
	color:#454545;
	font-size:23px;
	padding:10px;
	margin:0px;
}
#main p{
	font-size:15px;
	line-height:180%;
	color:#454545;
	margin:15px;
}
/* ================================================
product
===================================================*/
#product{
	margin:0px;
	padding:0px;
}
#product .bb{
	width:40%;
	float:left;
	margin:10px 20px 10px 0px;
}
#product .bb img{
	border-radius:5px;
	border:1px solid #e4e4e4;
}
#product .bb2{
	width:56%;
	float:left;
	margin:10px 0px 10px 0px;
}
#product .text1{
	font-size:35px;
	font-weight:bold;
	color:#228b22;
}
#product .text1 b{
	font-size:15px;
	font-weight:bold;
	color:#228b22;
	margin-left:10px;
}

#product .text2{
	font-size:14px;
	line-height:170%;
	padding:3px 10px 3px 10px;
	background-color:#ffaa00;
	margin:0px 0px 5px 0px;
	color:#e4e4e4;
}
#product .text2 a{
	color:#ffffff;
	text-decoration:none;
}
#product .text2 a:hover{
	color:#ff0000;
	text-decoration:none;
}

/* ================================================
setumei
===================================================*/
#setumei{
	border-radius:5px;
	margin:0px 0px 10px 0px;
	padding:0px;
	border:2px solid #454545;
}
#setumei .md{
	font-size:25px;
	font-weight:bold;
	padding:10px 15px 10px 15px;
	color:#ffffff;
	background-color:#454545;
}
#setumei .ichiran{
	height:350px;
	overflow:scroll;
}
#setumei .revew{
	padding:7px 15px 7px 15px;
	border-bottom:1px dashed #cccccc;
}

#setumei .revew p{
	line-height:130%;
	margin:0px;
	padding:0px;
	color:#454545;
}
#setumei b{
	font-size:15px;
	color:#ff4500;
	font-weight:normal;
}
#setumei font{
	margin-left:10px;
	color:#FFCC00;
}

/* ================================================
aside
===================================================*/
aside{
	width:32%;
	height:auto;
	float:right;
	margin:20px 20px 20px 0px;
}
aside h3{
	color:#454545;
	font-size:15px;
	padding:10px 10px 0px 10px;
	margin:0px;
}
aside ul.sidemenu{
	margin:0px 0px 10px 0px;
	padding:0px;
}
aside ul.sidemenu li{
	list-style-type:none;
	line-height:120%;
	font-size:13px;
	padding:5px 10px 5px 10px;
	margin:0px 0px 5px 0px;
	color:#ff0000;
}

/* ================================================
footer
===================================================*/

footer{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:30px;
	text-align:center;
	line-height:30px;
	font-size:15px;
	background-color:#454545;
	color:#ffffff;
}
/* ================================================
飾り
===================================================*/
#clear{
	clear:both;
}
.clear{
	clear:both;
}
/* ここまでCSSを記入 */
}