@charset "Shift_JIS";

/*--------------------------------------------------*/

/* LAYOUT CSS


/*--------------------------------------------------*/

body  {
    margin:0; 
	padding:0;
	_overflow:hidden;
	border:0px;
	font-size:14px;
	color:#000000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	}

h1 {
 color:#000000;
 	font-size:19px ;
	font-weight:bold ;
layout-flow:vertical ;
	 }


h2 {
 color:#000000;
	font-size:19px ;
	font-weight:bold ;
layout-flow:vertical ;
	 }

.txts {
 color:#000000;
 	font-size:16px ;
layout-flow:vertical ;

	 }

.uline {
text-decoration:underline ;
	 }

.ph1 {
      float:left;
      margin-top:10px;
	 }

.ph2 {
      float:right;
      margin-top:10px;
	 }
	 
.PopupBg {
      background-image:url(../images/popup_bg.gif); 
	  background-repeat:repeat-y;
     }	
	 
.CloseBtn {
	margin:15px 14px 10px 447px;
     }
	 
.riso  {
      width:45px; 
	  text-align:left; 
	  margin-left:3px;
	  }
	  


/*--------------------------------------------------*/

/* Base

/*--------------------------------------------------*/



* {

	margin: 0;
	padding: 0;

}

html {

	overflow-y: scroll;

}

img {

	border: 0;

}

/*===pankuzu ==========================*/
.de_pankuzu {
	padding:5px 0px 5px 20px;
	font-size:10px;
	display: block;

}

/*=== 0. Division Size
=====================================*/

div#container {
	width: 890px;
	margin: 0 auto;
	background: #ffffff;
	text-align: left;
}


div#header,
div#wrapper,
div#footer {
	clear: both;
}


div#header,
div#footer {
	width: 850px;
}




/*=== 1. header
=====================================*/

div#header {
	position: relative;
}

div#header p {
	padding: 10px 0 0 20px;
}

div#header p.phone {
	display: inline;
	float:right;
	margin:-40px 20px 0 0;
}

div#header p.phone2 {
	display: inline;
	float:right;
	margin:-28px 20px 20px 0;
}

div#header h1 {
	display: inline;
	float: left;
	margin: 10px 0 0 20px;
}


div#header object,
div#header embed {
	visibility: hidden;
	height: 1px;
	width: 1px;
}

/*====== #config ====== */

div#header ul#config {
	display: inline;
	position: relative;
	float: right;
	margin: 0 20px 0;
	font-size: 0;
	line-height: 0;
}

div#header ul#config li {
	display: inline;
	width: auto;
	margin: 0 4px;
	font-size: 0;
	line-height: 0;
}

* html ul#config {
	width:425px;
	margin-right:0;
	padding-right:0;
	text-align: right;
}

*:first-child+html  ul#config {
	width:430px;
	margin-right:0;
	padding-right:0;
	text-align: right;
}


/*====== #localnav ======*/

div#header ul#localnav {
	clear: both;
	padding: 5px 0 0;
	background: url(../img/bg_ln_04.gif) no-repeat;
}


div#header ul.story#localnav {
	background: url(../img/bg_ln_05.gif) no-repeat;
}


div#header ul#localnav li {
	display: inline;
	float: left;
	line-height: 0;
}


/*====== #sectionnav ======*/

div#content-header ul#sectionnav {
	position: relative;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 850px;
	height: 25px;
	background: url(../img/bg_sn.gif) no-repeat;
	text-align: center;
}


div#content-header ul#sectionnav li {
	float: left;
	line-height: 0;
}




/*=== 1. content
=====================================*/
div#content-header ul#sectionnav {
	position: relative;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 850px;
	height: 25px;
	background: url(../img/bg_sn.gif) no-repeat;
	text-align: center;
}

/*=== 2. footer
=====================================*/

div#footer {
	padding: 50px 0 20px;
	text-align: center;
}


div#footer ul {
	margin: 0 0 8px;
	padding: 0 0 12px;
	text-align: center;
	background: url(../img/line_gray_01.gif) bottom repeat-x;
}


div#footer ul li {
	display: inline;
	padding: 0 4px 0 3px;
	border-right: 1px solid #666666;
	font-size: 12px;
}


div#footer ul li.last-item {
	display: inline;
	padding: 0 3px;
	border-right: 0;
}


div#footer ul.banners {
	margin: 0 80px 0 150px;
	padding: 0;
	background: none;
}


