@charset "UTF-8";

/*--- common ---*/
@import url(../../../../cmn/css/common.css);

/*============================================================================
style_mgzn_vol1 style
============================================================================*/

/*--- mgzn common ---*/
.contentbox {
position:relative;
width:910px;
}

.contentbox h1{
height:74px;
margin-bottom:18px;
width:910px;
}

.contentbox .indexl-link1{
height:23px;
right:0;
position:absolute;
top:42px;
width:105px;
}

.contentbox h2{
height:304px;
margin-bottom:22px;
width:910px;
}

.contentbox h3{
height:62px;
margin-bottom:20px;
width:910px;
}

.contentbox .notes{
overflow:hidden;
}

.contentbox .notes dl{	
}


.contentbox .notes .attention{
color:#66524B;
}

.contentbox .notes span.attention{
font-weight:bold;
}

.contentbox .notes p.attention{
font-size:91%;/*12→11*/
margin-bottom:20px;
padding-left:45px;
width:395px;
}

.contentbox .notes p.attention span{
font-weight:bold;
}

.contentbox .inner_type1{
overflow:hidden;
width:890px;
}

.contentbox .inner_type1 .notes{
float:left;
width:440px;
}

.contentbox .inner_type1 dl{
overflow:hidden;
margin-bottom:20px;
width:440px;
}

.contentbox .inner_type1 dl dt{
float:left;
height:20px;
width:35px;
}

.contentbox .inner_type1 dl dd{
float:right;
width:395px;
}

.contentbox .inner_type1 .img{
height:355px;
float:right;
padding-bottom:30px;
width:410px;
}

.contentbox .inner_type2{
overflow:hidden;
padding-left:18px;
width:890px;
}

.contentbox .inner_type2 .notes{
float:right;
width:440px;
}

.contentbox .inner_type2 dl{
overflow:hidden;
margin-bottom:20px;
width:440px;
}

.contentbox .inner_type2 dl dt{
float:left;
height:25px;
width:35px;
}

.contentbox .inner_type2 dl dd{
float:right;
width:395px;
}

.contentbox .inner_type2 .img{
height:355px;
float:left;
padding-bottom:30px;
width:410px;
}

.contentbox .bottom-area{
background:url(../../img/border_02.gif) 0 100% no-repeat;
height:auto;
_height:26px;
min-height:26px;
position:relative;
padding-bottom:25px;
}


.contentbox p.pager {
line-height:26px;
overflow:hidden;
text-align:center;
margin-top:0;
}

.contentbox p.pager span {
margin-right:0;
padding-right:0;
border-right:none;
}

.contentbox p.pager span.next{
background:url(../../img/arrow_01.gif) 0 52% no-repeat;
border-right:none;
margin-right:0;
margin-left:20px;
padding-left:18px;
padding-right:0;
}

.contentbox p.pager span.next-no{
background:url(../../img/arrow_02.gif) 0 52% no-repeat;
border-right:none;
color:#CCC;
margin-right:0;
margin-left:20px;
padding-left:18px;
padding-right:0;
}

.contentbox p.pager span.prev{
background:url(../../img/arrow_03.gif) 0 52% no-repeat;
border-right:none;
margin-right:26px;
padding-left:18px;
padding-right:0;
}


.contentbox p.pager span.prev-no{
background:url(../../img/arrow_04.gif) 0 52% no-repeat;
border-right:none;
color:#CCC;
margin-right:26px;
padding-left:18px;
padding-right:0;
}


.contentbox .indexl-link2{
height:26px;
right:0;
position:absolute;
top:0;
width:223px;
}


/*============================================================================
mgzn index1 
============================================================================*/

/*profile*/
#index1 .contentbox #profile{
background:url(../../img/border_01.gif) 0 0 no-repeat;
margin-bottom:18px;
width:910px;
}

#index1 .contentbox #profile .inner{
background:url(../../img/border_01.gif) 0 100% no-repeat;
overflow:hidden;
padding:15px 6px;
width:898px;
}

#index1 .contentbox #profile #prof1{
background:url(../../img/mark_x.gif) 100% 50% no-repeat;
float:left;
overflow:hidden;
padding-right:57px;
width:415px;
}

