@charset "utf-8";

/**** Clearfix ****/
#main:after{content:""; display:table;clear:both;}
#main{zoom:1;}


/* 商品写真
------------------------------------------------------------*/
#main{
width:80%;
margin:0 auto;
}
#main .grid{
width:50%;
padding:20px 15px 10px;
float:left;
}

.grid .grid_content{
border:1px solid #ccc;
}
.grid .grid_content .text{
font-size:14px;
font-size:1.4rem;
background-color:#eee;
color:#000066;
line-height:1.2;
padding:5px;
}

.grid .grid_content img{
width:100%;
height:auto;
border-bottom:1px solid #ccc;
vertical-align:bottom;
}



#main_header3{
font-weight:normal;
}

#main_title{
font-size:18px;
font-size:1.8rem;
line-height:1.3;
font-weight:bold;
color:#fff;
padding:10px;
background-color:#cc6600;
width:92%;
margin:30px auto 0;
border-radius:8px 8px 0 0;
}
#main_content{
padding:10px 15px;
border:2px solid #cc6600;
width:92%;
margin:0 auto;
line-height:1.3;
border-radius:0 0 8px 8px;
}

#main_content .sub_title{
font-weight:bold;
color:#cc6600;
text-indent:-1em;
padding-left:1em;
margin-top:1em;
margin-bottom:0.5em;
}
#main_content .sub_content{
padding-left:1em;
margin-bottom:0.5em;
}

.osaka {
font-size:14px;
font-size:1.4rem;
padding:10px 10px 10px 60px;
background:#fff url("../img/osaka.jpg") no-repeat 8px 8px;
color:#000066;
line-height:1.3;
border-radius:8px;
border:2px dashed #990000;
width:90%;
margin:20px auto 30px;
}
.osaka_title {
clear:both;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
color:#990000;
margin-bottom:3px;
}
.osaka a{
text-decoration:underline;
}

/* 取付方法
------------------------------------------------------------*/
#apply {
line-height:1.3;
}
#apply img {
max-width:98%;
height:auto;
}

#apply table{
margin:0 auto;
}
#apply table td{
padding:3px;
vertical-align:middle;
text-align:center;
}
#apply .warning {
font-size:14px;
font-size:1.4rem;
padding:10px 10px 10px 45px;
background:#f6f6f6 url("../img/warning2.gif") no-repeat 8px 8px;
color:#000066;
border-radius:8px;
border:1px solid #bbd3de;
margin:20px 10px 40px;
}
#apply .warning ul li{
margin:5px 0;
text-indent:-1em;
padding-left:1em;
}
#apply .warning ul li:before{
content:"・";
}

/* 製品案内ビデオ
------------------------------------------------------------*/
#video{
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%;
}


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

	#main{
	width:100%;
	}

	#main_title{
	width:96%;
	}
	#main_content{
	width:96%;
	}

}

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

	#main .grid{
	width:100%;
	padding:10px;
	}

}