div#footer ul.banners li {
	display: block;
	float: left;
	border-right: 0;
	font-size: 87%;
	text-align: left;
}


div#footer ul.banners li#go-adobe {
	width: 330px;
}


div#footer ul.banners li#sunny-health,
div#footer ul.banners li#go-adobe {
	padding: 10px 0;
	font-size: 10px;
	color: #626262;
}

.sunny-health {
	padding: 10px 0;
	font-size: 10px;
	color: #626262;
}

div#footer ul.banners li#sunny-health img,
div#footer ul.banners li#go-adobe img {
	float: left;
	margin: 0 10px;
}


div#footer p {
	clear: both;
	padding: 1em 0 0;
	font-size: 87%;
	text-align: center;
}


div#footer p strong {
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
}


div#footer a {
	color: #666666;
}



/*=== 3. wrapper
=====================================*/

div#wrapper {
	position: relative;
	padding: 0 10px;
}



/*--- #content  ---*/

div#content {
	float: left;
	width: 640px;
}

/*--- acquaint-mail  ---*/

p.acquaint-mail {
	clear: both;
	margin: 25px 0 0;
	padding: 10px;
	background: #f8f6dc;
	text-align: center;
}


p.acquaint-mail a:link,
p.acquaint-mail a:visited,
p.acquaint-mail a:hover,
p.acquaint-mail a:active {
	/*padding: 0 0 0 28px;*/
	/*background: url(../img/icon_acquaint.gif) left no-repeat;*/
	color: #88a80d;
	font-weight: bold;
	text-decoration: none;
}

/*=== Opera hack ===*/

*+html:first-child p.acquaint-mail {
	padding: 10px;
}


/*=== 4. sidebar
=====================================*/

div#sidebar {
	float: right;
	width: 194px;
	margin: 0;
}




/*--------------------------------------------------*/

/* Etc.

/*--------------------------------------------------*/

.pdL3{
padding-left:3px;}


.pd5{padding:5px;}

.pdT5{padding-top:5px;}

.pdL5{padding-left:5px;}

.pdB5{padding-bottom:5px;}






.pd10{padding:10px;}

.pdT3{padding-top:3px;}
.pdT10{padding-top:10px;}
.pdT20{padding-top:20px;}

.pdB10{padding-bottom:10px;}

.pdL10{padding-left:10px;}

.mgT05{margin-top:5px;}
.mgT10{margin-top:10px;}
.mgT15{margin-top:15px;}
.mgT20{margin-top:20px;}
.mgT25{margin-top:25px;}

.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL22{margin-left:22px;}
.mgL25{margin-left:25px;}

.mgB05{margin-bottom:5px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB20{margin-bottom:20px;}
.mgB25{margin-bottom:25px;}
.mgB30{margin-bottom:30px;}
.mgB40{margin-bottom:40px;}
.mgB50{margin-bottom:50px;}

.pdB15{padding-bottom:15px;}





.pdL20{padding-left:20px;}





.pd25 {padding:25px;}


.ls1{letter-spacing:1px;}

.center {text-align:center;}

.right {text-align:right;}

.left {text-align:left;}

.cl {clear:both;}

.flL {float:left;}

.flR {float:right;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table{
	margin: 0px;
	padding: 0px;
}

/*Margin
--------------*/
.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}

/*top*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT15 {margin-top:15px;}
.mgT20 {margin-top:20px;}
.mgT25 {margin-top:25px;}
.mgT30 {margin-top:30px;}
.mgT40 {margin-top:40px;}

/*right*/
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}
.mgR25 {margin-right:25px;}
.mgR30 {margin-right:30px;}

/*bottom*/
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB25 {margin-bottom:25px;}
.mgB30 {margin-bottom:30px;}
.mgB35 {margin-bottom:35px;}
.mgB40 {margin-bottom:40px;}

/*left*/
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgL15 {margin-left:15px;}
.mgL20 {margin-left:20px;}
.mgL25 {margin-left:25px;}
.mgL30 {margin-left:30px;}


/*Padding
--------------*/
.pd5 {padding:5px;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}

/*top*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdT15 {padding-top:15px;}
.pdT20 {padding-top:20px;}
.pdT25 {padding-top:25px;}
.pdT30 {padding-top:30px;}

/*right*/
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR15 {padding-right:15px;}
.pdR20 {padding-right:20px;}
.pdR25 {padding-right:25px;}
.pdR30 {padding-right:30px;}

