/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 12px;
	line-height: 22px;
}

body {
	color:#323232;
	background:url(../images/common/img_bg_01.jpg) repeat 0 0;
	font-family:"Hiragino Kaku Gothic Pro", "�q���M�m�p�S Pro W3", "���C���I", Meiryo, Verdana, "�l�r �o�S�V�b�N", "MS P Gothic", san-serif;
}

.pcnone {
	display:none;
}

.btnSP a {
	padding:60px 0 80px 0;
	display:block;
	font-size:60px;
	text-align:center;
	color:#ffffff;
	background-color:#33110a;	
}

span.spn {
	display:block;
	padding:5px 0 0 0;
}


div#Main dl dd p.pt {
	padding:6px 0 0 0;
}

div#Main dl dd p.pt a ,
div#Main td p.pt a {
	text-decoration:underline;
}

div#Main td p.pt {
	padding:6px 0 0 0;
	margin:0 0 0 10px;
}

ul {
	box-sizing: content-box;
}


/* font
===============================================================*/
a { 
	color:#323232;
	text-decoration:none;
}
 
a:visited {
	color:#323232;
	text-decoration:none;
}

a:hover {
	color:#323232;
	text-decoration: underline; 
}

a:active {
	color:#323232;
	text-decoration: underline; 
}

a.op:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/* Contents
===============================================================*/
div#AllBox{
	margin: 0px auto;	
}

div#Contents {
	width:980px;
	padding:36px 0 0 0;
	margin:0 auto;
}

div#Main {
	width:736px;
	float:right;
}

div#SideBar {
	width:210px;
	padding:0 0 40px 0;
	float:left;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	height:173px;
	background:url(../images/common/img_bg_02.jpg) no-repeat center top;
}

div#HeaderBox .header_inner {
	width:1018px;
	margin: 0px auto;
	position:relative;
}

div#HeaderBox .header_inner .logo a {
	display:block;
	width:210px;
	height:162px;
	text-indent:-9999px;
	background:url(../images/common/logo.jpg) no-repeat 0 0;
	position:absolute;
	top:34px;
	left:18px;
}

div#HeaderBox .header_inner .cartbtn a {
	display:block;
	width:210px;
	height:39px;
	text-indent:-9999px;
	background:url(../images/common/btn03.jpg) no-repeat 0 0;
	position:absolute;
	top:75px;
	left:666px;
}

div#HeaderBox .header_inner .cartbtn a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div#HeaderBox .header_inner .login {
	width:263px;
	position:absolute;
	top:86px;
	left:262px;
}

div#HeaderBox .header_inner .login .in a {
	display:none;
	width:81px;
	height:26px;
	text-indent:-9999px;
	background:url(../images/common/btn01.jpg) no-repeat 0 0;
	float:left;
}

div#HeaderBox .header_inner .login .in a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div#HeaderBox .header_inner .login .out a {
	display:block;
	width:81px;
	height:26px;
	text-indent:-9999px;
	background:url(../images/common/btn02.jpg) no-repeat 0 0;
	float:left;
}

div#HeaderBox .header_inner .login .out a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div#HeaderBox .header_inner .login p.txt {
	color:#ffffff;
	padding:2px 0 0 10px;
	float:left;
}

div#HeaderBox .header_inner .t {
	color:#ffffff;
	font-size:10px;
	line-height:16px;
	letter-spacing:-0.05em;
	position:absolute;
	top:32px;
	left:242px;
}

div#HeaderBox .menu ,
div#HeaderBox .close ,
div#HeaderBox .note ,
div#HeaderBox .sp_head_bg ,
div#HeaderBox .sp_head {
	display:none;
}




/* Navigation
===============================================================*/
div#Navigation {
	width:772px;
	position:absolute;
	top:123px;
	right:0;
}

div#Navigation li a {
	display:block;
	height:50px;
	text-indent:-9999px;
	float:left;
}

