@charset "utf-8";

body {
	margin:0; 
	padding:0;
	color:#333;
	background:#fff;
	text-align:center;
	line-height:20px;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Univers,Verdana,Arial, sans-serif;
}
			 
			 
h1,h2,h3,h4,h5 {
   margin:0;
		}
		 
hr {
   margin:0;
   padding:0;
   display:none;
		}

p { 
   margin:0;
   padding:0;
		}

dl,dt,dd,ul,ol,td {
   margin:0;
   padding:0;
		}
		
th {
   margin:0;
   padding:0;
   text-align:left;
		}

li {
   margin:0;
   padding:0;
	list-style:none;
		}
		 
img {
   border:0;
		}

form {
   margin:0;
   padding:0;
	display:block;
		}
			 
input,select,option {
   margin:0;
   padding:0;
   vertical-align: middle;
		}
	
		
.clear { 
   clear: both; 
   } 
	
/* clearfix ---------- */

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display:inline-block;
}
/*\*/
* html .clearfix {
 height: 1%;
}

.clearfix {
 display: block;
}
/**/



/* iepngfix ---------- */

img, div { behavior: url(/shared/js/iepngfix.htc) };


/* text ---------- */

html>/**/body { font-size: 16px; line-height: normal; } /* except Win IE */

.txt10 { font-size: 0.625em; line-height: 1.3em; } * html .txt10 { font-size: 0.63em; } /* Hack for IE */
.txt10w { font-size: 0.625em; line-height: 1.6em; } * html .txt10w { font-size: 0.63em; } /* Hack for IE */
.txt12 { font-size: 0.75em; line-height: 1.5em; } * html .txt12 { font-size: 0.75em; line-height: 1.5em; }  /* Hack for IE */
.txt12w { font-size: 0.75em; line-height: 1.75em; } * html .txt12w { font-size: 0.75em; line-height: 1.75em; }  /* Hack for IE */
.txt14 { font-size: 0.875em; line-height: 1.286em; } * html .txt14 { font-size: 0.88em; } /* Hack for IE */
.txt14w { font-size: 0.875em; line-height: 1.875em; } * html .txt14w { font-size: 0.88em; line-height: 1.88em; } /* Hack for IE */
.txt16 { font-size: 1em; line-height: 1.25em; } * html .txt16 { font-size: 1em; line-height: 1.25em; }  /* Hack for IE */
.txt18 { font-size: 1.125em; line-height: 1.167em; } * html .txt18 { font-size: 1.13em; } /* Hack for IE */
.txt24 { font-size: 1.45em; line-height: 1.167em; } * html .txt24 { font-size: 1.45em; } /* Hack for IE */

a:link {
   color:#333;
   text-decoration: underline;
		}
				 
a:visited {
   color:#333;
/*   text-decoration:none;*/
		}
						
a:hover {
    color:#666;
    text-decoration:none;
		 }
					
a:active { 
   color:#333;
   text-decoration: underline;
		}




/*header*/
		
#header {
   position:relative;
   width:100%;
   height:157px;
   background: #1e0e92 url(../img/bg_header.jpg) repeat-x center top;
   text-align:left;
   margin:0 0 25px 0;
   padding:0;
}

#header .ban{
	position:relative;
	width:960px;
	height:92px;
	background: #ccc;
	top:9px;
	margin: 0 auto;
	padding:2px 0 0 0;
	text-align:center;
}

#m-menu{
	position:absolute;
	top:112px;
	width:100%;
	height:45px;
	background: #1e0e92;
}

#m-menu .btn{
	width:960px;
	margin: 0 auto;
}

#m-menu h1{
	margin:0;
	padding:0;
}

#m-menu li{
	float:left;
	margin:0;
	padding:0;
}

#m-menu a{
	margin:0;
	padding:0;
}

#bread{
	font-size:10px;
	margin:0 0 20px 0;
}

#bread ul{
	list-style:none;
	height:20px;
}

#bread ul li{
	float:left;
	background:url(../img/bg_bread.gif) 0 50% no-repeat;
	height:20px;
	line-height:20px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#bread .start{
	padding:0;
	background:none;
}


/* top */
#t-menu{
	width:100%;
	height:45px;
	background: #1e0e92;
	margin:0 0 25px 0;
}