/*bottom*/
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB25 {padding-bottom:25px;}
.pdB30 {padding-bottom:30px;}

/*left*/
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdL15 {padding-left:15px;}
.pdL20 {padding-left:20px;}
.pdL25 {padding-left:25px;}
.pdL30 {padding-left:30px;}

.pink{
   color:#ff2084;
   }
.bold{
   font-weight:bold;
   }
.red{
   color:#ff0000;
   }


/*--------------------------------------------------*/



#corp{height:17px;margin-bottom:5px;}
#corp A:link{color:#ffffff;font-size:12px;text-decoration:none;}
#corp A:visited{color:#ffffff;font-size:12px;text-decoration:none;}
#corp A:hover{color:#ffffff;font-size:12px;text-decoration:underline;}
#corp A:active{color:#ffffff;font-size:12px;text-decoration:none;}
#copyright{margin-bottom:30px;}


#flow{font-size:10px;color:#262626}
#howto{font-size:12px;color:#262626;line-height:16px;}	



/*Line Up
---------------------------*/
#lineup {
	width:850px;
	margin:20px auto 20px auto;
	}
	
#lineup img {
	border:0;
	}

#lineup .mg0 {
	margin-bottom:0;
	}

#lineup div, #lineup p, #lineup ul,
#lineup dl, #lineup dd {
	margin:0;
	padding:0;
	}

#lineup ul {
	list-style:none;
	}
	
#lineup ul li,
#lineup dl dt,
#lineup dl dd  {
	line-height:0;
	}


#lineup ul li img,
#lineup dl dt img,
#lineup dl dd img  {
	vertical-align:top;
	}

.LupNavi {
	width:137px;
	float:left;
	line-height:0;
	font-size:0;
	}
	
.LupCon {
	width:713px;
	float:left;
	}

.LupNavi ul {
	background:url(../images/lineup_btn_bg.gif) repeat-y;
	}
	
.LupNavi ul li {
	margin:0 0 0 10px;
	padding:0;
	}
	
.LupNavi ul li.mgB {
	margin-bottom:6px;
	}
	
#lineup .btm {
	clear:both;
	}
	
.LupCon .boxL {
	float:left;
	}
	
.LupCon .boxR {
	float:right;
	}
	
#hot, #ice, #soup,
#serial, #riso, #eiyo {
	clear:both;
	}
	
#eiyo .LupCon ul.boxR {
	width:456px;
	}
	
#hot .Bg {
	background:url(../images/lineup_hot_btm.gif) no-repeat bottom;
	padding-bottom:16px;
	}
	
#ice .Bg {
	background:url(../images/lineup_ice_btm.gif) no-repeat bottom;
	padding-bottom:16px;
	}
	
#soup .Bg {
	background:url(../images/lineup_soup_btm.gif) no-repeat bottom;
	padding-bottom:16px;
	}

#serial .Bg {
	background:url(../images/lineup_serial_btm.gif) no-repeat bottom;
	padding-bottom:16px;
	}

#riso .Bg {
	background:url(../images/lineup_riso_btm.gif) no-repeat bottom;
	padding-bottom:16px;
	}

#eiyo .Bg {
	background:url(../images/lineup_eiyo_btm.gif) no-repeat bottom;
	padding-bottom:16px;
	}



/*dietgp
---------------------------*/
#dietgp{width:850px;
margin-bottom:22px;
}

#dietgp div, #dietgp p, #dietgp ul,
#dietgp dl, #dietgp dd {
	margin:0;
	padding:0;
	}

/*setkounyu
---------------------------*/
#setkounyu{width:850px;
}

#setkounyu div, #setkounyu p, #setkounyu ul,
#setkounyu dl, #setkounyu dd {
	margin:0;
	padding:0;
	}

#setkounyu .martb_12_40{
	margin:12px 0 40px 0;
}

#setkounyu .martb_54_18{
	margin:54px 0 18px 0;
}

#setkounyu .marb_21{
	margin:0 0 21px 0;
}

#setkounyu .marb_84{
	margin:0 0 84px 0;
}

#setkounyu .marlr_132{
	margin:0 132px 0 132px;
}

#setkounyu .marlr_3{
	margin:0 3px 0 3px;
}

#setkounyu .box{
	margin:0 35px 5px 33px;
}

#setkounyu .txtred{
	padding:7px 0 7px 0;
	text-align:center;
	font-size:14px;
	color:#ff0000;
}