div#Navigation li.n01 a {
	width:59px;
	background:url(../images/common/nav.jpg) no-repeat 0 0;
}

div#Navigation li.n02 a {
	width:118px;
	background:url(../images/common/nav.jpg) no-repeat -59px 0;
}

div#Navigation li.n03 a {
	width:100px;
	background:url(../images/common/nav.jpg) no-repeat -177px 0;
}

div#Navigation li.n04 a {
	width:115px;
	background:url(../images/common/nav.jpg) no-repeat -277px 0;
}

div#Navigation li.n05 a {
	width:127px;
	background:url(../images/common/nav.jpg) no-repeat -392px 0;
}

div#Navigation li.n06 a {
	width:124px;
	background:url(../images/common/nav.jpg) no-repeat -519px 0;
}

div#Navigation li.n07 a {
	width:129px;
	background:url(../images/common/nav.jpg) no-repeat -643px 0;
}

div#Navigation_sp {
	display:none;
}

.nav_yoto {
	display:none;
	width:175px;
	position:absolute;
	top:173px;
	left:296px;
	padding:5px 0;
	background:url(../images/common/bg01.jpg) repeat 0 0;
}

.nav_yoto ul li a {
	display:block;
	color:#ffffff;
	padding:5px 8px 5px 30px;
	background:url(../images/common/ar04.jpg) no-repeat 16px 12px;
}

.nav_yoto ul li a:hover {
	color:#fdd33f;
	text-decoration:none;
	background:url(../images/common/ar05.jpg) no-repeat 16px 12px;
}




/* FooterBox
===============================================================*/
div#FooterBox {
	height:540px;
	background:url(../images/common/img_bg_03.jpg) no-repeat center top;
	position:relative;
}

div#FooterBox .footer_inner {
	width:980px;
	padding:79px 0 0 0;
	margin: 0px auto;
	position:relative;
}

div#FooterBox .footer_inner .box {
	width:308px;
	padding:0 28px 0 0;
	float:left;
}

div#FooterBox .footer_inner .box_c {
	padding:0 27px 0 0;
}

div#FooterBox .footer_inner .box_r {
	padding:0;
}

div#FooterBox .footer_inner .box h3 {
	margin:0 0 8px 0;
}

div#FooterBox .footer_inner .box .con {
	height:110px;
}

div#FooterBox .footer_inner .box .con p {
	color:#ffffff;
	padding:0 0 6px 0;
	line-height:17px;
}

div#FooterBox .footer_inner .box .con p a.ar {
	padding:0 0 0 10px;
	color:#ffffff;
	background:url(../images/common/ar02.jpg) no-repeat 0 50%;
}

div#FooterBox .footer_inner .box .con p strong {
	color:#fff721;
	font-weight:normal;
}

div#FooterBox .footer_inner .link{
	color:#ffffff;
	position:absolute;
	top:410px;
	left:0;
}
div#FooterBox .footer_inner .sp_link,
div#FooterBox .footer_inner .btnPC{
	display:none;
}

div#FooterBox .footer_inner .link a {
	color:#ffffff;
}

div#FooterBox .footer_inner .copy {
	color:#ffffff;
	font-size:10px;
	position:absolute;
	top:460px;
	right:0;
}

div#FooterBox .pagetop {
	position:fixed;
	bottom:15px;
	right:0;
	padding:0 20px 0 0;
}


/* SideBar
===============================================================*/
div#SideBar p.send {
	margin: 0 0 13px 0;	
}

div#SideBar p.bn {
	margin: 0 0 10px 0;	
}

div#SideBar .side_nav {
	background-color:#ede2d7;
	padding:7px 7px 0 7px;
	margin:0 0 10px 0;
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

div#SideBar .side_nav .box { 
	padding:0 0 7px 0;
}

div#SideBar .side_nav ul {
	width:180px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
	border-right:#d7cbbf 1px solid;
	border-bottom:#d7cbbf 1px solid;
	background-color:#ffffff;
	padding:5px 8px;
}

