@charset "utf-8";

html body{
	color:#767676;
	/*color:#86898;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	font-size:0.8em;
	line-height:2.5em;
	background:#F5AFC8;

}


a:link{color:#007ba3;text-decoration: none}
a:visited{color:#007ba3;text-decoration: none}
a:hover{color:#007ba3;text-decoration: underline}
a:active{color:#007ba3;text-decoration: underline}




div#noscript {
	width:			900px;
	margin:			20px auto;
	padding:		10px 10px;
	background:		#eee;
	border:			1px solid #ddd;
	text-align:		center;
	color:#f00;
}

.error {
	background:#ff6699;
	padding: 20px;
	text-align:center;
}


div#header {
	width:960px;
	margin:0 auto;
	/*background:#fff;*/
	position:relative;

}

h1 {
	color:#BE1D51;
	float:left;
}

h2 {
	margin:0 0 30px 30px;
}

#social_btn {
	margin:10px 27px 0 0;
	float:right;
}

*:first-child+html #head_rogo {
	margin:10px 0 0 27px;
}

/*************nav******************/

ul#menu {
	margin:0 0 0 20px;
	/*padding:0;*/
}

ul#menu li {


}

ul#menu li a {
	display:block;
}

ul#menu li.nav1 {
	margin:0 0 10px 0;
	text-indent:-9999px;

}

ul#menu li.nav1 a {
	width:193px;
	height:31px;
	background:url(../imgs/nav_1.gif) no-repeat top;
}

ul#menu li.nav1 a:hover {
		background-position: 0 -31px;
}

ul#menu li.nav2 {
	margin:0 0 10px 0;
	text-indent:-9999px;

}

ul#menu li.nav2 a {
	width:193px;
	height:31px;
	background:url(../imgs/nav_2.gif) no-repeat top;
}

ul#menu li.nav2 a:hover {
		background-position: 0 -31px;
}

ul#menu li.nav3 {
	margin:0 0 5px 0;
	text-indent:-9999px;

}

ul#menu li.nav3 a {
	width:165px;
	height:31px;
	background:url(../imgs/nav_3.gif) no-repeat center top;
}

ul#menu li.nav3 a:hover {
		background-position: 0 -31px;
}


ul#menu li.nav4 {
	text-indent:-9999px;
	margin:0 0 0 60px;

}

ul#menu li.nav4 a {
	width:118px;
	height:20px;
	background:url(../imgs/nav_4.gif) no-repeat center top;
}

ul#menu li.nav4 a:hover {
	background-position: 0 -20px;
}


ul#menu li.nav5 {
	text-indent:-9999px;
	margin:0 0 0 60px;

}

ul#menu li.nav5 a {
	width:137px;
	height:20px;
	background:url(../imgs/nav_5.gif) no-repeat center top;
}

ul#menu li.nav5 a:hover {
	background-position: 0 -20px;
	}


ul#menu li.nav6 {
	margin:10px 0 5px 0;
	text-indent:-9999px;

}

ul#menu li.nav6 a {
	width:106px;
	height:31px;
	background:url(../imgs/nav_6.gif) no-repeat top;
}

ul#menu li.nav6 a:hover {
		background-position: 0 -31px;
}


ul#menu li.nav7 {
	margin:0 0 0 60px;
	text-indent:-9999px;

}

ul#menu li.nav7 a {
	width:100px;
	height:20px;
	background:url(../imgs/nav_7.gif) no-repeat top;
}

ul#menu li.nav7 a:hover {
	background-position: 0 -20px;
}


ul#menu li.nav8 {
	margin:0 0 0 60px;
	text-indent:-9999px;

}

ul#menu li.nav8 a {
	width:80px;
	height:20px;
	background:url(../imgs/nav_8.gif) no-repeat top;
}

ul#menu li.nav8 a:hover {
		background-position: 0 -20px;
}


ul#menu li.nav9 {
	margin:10px 0 10px 0;
	text-indent:-9999px;

}

ul#menu li.nav9 a {
	width:125px;
	height:31px;
	background:url(../imgs/nav_9.gif) no-repeat top;
}

ul#menu li.nav9 a:hover {
	background-position: 0 -31px;
}

ul#menu li.nav10 {
	margin:0 0 10px 0;
	text-indent:-9999px;

}

ul#menu li.nav10 a {
	width:167px;
	height:31px;
	background:url(../imgs/nav_10.gif) no-repeat top;
}

ul#menu li.nav10 a:hover {
	background-position: 0 -31px;
}

ul#menu li.nav11 {
	text-indent:-9999px;
	margin:0 0 0 60px;

}

ul#menu li.nav11 a {
	width:131px;
	height:20px;
	background:url(../imgs/nav_11.gif) no-repeat center top;
}

ul#menu li.nav11 a:hover {
	background-position: 0 -20px;
}


.leafBnr {
	width:266px;
	height:91x;
	background:#CCFF00;
	/*text-indent:-9999px;*/

}

.bnr {
	margin: 0 0 0 20px;
}


/*******************************/



div#keyvisual {
	width:960px;
	margin:0 auto 30px auto;
	background:url(../imgs/main_bg.gif) repeat-y top;
	position:relative;

}