#setkounyu .txt01{
	margin:0 5px 3px 0;
	text-align:left;
	font-size:12px;
}



#setkounyu .kigen{
text-align:right;
background:url(../images/time.gif) no-repeat;
}

/*mdset
---------------------------*/
#mdset{width:820px;
	margin-top:1px;
	background-color:#f6eed9;
	}


#mdset div, #mdset p, #mdset ul,
#mdset dl, #mdset dd {
	margin:0;
	padding:0;
	}
	
#mdset .leftbox{
	width:405px;
	margin:8px 6px 0px 2px;
}	

#mdset .rightbox{
	width:405px;
	margin:8px 2px 0px 0px;
}

#mdset .linktext{
	text-align:right;
	font-size:12px;
	margin:5px 5px 10px 0px;
}

#mdset_smalltxt{width:375px;
	padding:3px 30px 18px 415px;
	text-align:left;
}

/*supple
---------------------------*/
.supple_txt{
	padding:10px 0 0 10px;
	line-height:1.5em;
	font-size:13px;
	text-align:left;
}
.fc01{color:#8AC024;}
.fc02{color:#FF0000;}
.fb{font-weight:bold;}
.fs10{font-size:10px;}
.supple_txt2{
	line-height:1.8em;
	padding:15px 0 5px 20px;
	text-align:left;
}


/*dietset
---------------------------*/
#dietset_smalltxt{
	margin:3px 0px 3px 480px;
	text-align:left;
	}
	
.dietset_mart_2{
margin-top:2px;
	}

/*text
---------------------------*/
.textbrown{
	font-size:11px;
	color:#663f2a;
	margin:0;
	padding:0;
}
.textgray{
	font-size:11px;
	color:#999999;
	margin: 3px 0px 0px;
	padding:0;
}


/*clearfix*/
.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
	}

/*for win ie*/
.clearfix {
	zoom:1;
	}	

.line{
  border:#895f4d 2px solid;
  }


/*shinrai
---------------------------*/
#shinrai {
	width:820px;
	text-align:left;
	background-image:url(../images/shinrai_bg.gif);
	}
	
#shinrai div, #shinrai p, #shinrai ul,
#shinrai dl, #shinrai dd {
	margin:0;
	padding:0;
	}
	
	
/*slim_footer
----------------------------------------------------------*/
.slim_footer_buy{
	text-align:left;
	font-size:12px;
	line-height:1.5em;
	margin:0px 0px 20px 0px;
}
.slim_footer_buy dd{
	padding-left:2em;
	text-indent:-0.5em;
	line-height:1.5em;
}
.slim_footer_buy p{font-weight:bold;}

/*infoarea
---------------------------*/
#infoarea{
	font-size:12px;
	line-height:17px;
	text-align:left;
	width: 810px;
	margin: 20px auto;
}
.companybox{
	margin:20px 10px;
}

.pay{ width:385px;}

.pay_ttl{
	height:25px;
	background:#feeba8;
	color:#534433;
	font-weight: bold;
	line-height: 24px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.mark{float:left;padding-right:5px;width:10px;}
.atten{
	width:770px;
	float:right;
}

.pay_maru{
	width:370px;
	float:right;
}
#infoarea .both{ clear:both;}



	
/*0528-setkounyu
---------------------------*/
#howTxt{font-size:10px;line-height:15px;text-align:center;}
.dietCourse{background:url(../images/09jan_howlose04.gif) top center repeat-y;margin:0;padding:0;}
#five-txt {margin:5px 10px 0 0;font-size:10px;line-height:15px; color: #000000;}
#choise-txt {margin:0 30px 0 0;font-size:10px;line-height:15px; color: #000000;}
.box{ margin:0 0 10px 10px;}


#inteframe{width:818px;
border-left:solid 1px #333333;
border-right:solid 1px #333333;
border-bottom:solid 1px #000000;
margin:0 auto;
background:#fbf8eb;
}
.movie{width:406px;
height:340px;
text-align:center;
margin:0 auto 30px auto;
vertical-align:top;
background:url(../images/interview_img_03.gif) no-repeat top;
padding:15px 10px;
}
.movtxt{line-height:15px; color:#000000;}

/*　右カラム用
-----------------*/

.rgt_cpt {
	background:url(../images/debut_rgtc_cptbg.gif);
	border:#D9D495 solid 1px;
	border-left:#4F2218 solid 3px;
	padding:3px;
	margin:0 0 5px 0;
	text-align:left;
	color:#4F2218;
}