div#SideBar .side_nav ul li {
	border-bottom:#d7cbbf 1px solid;
}

div#SideBar .side_nav ul li.end {
	border-bottom:none;
}


div#SideBar .side_nav ul li a {
	display:block;
	font-size:14px;
	line-height:18px;
	padding:10px 16px;
	background:url(../images/common/ar01.png) no-repeat 4px 50%;
}

div#SideBar .side_nav ul li span {
	font-size:10px;
}

div#SideBar .calendar {
	border:#e4d7cb 1px solid;
	background-color:#ffffff;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding:6px;
	margin:0 0 15px 0;
}

div#SideBar .calendar h2 {
	width:196px;
	height:37px;
	text-indent:-9999px;
	background:url(../images/common/tl03.jpg) no-repeat 0 0;
}

div#SideBar .calendar h3 ,
div#SideBar .calendar .sbc-navigation {
	color:#ffffff;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	background-color:#660000;
	margin:0 0 5px 0;
}

div#SideBar .calendar .sbc-navigation select {
	background-color:#660000;
	color:#ffffff;
	border:none;
}

div#SideBar .calendar table {
	width:100%;
	border-top:#ffffff 1px solid;
	border-left:#ffffff 1px solid;
	margin:0 0 5px 0;
}

div#SideBar .calendar table tr th ,
div#SideBar .calendar table tr td {
	text-align:center;
	border-right:#ffffff 1px solid;
	border-bottom:#ffffff 1px solid;
}

div#SideBar .calendar table tr td.sbc-status-free {
	background-color:#ffffff;
}

div#SideBar .calendar table tr td.sbc-status-booked {
	color:#ffffff;
	background-color:#ec7b7b;
}

div#SideBar .calendar table tr td.sbc-status-changeover {
	color:#ffffff;
	background-color:#c3c3c3;
}


div#SideBar .sbc-loader {
	display:none;
}

div#SideBar .calendar p.txt {
	text-align:center;
	font-size:14px;
}

div#SideBar .calendar p.txt span.b1 {
	color:#c3c3c3;
}

div#SideBar .calendar p.txt span.b2 {
	color:#ec7b7b;
}

.sbc-calendar-month {
	width: auto !important;
	border:none !important;
	padding: 0px !important;
	margin: 0 !important;
	float: none !important;
}

#sbc-calendar {
	margin:0 !important;
	float: none !important;
}

div#SideBar .spbn ,
div#SideBar .sbc-navigation {
	display:none;
}


/* point
===============================================================*/
.point .point1 {
	width:736px;
	height:476px;
	background:url(../images/top/bg01.jpg) no-repeat 0 0;
	position:relative;
}

.point .point1 p {
	width:400px;
	font-size:14px;
	line-height:24px;
	padding:200px 0 0 0;
}

.point .point2 {
	width:736px;
	height:644px;
	background:url(../images/top/bg02.jpg) no-repeat 0 0;
	position:relative;
}

.point .point2 p.t1 {
	width:400px;
	font-size:14px;
	line-height:24px;
	padding:210px 0 15px 0;
}

.point .point2 .bg1 {
	width:356px;
	height:213px;
	padding:25px 23px 0 23px;
	background:url(../images/top/bg04.jpg) no-repeat 0 0;
}

.point .point2 .bg1 p.tit {
	width:323px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/top/tl03.jpg) no-repeat 0 0;
}

.point .point2 .bg1 p.txt {
	font-size:13px;
	padding:10px 0 5px 0;
}

.point .point2 .bg1 a {
	color:#de0028;
	text-decoration:underline;
	padding:0 0 0 10px;
	background:url(../images/top/ar02.jpg) no-repeat 0 50%;
}

.point .point3 {
	width:736px;
	height:468px;
	background:url(../images/top/bg03.jpg) no-repeat 0 0;
	position:relative;
}

.point .point3 p {
	width:400px;
	font-size:14px;
	line-height:24px;
	padding:330px 0 0 0;
}


