/*===============================================
  画面の横幅が0px以上
 ===============================================*/

/*圧力鍋*/
body #contentsBox h3 {
    background-image: none;
    color: #663300;
    font-size: 20px;
    margin: 0;
    padding-left: 0;
    text-shadow: none;
	text-align: center;
}

body #contentsBox .more{ text-align:right; display:block; color:#663300; font-weight:bold; font-size:110%; }
body #contentsBox #leftBox .more img{ vertical-align:middle; padding-right:1%; width:14px;}
/*body #contentsBox .more{ text-align:right; display:block; background: url(../../common/images/icon_arrow.jpg) no-repeat;color:#663300; font-weight:bold; font-size:110%; }*/
body #contentsBox .more a:link{ text-decoration:none; color:#663300;}
body #contentsBox .more a:visited{ text-decoration:none; color:#663300;}
body #contentsBox .more a:hover{ text-decoration:underline; color:#663300; }

body #contentsBox #leftBox img { padding: 0;}



body #contentsBox #leftBox a:hover img{
	/*▼透明度*/
	opacity:0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
	background-color:white;}

#atsuryoku_Box {
	background-image: url("images/bg.jpg"); 
	background-repeat:repeat-y;
	width:100%;
	zoom: 1;
	-moz-background-size:contain;
	background-size:contain; 
	}

.recipe_img { width:70%; margin:0 auto;}
.point_text { margin:15px 0; }
.recipe_box {
    background-color: #FFFFFF;
    margin: 10% 21px;
	padding:15px;
	margin: 15px 5px !important;
	text-align:center;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}

div.right {margin: 15px 0; }

.recipe_bn {
    margin: 0 auto;
    padding: 20px 0;
}

div.right h3 a:link{ text-decoration:none; color:#663300}
div.right h3 a:visited{ text-decoration:none; color:#663300}
div.right h3 a:hover{ text-decoration:underline; color:#663300}

body #contentsBox #atsuryoku_Box section { margin: 0 10px; overflow: hidden;}


/*===============================================
  画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px){
	
.lineup li:nth-child(2n+1) { clear:both;}
.pc_none{ display:none;}
.point_img { width:70%; margin:0 auto;}
.other_text { margin: 0 15px; }
.other_img_01 { width:60% ; margin:15px auto;  }
.other_img_02 { width:90% ; }
.other_img_03 { width:60% ; }
.chubi img { width:60% !important; margin: 0 auto;}
#contentsBox #leftBox #lineup ul{ margin-bottom:10%;}
	}

	

/*===============================================
  画面の横幅が481px以上
===============================================*/
@media screen and (min-width: 481px){
	
body #contentsBox #atsuryoku_Box section { margin: 0 10px; overflow: hidden;}

#contentsBox #leftBox {width: 680px;}

#contentsBox #leftBox #lineup{ width:685px;}
#contentsBox #leftBox #lineup li{ margin-bottom:10px;}

#atsuryoku_Box { background-repeat:repeat-y; width:100%;}

section.point_box { position:relative; width:610px; }
p.recipe_img { width:100%;	display:table-cell;
	vertical-align: middle;}

div.left { float: left; width: 205px;display:table-cell; vertical-align: middle;}

div.right { float: right; margin: 15px; width: 380px; display:table-cell; vertical-align: middle;}
div.left p  { display: inline-block; text-align: left;}
div.right p { display: inline-block; text-align: left;}
div.right h3 { text-align:left !important;}

.recipe_box {
    background-color: #FFFFFF;
    margin: 10% 21px;
	text-align:center;
	border-radius: 15px;        /* CSS3草案 */  
    -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 15px;   /* Firefox用 */ 
}

body #contentsBox h3.other_title { padding-bottom:0; background-image: url("images/other_title_01_bg.gif"); background-repeat: repeat-x; margin: 15px 0; text-align: center;}

p.recipe_bn { margin: 0 auto;  width: 650px;}

}