/**** Clearfix ****/
h2:after, #main_header3:after, .h3_content:after, .buy_link:after{content:""; display:table;clear:both;}
h2, #main_header3, .h3_content, .buy_link{zoom:1;}

/* 中央ペイン
------------------------------------------------------------*/
#content {
width:1080px;
margin:0 auto;
}

#content p{
margin:0 0 6px;
line-height:1.2;
}

/* 見出し
------------------------------------------------------------*/
h2#main_header{
position:relative;
width:100%;
margin:0 auto;
padding:12px;
background-image:url('../img/bg08.bmp');background-repeat:repeat-x;
color:white;
font-weight:bold;
font-size:25px;
font-size:2.5rem;
line-height:1.3;
}
h2#main_header:before {
position:absolute;
content:'';
top:100%;
left:0;
border:none;
border-bottom:solid 15px transparent;
border-right:solid 20px rgb(149, 158, 155);
}
h2 div{
position:relative;
font-size:15px;
line-height:18px;
float:right;
font-weight:normal;
}
/*.toiawase {
width:100px;
margin:10px auto;
padding:10px;
text-align:right;
}*/

#main_header3 {
width:100%;
margin:0 auto 10px;
padding:10px;
text-align:right;
}

h3{
width:100%;
font-size:25px;
font-size:2.5rem;
color:#000080;
font-weight:bold;
margin-bottom:20px;
border-bottom:1px solid #000080;
}
h3:first-of-type{
margin-top:30px;
}

.h3_content{
margin-left:30px;
margin-bottom:30px;
}

.disclaimer{
margin:0 10px 5px;
color:#666;
font-size:14px;
font-size:1.4rem;
}

.toiawase {
width:360px;
border:1px solid #ccc;
border-radius:5px;
padding:5px;
}

.buy_link {
width:100%;
padding:15px 15px 10px;
border:2px solid #900;
border-radius:8px;
margin:0 auto;
}
.buy_link img.goods{
float:left;
margin-right:10px;
border:1px solid #ccc;
}
.buy_link img.banner_shop{
float:right;
margin-left:5px;
}
.buy_link strong {
text-decoration:underline !important;
color:#003300;
}
.buy_link a {
text-decoration:none !important;
}
.buy_link a:hover {
text-decoration:underline !important;
}


/* 製品案内ビデオ
------------------------------------------------------------*/
#video{
width:560px;
/*padding:30px;*/
}
#video .youtube{
position:relative;
width:100%;
padding-top:56.25%;
height:0;
}
#video .youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/* メインメニュー PC用
------------------------------------------------------------*/
@media only screen and (max-width:1080px){

	#content {
	width:96%;
	margin:0 auto;
	padding:20px 0;
	}
}

/* 幅640px以下から
------------------------------------------------------------*/
@media only screen and (max-width:640px){

	h2#main_header:before {
	border:none;
	}
	#main_header3 {
	text-align:left;
	}
	.h3_content{
	margin-left:0;
	}
	#video{
	width:100%;
	}

}

/* 幅400px以下から
------------------------------------------------------------*/
@media only screen and (max-width:400px){

	.toiawase {
	width:100%;
	}
}