/* contactbn
===============================================================*/
.contactbn {
	width:736px;
	height:271px;
	text-indent:-9999px;
	background:url(../images/common/bn05.jpg) no-repeat 0 0;
	margin:0 0 40px 0;
}


/* order btn
===============================================================*/
.orderbn a {
	display:block;
	width:736px;
	height:132px;
	text-indent:-9999px;
	background:url(../images/common/btn04.jpg) no-repeat 0 0;
	margin:0 0 37px 0;
}

.delivery {
	width:736px;
	height:180px;
	text-indent:-9999px;
	background:url(../images/common/bn06.jpg) no-repeat 0 0;
	margin:0 0 13px 0;
}




/* topic_path
===============================================================*/
.topic_path ul {
	clear:both;
	overflow:hidden;
    margin-bottom: 4px;
}

.topic_path ul li {
	float:left;
	font-size:11px;
	color:#644d43;
	background:url(../images/common/ar03.png) no-repeat right center;
    padding-right: 11px;
    margin-right: 5px;
}
.topic_path ul li.end {
	background:none;
    padding-right: 0;
    margin-right: 0;
}

.topic_path ul li a {
	color:#644d43;
	text-decoration:underline;
}




/* title
===============================================================*/
.under_title h1 ,
.under_title h2 ,
.under_title h3 {
	background:url(../images/common/title_bg.jpg) repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius:3px;
	color:#500101;
    font-size: 20px;
    padding: 18px 30px;
    margin-bottom: 26px;
}





/* ec_info
===============================================================*/
.ec_info {
	background:#FFFFFF;
	border:#e9e6e1 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius:3px;
    padding: 30px;
    margin-bottom: 30px;
}

.ec_info dl {
	padding:0 8px 15px;
    border-bottom: #e2e0de 1px solid;
	margin-bottom: 15px;
}
.ec_info dl dt,
.ec_info p.title {
    font-size: 18px;
    line-height: 20px;
    color: #650000;
	font-weight:bold;
	margin-bottom: 10px;
	background:url(../images/common/ic_flower.png) no-repeat left center;
    padding-left: 31px;
}
.ec_info dl dd {
    font-size: 14px;
    line-height: 23px;
}

.ec_info ul {
	padding: 10px 0 20px;
}
.ec_info ul li {
    color: #791111;
    margin-left: 2em;
	margin-bottom:15px;
	font-size:14px;
	list-style: disc;
}
.ec_info ul li span {
    color: #2a2a2a;
}
.ec_info ul li span.red {
    color: #e12222;
}


.ec_info table {
	border-top:#d3cdc2 1px solid;
	border-left:#d3cdc2 1px solid;
	width: 100%;
    margin-bottom: 15px;
}
.ec_info table tr th ,
.ec_info table tr td {
	font-size:13px;
	line-height:30px;
	padding:0 5px;
	border-bottom:#d3cdc2 1px solid;
	border-right:#d3cdc2 1px solid;
}
.ec_info table tr th span ,
.ec_info table tr td span {
	font-size:11px;
}

.ec_info table tr th {
	text-align:center;
	border-bottom:#d3cdc2 2px solid;
	color:#791111;
}

.ec_info table tr td.pref ,
.ec_info table tr td.postage {
	text-align:center;
	font-weight:bold;
}


.ec_info p.caution {
    line-height: 20px;
    margin-left: 1.5em;
    text-indent: -1.5em;
}


/* pro
===============================================================*/
.pro {
	padding:0 0 20px 0;
}

.pro h2 {
	width:736px;
	height:54px;
	text-indent:-9999px;
	background:url(../images/top/tl02.jpg) no-repeat 0 0;
	padding:0 0 22px 0;
}

.pro .box {
	width:169px;
	padding:0 20px 20px 0;
	float:left;
}

