@charset "shift_jis";
/* CSS Document */

h2 { color: white; font-size: 14pt; margin-top: 2pt; margin-bottom: 1pt; margin-left: 4pt }
.big { color: red; font-style: italic; font-weight: bold; font-size: 18pt }
.SubEXP { font-size: 11pt; text-indent: -12pt; padding-left: 12pt; width:500px }
.Page_Tytle { font-weight: bold; font-size: 18pt }
.Table_Tytle    { font-size: 14pt }
.Row_high { padding-top: 3pt }
.small  { color: black; font-size: 11pt }
.click  { font-size: 10pt }
.kajyou   { font-size: 10pt; padding-left: 3pt }

.tokucho{
	border:0px;
	font-size:12px;
	}
	
/*.tokucho td.orange{
	background-color:#FFCC66;
	color:#333333;
	text-align:center;
	padding:3px 0;
	width:130px;
}

.tokucho td.red{
	background-color:#990000;
	color:#ffffff;
	text-align:center;
	padding:3px 0;
	width:130px;
}*/




div.titleH1{
	margin-right:10px;
}

div.titleH1 h1{
	display:block;
	float:left;
	width:70%;
}

div.titleH1 div.mainTitle{
	float:left;
	width:70% !important;
}

div.titleH1 .logo{
	float:right;
	width:24%;
	text-align:right;
	padding-top:10px;
}


div.item{
	margin-bottom:20px;
}

div.item .title{
	background-color:#00a7fd;
	padding-right:5px;
}

div.item h2{
	display:block;
	float:left;
	width:50%;
	padding-top:3px;
	padding-bottom:3px;
}

div.item .nebiki{
	float:right;
	width:45%;
	text-align:right !important;
	padding:5px 0;
}

div.item .nebiki span{
	/*display:block;*/
	background-color:#fff;
	font-size:28px;
	color:#ff0000;
	
	text-align:center;
	padding:0 10px;
	/*width:200px;*/
	
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

div.item .titleTokucho{
	float:left;
	width:85%;
}

div.item .titleTokucho ul{
	margin:0;
	padding:0 0 0 12px;
}

div.item .titleTokucho li{
	line-height:110%;
	list-style:none;
	font-size:11pt;
}

div.item .titleTokucho li:before{
	content:"■";
}

div.item .mark{
	float:right;
	width:15%;
	text-align:right;
}

div.item .imgArea{
	float:left;
	width:40%;
}

div.item .dataArea{
	float:right;
	width:58%;
}

div.item .dataArea table{
	width:100%;
}

div.item .dataArea th{
	text-align:left;
	background-color:#a5e8ff;
	font-weight:normal;
	width:15%;
}

div.item .dataArea td{
	background-color:#d0ffff;
}

div.item .dataArea td.title{
	background-color:#0089ff;
	text-align:center;
}

div.item .dataArea table.tokucho{
	border:0px;
	font-size:12px;
	width:98%;
	}
	
div.item .dataArea table.tokucho td.orange{
	background-color:#FFCC66;
	color:#333333;
	text-align:center;
	padding:3px 0;
	width:46%;
}

div.item .dataArea table.tokucho td.red{
	background-color:#990000;
	color:#ffffff;
	text-align:center;
	padding:3px 0;
	width:46%;
}

div.item .dataArea table.tokucho td.blue{
	background-color:#29ABE2;
	color:#ffffff;
	text-align:center;
	padding:3px 0;
	width:46%;
}


span.br650{
	display:none;
}



@media only screen and (max-width:750px){
div.item .imgArea, div.item .dataArea{
	float:none;
	width:100%;
}


div.item .imgArea{
	text-align:center;
}

div.item .imgArea table{
	width:100%;
}

}

@media only screen and (max-width:650px){
#footerBottom{
	width:80% !important;
}
	
div.titleH1 h1, div.titleH1 .logo{
	float:none;
	width:100%;
}

div.titleH1 div.mainTitle{
	float:none;
	width:100% !important;
}

div.titleH1 h1{
	line-height:120%;
	font-size:120% !important;
	margin-right:20px;
}

div.titleH1 div.mainTitle{
	line-height:120%;
	font-size:120% !important;
	margin-right:20px;
}

div.item h2, div.item .nebiki{
	float:none;
	width:100%;
}


div.item .nebiki img{
	margin-top:10px;
	margin-right:10px;
}



div.item .titleTokucho, div.item .mark{
	float:none;
	width:100%;
}

div.item .dataArea th{
	width:20%;
	white-space:nowrap;
}


span.br650{
	display:inline;
}

}



/* IHクッキングヒーターの特長 */
.tokuchouIH{
	margin:100px 0;
	padding:0 20px 10px;
	border:1px solid #333;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.tokuchouIH h2{
	background-color:#009933 !important;
	font-size:20px !important;
	padding:10px !important;
	margin:0 -20px 0 !important;
}

.tokuchouIH h3{
	padding-bottom:5px;
	border-bottom:1px solid #333;
}

.tokuchouIH h4{
	margin-bottom:5px;
	font-size:16px !important;
	color:#2732FF;
}

.tokuchouIH p{
	font-size:14px;
	line-height: 140%;
}

.tokuchouIH .setumeiArea{
	margin-bottom:40px;
}

.tokuchouIH .setumeiArea:after{
	content:"";
	clear:both;
	display: block;
}

.tokuchouIH .setumeiArea .imgArea{
	float:left;
	width:calc(100% / 2 - 10px);
}

.tokuchouIH .setumeiArea .imgArea img, .tokuchouIH .imgArea img{
	width:100%;
}

.tokuchouIH .setumeiArea .txtArea{
	float:right;
	width:calc(100% / 2 - 10px);
	font-size:14px;
	line-height: 140%;
}

.tokuchouIH img.leftImg{
	width:48%;
	margin:10px 2% 10px 0;
	float:left;
}

.tokuchouIH img.rightImg{
	width:48%;
	margin:10px 0 10px 2%;
	float:right;
}


@media only screen and (max-width:550px){
	.tokuchouIH .setumeiArea .imgArea{
		float:none;
		width:100%;
	}

	.tokuchouIH .setumeiArea .txtArea{
		float:none;
		width:100%;
	}
	
	.tokuchouIH img.leftImg, .tokuchouIH img.rightImg{
		width:100%;
		margin:0 0 10px 0;
		float:none;
	}
}