#t-menu .btn{
	width:960px;
	margin: 0 auto;
}

#t-menu h1{
	margin:0;
	padding:0;
}

#t-menu li{
	float:left;
	margin:0;
	padding:0;
}

#t-menu a{
	margin:0;
	padding:0;
}


.ban-top{
	width:728px;
	height:90px;
	float:left;
}

.ban-present{
	width:215px;
	height:90px;
	float:right;
	position:relative;
	background:url(../img/bg_present.jpg) no-repeat;
}

div.ban-present div.img{
	position:absolute;
	left:7px;
	top:7px;
}

div.ban-present div.txt{
	position:absolute;
	left:94px;
	top:51px;
	font-size:10px;
	color:#fff;
	width:110px;
	line-height:1.5em;
}


div.ban-present div.txt a{
	color:#fff;
}






/*contents*/

#container {
	width:958px;
	background-color: #fff;
	margin:0 auto;
	padding:0;
	text-align:left;
}


#contents {
	position:relative;
	width:958px;
	margin:0;
	padding:0;
}



/*main*/

#main{
	width:645px;
	float:left;
	margin:14px 0 0 0;
}

#topCategory {
	width:613px;
	height:96px;
	background:url(../img/bg_top_category.jpg) no-repeat;
	position:relative;
	margin:0 0 10px 0;
}

#topSearch {
	width:613px;
	height:97px;
	background:url(../img/bg_top_search.jpg) no-repeat;
	position:relative;
	font-size:10px;
	line-height:1em;
}

#topSearch div#nayami1 {
	position:absolute;
	left:110px;
	top:5px;
	width:435px;
}

*html #topSearch div#nayami1{
	left:105px;
	top:1px;
}
*:first-child+html #topSearch div#nayami1{
	left:105px;
	top:1px;
}

#topSearch div#nayami2 {
	position:absolute;
	left:110px;
	top:19px;
	width:435px;
}

*html #topSearch div#nayami2{
	left:105px;
	top:15px;
}
*:first-child+html #topSearch div#nayami2{
	left:105px;
	top:15px;
}


#topSearch div#seibun1 {
	position:absolute;
	left:110px;
	top:42px;
	width:435px;
}

*html #topSearch div#seibun1{
	left:105px;
	top:37px;
}
*:first-child+html #topSearch div#seibun1{
	left:105px;
	top:37px;
}

#topSearch div#seibun2 {
	position:absolute;
	left:110px;
	top:56px;
	width:435px;
}

*html #topSearch div#seibun2{
	left:105px;
	top:51px;
}
*:first-child+html #topSearch div#seibun2{
	left:105px;
	top:51px;
}

#topSearch div#cal1 {
	position:absolute;
	left:110px;
	top:80px;
	width:435px;
	
}

*html #topSearch div#cal1{
	left:105px;
	top:74px;
}
*:first-child+html #topSearch div#cal1{
	left:105px;
	top:74px;
}

#main li.table{
	list-style:none;
	float:left;
	margin:0 0 0 5px;
	font-size:10px;
	line-height:1em;
}

#main li.table-start{
	list-style:none;
	float:left;
	margin:0;
	font-size:10px;
	line-height:1em;
}
*html #main li.table{
	line-height:0px;
	margin:0;
	padding:0;
}

*html input {
	line-height:0;
	margin:0;
	padding:0;
}





.cntBox {
	border:#2814A2 2px solid;
	padding:14px;
	background:#EFF7FB;
}


.cntBoxB {
	border:#2814A2 2px solid;
	padding:14px;
	background:#EFF7FB;
}

.cntBoxB img {
	border:#ddd 1px solid;
	padding:0;
	margin:0;
}

.cntBoxS {
	border:#2814A2 2px solid;
	padding:14px;
	background:#EFF7FB;
	float:left;
	margin:0 13px 0 0;
}

.cntBoxS img {
	border:#ddd 1px solid;
	padding:0;
	margin:0;
}


#mirai{
	width:281px;
	height:243px;
	background:url(../img/img_top_02.jpg) no-repeat;
	border:#ddd 1px solid;
	position:relative;
}