.pro .box a:hover {
	display:block;
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.pro .end {
	padding:0 0 20px 0;
}

.pro .box p.ph {
	padding:0 0 10px 0;
}

.pro .box p.t {
	font-size:13px;
	color:#650000;
	font-weight:bold;
	padding:0 0 3px 0;
	
	letter-spacing:-0.05em;
}

.pro .box p.t span {
	font-size:10px;
	font-weight:normal;
	letter-spacing:-0.1em;
}

.pro .box p.price {
	font-size:22px;
	color:#dd0000;
	font-weight:bold;
	padding:0 0 5px 0;
}

.pro .box p.price span {
	font-size:12px;
	font-weight:normal;
}

.pro .box p.txt {
	line-height:18px;
}

.pro .box ul.txt li {
	color:#2a2a2a;
	font-size:12px;
	line-height:18px;
	padding-left: 11px;
	background:url(../images/product/icon.png) no-repeat left center;
    margin-right: 8px;
}




/* about_deliver
===============================================================*/
.about_deliver {
	clear:both;
	overflow:hidden;
	margin-bottom:40px;
}

.about_deliver dl {
	width:350px;
}

.about_deliver dl dt {
    font-size: 18px;
    line-height: 20px;
    color: #650000;
    font-weight: bold;
    margin-bottom: 5px;
    background: url(../images/common/ic_flower.png) no-repeat left 3px;
    background-size: 18px 17px;
    padding-left: 26px;
	padding-bottom:5px;
    border-bottom: #e2e0de 1px solid;
}





/* make_ricecake
===============================================================*/
.make_ricecake {
	margin:31px 0;
}

.make_ricecake h3 {
    background: url(../images/use/ceremony/title_02.jpg) no-repeat 0 0;
    text-indent: -9999px;
    margin-left: -1px;
    height: 46px;
}

.make_ricecake p {
	color:#4a3523;
    font-size: 14px;
    line-height: 23px;
}


.make_ricecake .ricecake_inner {
	padding:20px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	background:url(../images/use/ceremony/img_bg_04.jpg) repeat 0 0;
}

.make_ricecake .ricecake_inner p {
	padding-bottom:20px;
}


.make_ricecake .ricecake_inner .ricecake_flow {
	clear:both;
	overflow:hidden;
}

.make_ricecake .ricecake_inner dl {
	background:url(../images/use/ceremony/icon_arrow.png) no-repeat right center;
    width: 234px;
    float: left;
    margin-bottom: 10px;
}
.make_ricecake .ricecake_inner dl.no2 {
    margin-left: 2px;
}
.make_ricecake .ricecake_inner dl.no3 ,
.make_ricecake .ricecake_inner dl.no5 {
	background:none;
    width: 213px;
    margin-left: 2px;
}
.make_ricecake .ricecake_inner dl.no4 {
    margin-left: 112px;
}

.make_ricecake .ricecake_inner dl dt {
	display:block;
	width:31px;
	height:31px;
	text-indent:-9999px;
    position: relative;
    z-index: 5;
}
.make_ricecake .ricecake_inner dl.no1 dt {
	background:url(../images/use/ceremony/icon_01.png) no-repeat 0 0;
}
.make_ricecake .ricecake_inner dl.no2 dt {
	background:url(../images/use/ceremony/icon_02.png) no-repeat 0 0;
}
.make_ricecake .ricecake_inner dl.no3 dt {
	background:url(../images/use/ceremony/icon_03.png) no-repeat 0 0;
}
.make_ricecake .ricecake_inner dl.no4 dt {
	background:url(../images/use/ceremony/icon_04.png) no-repeat 0 0;
}
.make_ricecake .ricecake_inner dl.no5 dt {
	background:url(../images/use/ceremony/icon_05.png) no-repeat 0 0;
}

.make_ricecake .ricecake_inner dl dd {
    line-height: 17px;
    color: #4a3523;
    padding-left: 4px;
    width: 209px;
}
.make_ricecake .ricecake_inner dl dd.ph {
    margin-top: -27px;
	margin-bottom: 7px;
}


.make_ricecake .howto_storage {
	background: url(../images/use/ceremony/img_bg_03.jpg) no-repeat 38px 27px #FFFFFF;
    position: relative;
    height: 184px;
    border: #e9e1cf 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 25px;
}
.make_ricecake .howto_storage h4 {
	display:none;
}
.make_ricecake .howto_storage p {
    position: absolute;
    top: 73px;
    left: 39px;
    color: #2a2a2a;
    width: 420px;
	padding-bottom:0;
}





/* howto_eat
===============================================================*/
.howto_eat {
	margin-bottom:31px;
}

.howto_eat h3 {
    background: url(../images/use/ceremony/title_03.png) no-repeat 0 0;
    text-indent: -9999px;
    margin-left: -1px;
    height: 46px;
}

.howto_eat p {
	font-size:14px;
	line-height:23px;
	margin:20px 0;
}


.howto_eat .ricecake_recipe {
	width:100%;
	clear:both;
	overflow:hidden;
}

.howto_eat .ricecake_recipe dl {
	float:left;
	width:233px;
	margin-right:18px;
}
.howto_eat .ricecake_recipe dl.no3 {
	margin-right:0;
}

.howto_eat .ricecake_recipe dl dd {
	text-align:center;
	color:#650000;
	font-size:16px;
	line-height:25px;
	margin-top:10px;
	font-weight:bold;
}
.howto_eat .ricecake_recipe dl dd a {
	color:#650000;
}





/* faq
===============================================================*/
.faq {
	margin-bottom:40px;
}

.faq h3 {
    background: url(../images/use/ceremony/title_04.jpg) no-repeat 0 0;
    text-indent: -9999px;
    margin-left: -1px;
    height: 46px;
}

.faq .faq_inner {
	background:#FFFFFF;
	padding:20px;
}

.faq .faq_inner dl dt {
	background:url(../images/use/ceremony/img_bg_05.jpg) repeat-x 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-bottom:10px;
	height:48px;
	cursor:pointer;
	display:table;
	width:100%;
}

.faq .faq_inner dl dt span {
	display:table-cell;
/*	display:block; */
	
	text-indent:-9999px;
}
.faq .faq_inner dl.no1 dt span.q {
	background:url(../images/use/ceremony/q1.png) no-repeat 12px 7px;
}
.faq .faq_inner dl.no2 dt span {
	background:url(../images/use/ceremony/q2.png) no-repeat 12px 7px;
}
.faq .faq_inner dl.no3 dt span {
	background:url(../images/use/ceremony/q3.png) no-repeat 12px 7px;
}
.faq .faq_inner dl.no4 dt span {
	background:url(../images/use/ceremony/q4.png) no-repeat 12px 7px;
}
.faq .faq_inner dl.no5 dt span {
	background:url(../images/use/ceremony/q5.png) no-repeat 12px 7px;
}
.faq .faq_inner dl.no6 dt span {
	background:url(../images/use/ceremony/q6.png) no-repeat 12px 7px;
}

.faq .faq_inner dl dt span.q {
	border-right:1px solid #cab9a7;
}

.faq .faq_inner dl dt span.arrow {
	width:50px;
	border-left:1px solid #f9f7f3;
	background:url(../images/use/ceremony/icon_q_n.png) no-repeat 0 0;
}
.faq .faq_inner dl dt.active span.arrow {
	background:url(../images/use/ceremony/icon_q_o.png) no-repeat 0 0;
}

.faq .faq_inner dl dd {
	display:block;
}

.faq .faq_inner dl dd div {
	display:none;
	background:url(../images/use/ceremony/icon_a.gif) no-repeat 0 0;
    margin: 16px 12px 26px;
    padding-left: 46px;
    font-size: 14px;
    line-height: 23px;
}




.attention{
	display: block;
	color: #cc0000;
	font-weight: bold;
	padding: 4px 0 0 10px;
}

.error_bg{
	background-color: #fadee6;
}