#index1 .contentbox #profile #prof1 .notes{
float:right;
width:300px;
}

#index1 .contentbox #profile #prof1 .img{
float:left;
height:120px;
width:98px;
}

#index1 .contentbox #profile #prof2{
float:right;
overflow:hidden;
width:400px;
}

#index1 .contentbox #profile #prof2 .notes{
float:left;
width:290px;
}

#index1 .contentbox #profile #prof2 .img{
float:right;
height:120px;
width:98px;
}

#index1 .contentbox #profile .notes dl{
margin-bottom:8px;
}

#index1 .contentbox #profile .notes dl dt{
font-weight:bold;
margin-bottom:5px;
}

#index1 .contentbox #profile .notes dl dt span{
font-size:83%;/*12→10*/
font-weight:normal;
}

#index1 .contentbox #profile .notes dl dd{
font-size:83%;/*12→10*/
}

#index1 .contentbox #profile .notes p{
font-size:83%;/*12→10*/
}

/*intro*/
#index1 .contentbox #intro{
background:#F2F0E8 url(../../img/bg_intro.gif) 0 0 no-repeat;
margin-bottom:25px;
width:910px;
}

#index1 .contentbox #intro p{
background:url(../../img/bottom_intro.gif) 0 100% no-repeat;
padding:20px 300px 20px 20px;
width:590px;
}

#index1 .contentbox #intro p  span{
color:#666;
}

/*============================================================================
mgzn index3 
============================================================================*/

/*intro*/
#index3 #intro{
background:url(../img/p3_bg_intro.gif) 100% 0 no-repeat;
height:auto;
_height:129px;
min-height:129px;
margin-bottom:33px;
overflow:hidden;
width:910px;
}

#index3 #intro p{
line-height:1.7;
width:490px;
}

/*recipe*/
#index3 .recipe {
overflow:hidden;
margin-bottom:40px;
width:910px;
}

#index3 .recipe h3{
margin-bottom:30px;
}

#index3 .recipe .img{
height:333px;
float:left;
margin-bottom:25px;
width:483px;
}

#index3 .recipe #cooking{
float:right;
width:389px;
}

#index3 .recipe #cooking h4{
height:28px;
margin-bottom:15px;
width:389px;
}

#index3 .recipe #cooking dl{
margin-bottom:13px;
overflow:hidden;
zoom:1;
}

#index3 .recipe #cooking dl dt{
color:#C51363;
float:left;
width:20px;
}

#index3 .recipe #cooking dl dd{
float:right;
width:368px;
}

#index3 .recipe #cooking p{
margin-bottom:20px;
}

/*material*/
#index3 .recipe #material{
background:#FFF1F1;
float:left;
width:483px;
}

#index3 .recipe #material .inner{
overflow:hidden;
padding:16px 22px 12px 22px;
zoom:1;
}

#index3 .recipe #material .inner ul.m1{
float:left;
width:193px;
}

#index3 .recipe #material .inner ul.m2{
float:right;
width:226px;
}

#index3 .recipe #material .inner ul li{
	margin-bottom:4px;
}

#index3 .recipe #material .inner ul li.notes{
padding:5px 0 10px 0;
}

/*nextmgzn*/
#index3 .recipe #nextmgzn{
background:url(../../img/inner_nextmgzn.gif) 0 0 repeat-y;
float:right;
overflow:hidden;
width:389px;
}

#index3 .recipe #nextmgzn .inner{
background:url(../../img/bottom_nextmgzn.gif) 0 100% no-repeat;
padding:8px 18px 10px 18px;
}

#index3 .recipe #nextmgzn p{
margin-bottom:8px;
}


#index3 .recipe #nextmgzn p.nextvol-link-no{
background:url(../../img/arrow_02.gif) 100% 50% no-repeat;
color:#CCC;
margin-bottom:0;
text-align:right;
padding-right:18px;
}

#index3 .recipe #nextmgzn p.nextvol-link{
background:url(../../img/arrow_01.gif) 100% 50% no-repeat;
color:#CCC;
margin-bottom:0;
text-align:right;
padding-right:18px;
}