#mirai a{
	color:#fff;
	text-decoration:underline;
}
#mirai a:hover{
	text-decoration:underline;
}
#mirai a.box{
	background:url(../img/img_top_02.jpg) no-repeat;
	width:281px;
	height:0;
	padding:243px 0 0 0;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}


#maronee{
	background:url(../img/img_top_08.jpg) no-repeat;
	width:172px;
	height:172px;
	border:#ddd 1px solid;
	position:relative;
}


#maronee a.box{
	background:url(../img/img_top_08.jpg) no-repeat;
	width:172px;
	height:0;
	position:absolute;
	top:0;
	left:0;
	padding:172px 0 0 0;
	display:block;
	overflow:hidden;
}
#maronee a{
	color:#333;
	text-decoration:underline;
}
#maronee a:hover{
	color:#333;
	text-decoration:underline;
}

h2.pickupRecipeTop {
	position:relative;
	height:158px;
	width:158px;
	background:url(../img/h2_pickup_recipe.jpg) no-repeat;
	margin:0 20px 0 0;
	float:left;
}

h2.pickupRecipeDesignTop {
	position:relative;
	height:158px;
	width:158px;
	background:url(../img/h2_pickup_design.jpg) no-repeat;
	margin:0 20px 0 0;
	float:left;
}


.pickupBox {
	width:134px;
	margin:0 19px 0 0;
	float:left;
	font-size:10px;
}

.pickupBox dl {
	width:134px;
}

.pickupBox dl dt {
	width:134px;
	height:134px;
	margin:0 0 5px 0;
}

.pickupBox dl dd  p.red {
	background:url(../img/arrow_red_s.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
	text-decoration:none;
}

.pickupBox dl dd  p.yellow {
	background:url(../img/arrow_yellow_s.gif) 0 50% no-repeat;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
	text-decoration:none;
}





/*side*/

#side{
	width:300px;
	float:right;
	margin:14px 0 0 0;
}

#newsBox{
	background:url(../img/bg_new_recipe.gif) no-repeat;
	width:253px;
	height:101px;
	margin:5px 0 0 0;
	font-size:10px;
	position:relative;
	padding:48px 0 0 15px;
}

#newsBox ul{
	list-style:none;
}

#newsBox ul li{
	background:url(../img/arrow_blue_s.gif) 0 50% no-repeat;
	line-height:18px;
	padding:0 0 0 12px;
	margin:0 4px 0 0;
}

#newsBox ul li span{
	color:#2814A2;
}


#sideShopping {
	background:#fff;
	font-size:11px;
	line-height:1.5em;
	padding:10px 15px 15px 15px;
}


#sideShopping .thumb{
	border:#ec1e79 2px solid;
}


#sideShopping li{
	background:url(../img/dot.gif) repeat-x top;
	padding:8px 0 0 0;
	margin:4px 0 0 0;
}

#sideShopping dl {
	margin:0 0 0 0;
	height:60px;
}

#sideShopping dt {
	width:60px;
	height:60px;
	float:left;
}

#sideShopping dd {
	margin-left:70px;
	text-align:left;
	display:table;
	vertical-align:middle;
	width:165px;
}







/*footer*/
#footer{
	width:100%;
	height:140px;
	background: #1e0e92;
	margin:20px 0 0 0;
	padding:30px 0 10px 0 ;
	color:#FFF;
	font-size:10px;
}

#footer_box{
	width:960px;
	margin:0 auto;
	height:140px;
	position:relative;
}

#f-menu{
	list-style:none;
}

#f-menu li.column{
	float:left;
	background:url(../img/dot_footer.gif) repeat-y right;
	padding:0 25px 0 0;
	margin:0 20px 0 0;
}
#f-menu li.last{
	background:none;
}

#f-menu li.column ul li{
	background:none;
	margin:0 0 0 0;
	padding:0 0 0 8px;
	text-align:left;
}

#f-menu li a:link{
	color:#FFF;
}

#f-menu li a:visited{
	color:#FFF;
}

#f-menu li a:hover{
	color:#FFF;
}
#copyright{
	position:absolute;
	height:1em;
	line-height:1em;
	bottom:6px;
	right:0px;
	font-style:normal;
}
#companyLogo{
	position:absolute;
	bottom:25px;
	right:0px;
}



@media print{body{zoom:70%;}}

@media print{*:first-child+html body{zoom:100%;}}