div#topkeyvisual  {
	width:960px;
	height:20px;
	background:url(../imgs/main_circle_bg_t.gif) no-repeat top;

}


div#bottomkeyvisual  {
	width:960px;
	height:20px;
	background:url(../imgs/main_circle_bg_b.gif) no-repeat top;

}

div#slider {
	float:left;
	width:600px;

	background:#0033CC;

}

div#socialBnr {
	float:left;
	width:300px;

}


div#content {
	width:960px;
	margin:0 auto;
	position:relative;

}

div#leftContents {
	float:left;
	position:relative;
	width:300px;

}

div.topleftContents {
	width:300px;
	height:20px;
	background:url(../imgs/left_circle_bg_t.gif) repeat-y top;
}

div.mainleftContents {
	width:300px;
	background:url(../imgs/left_bg.gif) repeat-y top;

}

div.bottomleftContents {
	width:300px;
	height:20px;
	background:url(../imgs/left_circle_bg_b.gif) repeat-y top;


}


div#rightContents {
	float:left;
	width:630px;
	margin:0 0 0 30px;

}

div.topRightContents {
	width:630px;
	height:20px;
	background:url(../imgs/right_circle_bg_t.gif) repeat-y top;
}

div.mainRightContents {
	width:630px;
	background:url(../imgs/right_bg.gif) repeat-y top;

	/*height:400px;*/

}

div.mainRightContents2 {
	width:570px;
	margin:0 0 0 30px;
	background:url(../imgs/right_bg.gif) repeat-y top;

	/*height:400px;*/

}


.city {
	width:570px;
	margin:20px 0 0 0;
	border-bottom:1px solid #F5AFC8;
}

.shop {
	margin:10px 0 0 0;

}

.shop td {
    border: 1px dotted #CECECE;
    padding: 0 10px;
}

.buyLink {
	clear:both;
	text-align:right;

}

.using {
	width:285px;

}

.recipe {
	padding:20px 0 0 0;

}

.recipe dl {
	width:275px;
	float:left;
}

.recipe dd {
	line-height:1.5em;
	padding:0 0 20px 0;

}

.explain {
    background: none repeat scroll 0 0 #ffe0eb;
    font-weight: bold;
	text-align:center;
}



/***************ichijikubijin*********************/

#explanationBijin {
	float:right;
	width:451px;

}

/***************************/




/***************ichijikusouce*********************/

#explanationSouce {
	float:right;
	width:473px;

}

/***************************/

/***************dryichijiku*********************/

#explanationdry {
	float:right;
	width:400px;

}

/***************************/




/****************order*********************/

.order {


}

.order dt {
	width:135px;
	font-weight: bold;
	
}


.order dd {
	width:435px;
}

.policy td {
    border: 1px dotted #CECECE;
    padding: 0 10px;

}



/*******************************************/



/*****************online**********************/


#online {
	margin:0 0 10px 0;

}


/**************************************/

/******************customer*****************************/


#customer {
	padding:40px 0 20px 0;
	/*margin:0 0 20px 0;
	border-bottom:1px solid #F5AFC8;*/

}



/***********************************************/


/*************company********************/

.company td {
    border: 1px dotted #CECECE;
    padding: 0 10px;
}

/*******************************/





div.bottomRightContents {
	width:630px;
	height:20px;
	margin:0 0 30px 0;
	background:url(../imgs/right_circle_bg_b.gif) repeat-y top;


}



div#footer {
	clear:both;
	width:960px;
	margin:0 auto;
	position:relative;

}

.radius_1 {
	width:960px;
	height:22px;
	margin:5px auto 0 auto;
	background:url(../imgs/circle_1.gif) no-repeat top;
	position:relative;
}

.radius_2 {
	width:960px;
	height:24px;
	margin:0 auto 10px auto;
	background:url(../imgs/circle_2.gif) no-repeat top;
	position:relative;

}

address {
	padding:0 10px 30px 0;
	color:#BE1D51;
	text-align:right;
	
}


/****************table*******************/



table td {
    border: 1px solid #CECECE;
    padding: 0 10px;
}

.gray {
	background:#F2F2F2;
}




/**********************common********************************/

.productName {
	margin:0 0 0 30px;
}

.floatL {
	float:left;
}

.floatR {
	float:right;
}

.pink {
	color:#d3245e;
}

.paddingV20 {
	padding:20px 0;

}

.paddingV40 {
	padding:40px 0;

}


.padding20 {
	padding:0 20px 30px 20px;

}

.paddingB10 {
	padding-bottom:10px;

}

.paddingB20 {
	padding-bottom:20px;

}

.marginR30 {
	margin-right:30px;

}

.margin20 {
	margin:20px 0;

}

.marginB10 {
	margin-bottom:10px;

}

.marginB20 {
	margin-bottom:20px;

}

.marginT20 {
	margin-top:20px;

}

.marginT40 {
	margin-top:40px;

}


.marginR20 {
	margin-right:20px;

}


.alignLeft {
	text-align:left;

}

.alignRight {
	text-align:right;

}

.center {
	text-align:center;

}

.bold {
	font-weight: bold;

}

.borderP {
	border-bottom:1px solid #F5AFC8;

}

address{
	color:#BE1D51;

}