@charset "UTF-8";
/*healthcare*/

*{
margin:0;
padding:0;
}
body{
background:#fff;
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro","segoe UI","メイリオ",Meiryo,"MS PGothic",sans-serif;
color:#666;
font-size:100%;
line-height:175%;
}
ul,dl{
list-style-type:none;
}

header{
border-top:5px solid #f7c3c2;
border-bottom:1px solid #c9c9c9;
background-image: -webkit-linear-gradient(90deg, #e8e8e8 0%, #ffffff 56%);
background-image: -moz-linear-gradient(90deg, #e8e8e8 0%, #ffffff 56%);
background-image: -o-linear-gradient(90deg, #e8e8e8 0%, #ffffff 56%);
background-image: linear-gradient(0deg, #e8e8e8 0%, #ffffff 56%);
overflow:hidden;
margin:0 0 40px 0;
width:100%; 
}
header section{
width:900px;
margin:0 auto;
}
header section p{
float:left;
}
header section p img{
margin:43px 0 0 0;
}
header section p.copy{
float:right;
margin:50px 5px;
width: 530px;
line-height:140%;
}

#main{
clear:both;
width:900px;
margin:0 auto;
text-align:left;
}

footer{
clear:both;
padding:20px 0;
text-align:right;
font-size:88%;
line-height:1.0em;
}
footer span{
font-family:Arial;
}

/*------------------inside page-----------------------*/

#title{
background-image:
url("../img/cocokara.gif"), 
url("../img/bg-midashi01.gif");
background-repeat:
no-repeat,
repeat-x;
background-position:
left top,
bottom;
height:100px;
padding:9px 0 0 120px;
margin:0 0 30px 0;
}
#title h1{
font-weight:normal;
color: #e9546b;
font-size:190%;
margin:0 0 13px 0;
line-height:100%;
}
#title h2{
font-weight:normal;
font-size:190%;
line-height:100%;
}
.intro{
margin:0 40px;
}

.chapter{
clear:both;
overflow:hidden;
padding:30px 0 0;
}
.chapter:first-of-type{
background: transparent url("../img/bg-midashi02.gif") repeat-x bottom;
}
.chapter:nth-of-type(2){
margin:0 0 50px;
}
.chapter .illust{
float:left;
width:340px;
padding:0 0 30px 10px;
}
.chapter .illust p{
font-size:87%;
line-height:120%;
width:300px;
}
.chapter .txt{
width:530px;
float:right;
}
.chapter h2{
background: transparent url("../img/check.gif") no-repeat left 20px;
font-size:175%;
min-height:60px;
padding:20px 0 0 60px;
margin:0 0 10px;
}
.chapter h3{
background-color: #f1eae4;
padding:20px;
color: #8f5400;
font-size:150%;
font-weight:normal;
}
.chapter .txt p{
padding:40px 20px;
}

#column{
clear:both;
border-radius: 10px;
background-color: #f1eae4;
padding:20px;
margin:0 0 80px;
}
#column h2{
text-align:center;
margin:10px 0 30px 0;
}

/* リード文章用に追加 */
#column p{
margin-bottom:20px;
}

#column div{
border-radius: 10px;
background: #fff;
padding:20px 20px;
overflow:hidden;
}

#column .illust{
margin:0 auto;
text-align:center;
}

#column .illust picture{
display:inline-block;
margin:0 10px 20px 10px;
}

/* 注記を追加 */
#column p.note {
	padding:5px 25px;
	font-size:90%; 
	line-height:140%;
}

#recipe{
clear:both;
border-radius: 10px;
background-color: #d1e2ca;
padding:20px;
}
#recipe .inside{
border-radius: 10px;
background-color: #fff;
padding:20px;
overflow:hidden;
}
#recipe .inside h2{
float:left;
margin:0 15px 30px 0;
}
#recipe .inside .intro-recipe{
line-height:150%;
}

#recipe h3:nth-of-type(1){
clear:both;
border:6px solid #bad5f0;
border-width:0 0 6px 0;
text-align:center;
font-size:150%;
padding:0 0 8px 0;
margin:0 0 20px;
}
#recipe h3:nth-of-type(2){
clear:both;
text-align:center;
font-size:150%;
height:37px;
padding:0 0 13px 0;
margin:0 0 20px;
background-image:
url("../img/bg-midashi03.gif"), 
url("../img/pickup.gif");
background-repeat:
no-repeat,
no-repeat;
background-position:
bottom,
left top;
}

#recipe .menu .photo{
float:left;
margin:0 30px 0 0;
line-height:120%;
font-size:88%;
}
#recipe .menu{
overflow:hidden;
padding:0 30px 50px;
font-size:93%;
}
#recipe .menu h4{
margin:30px 0 15px 0;
background: transparent url("../img/bg-midashi04.gif") no-repeat left bottom;
height:33px;
float:left;
width:420px;
padding:0 0 0 10px;
}
#recipe .menu p{
float:left;
width:430px;
}
#recipe .menu .photo p{
padding:10px 0 0;
float:none;
width:auto;
}
#recipe .recipe{
padding:0 30px;
font-size:93%;
line-height:150%;
}
#recipe .recipe h4{
padding:0 0 15px 10px;
background: transparent url("../img/bg-midashi04.gif") no-repeat left center;
}
#recipe .recipe h4 span{
font-weight:normal;
}
#recipe .recipe .photo{
float:right;
margin:0 0 15px 0;
line-height:120%;
}
#recipe .recipe .photo p{
font-size:88%;
padding:6px 0 0 190px;
line-height:120%;
}

#recipe .recipe ol{
clear:both;
list-style-type:none;
margin:0 0 15px 0;
}

#recipe .recipe ol li{
padding:0 0 15px 30px;
background-image: url("../img/1.gif");
background-position:left 3px;
background-repeat:no-repeat;
background-size:20px 20px;
}
#recipe .recipe ol li:nth-child(2){
background-image: url("../img/2.gif");
}
#recipe .recipe ol li:nth-child(3){
background-image: url("../img/3.gif");
}
#recipe .recipe ol li:nth-child(4){
background-image: url("../img/4.gif");
}
#recipe .recipe ol li:nth-child(5){
background-image: url("../img/5.gif");
}
#recipe .recipe ol li:nth-child(6){
background-image: url("../img/6.gif");
}

#recipe .vegi{
clear:both;
border-radius: 10px;
border:1px solid #c7ab94;

}
#recipe .vegi div.in{
padding:15px 15px 15px 187px;
background:transparent url("../img/ttl-vegi.gif") no-repeat 36px 15px;
overflow:hidden;
}
#recipe .vegi picture{
float:left;
margin:0 10px 0 0;
}
#recipe .vegi h3{
text-align:left;
border:none;
padding:20px 0 0;
margin:0 0 10px 0;
font-size:112%;
width:400px;
float:left;
clear:none;
}
#recipe .vegi p{
font-size:88%;
width:470px;
float:left;
}