@charset "shift_jis";

/*==================================================================================== 

2009/09

====================================================================================*/
/* Reset browser defaults */
@import url('reset.css');

/* Apply basic typography styles */
@import url('typography.css');

/* Tag ----------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	background: #994626 url("../images/bg.jpg") repeat center 0px;
	font-family: "tahoma", "ms ui gothic", "lucida grande", "ヒラギノ丸ゴ pro w4", "osaka", "ms pゴシック" sans-serif;
	
	/*  \*/
	font-size : 72%;
	line-height : 150%;
	letter-spacing: 0.1em;
	/* */
	font-size : 77%;
	line-height : 120%;
	letter-spacing: normal;
	/*  \*/
	font-size : 72%;
	line-height : 150%;
	letter-spacing: 0.1em;
	/* */
}
a{
	text-decoration: underline;
	color:#00CCCC;
}
a:hover{
	text-decoration: none;
	color:#00CCCC;
}
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */

.hide{
	display: none;
	clear:both;
}
form{
	margin: 0px;
	padding: 0px;
}
/* /Tag ----------------------------------------------------------------*/

/* /Global ----------------------------------------------------------------*/

#Global{
	width:877px;
	margin:0px auto;
	padding:0px 14px 0px 29px;
	background:url("../images/global_bg.png") repeat-y center 0px;
}

/* /Global ----------------------------------------------------------------*/

/* Header ---------------------------------------------------------------- */

#Header{
	margin:0px;
	padding:1px 15px 1px 0px;
	height:78px;
	width:862px;
}
#Header h1{
	width:199px;
	height:78px;
	margin:0px;
	padding:0px 1px 0px 0px;
	float:left;
	display:block;
}
#Header h1 a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
}
#Header #HeaderRight{
	width:662px;
	height:78px;
	float:right;
	margin:0px;
	padding:0px;
}

/* Header ----------------------------------------------------------------*/

/* /Mainvisual ----------------------------------------------------------------*/

#Mainvisual{
	width:862px;
	height:344px;
	margin:0px;
	padding:0px 15px 0px 0px;
}
#Mainvisual #LeftBanner{
	width:200px;
	height:344px;
	margin:0px;
	padding:0px;
	float:left;
	background:url("../images/side_banner_over.jpg") no-repeat 0px 0px;
	display:block;
}
#Mainvisual #LeftBanner ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#Mainvisual #LeftBanner li{
	margin:0px;
	padding:0px;
	width:200px;
	height:172px;
	display:block;
	vertical-align:top;
}
#Mainvisual #LeftBanner li a{
	margin:0px;
	padding:0px;
	width:200px;
	height:172px;
	display:block;
}
#Mainvisual #LeftBanner li a:hover {
	background-color:transparent;
}
#Mainvisual #LeftBanner li a:hover img{
	visibility:hidden;
}

#Mainvisual #Visual{
	width:662px;
	height:344px;
	margin:0px;
	padding:0px;
	display:block;
	float:right;
}


/* Mainvisual ----------------------------------------------------------------*/


/* Navigation ----------------------------------------------------------------*/

#Navigation{
	margin:0px;
	padding: 0px 15px 0px 0px;
	width:862px;
	height:31px;
	background:url("../images/navigation_over.jpg") no-repeat 0px 0px;
	display:block;
}
#Navigation ul{
	margin: 0px;
	padding: 0px 22px;
	list-style: none;
	width: 818px;
	height:31px;
}
#Navigation li{
	margin: 0px;
	padding: 0px;
	float: left;
}
#Navigation li a:hover {
	background-color:transparent;
}
#Navigation li a:hover img{
	visibility:hidden;
}


/* /Navigation ----------------------------------------------------------------*/

/* Contents ----------------------------------------------------------------*/

#Contents{
	margin:0px;
	padding:20px 0px 35px;
	width:866px;
}
/* Contents ----------------------------------------------------------------*/

/* ContentsLeft ----------------------------------------------------------------*/
#ContentsLeft{
	margin:0px;
	padding:0px;
	width:205px;
	float:left;
}
#ContentsLeft #Banner{
	width:200px;
	height:60px;
	margin:0px 0px 20px;
	padding:0px;
	display:block;
}
#ContentsLeft #Mailbox{
	background:#e4e7f2;
	margin: 0 0 18px;
	padding:10px 15px 23px;
	width:170px;
	clear: both;
	overflow:hidden;
}
#ContentsLeft h2.Mail{
	margin:0;
	padding:0;
	width:200px;
	height:40px;
}
#ContentsLeft #Mailbox p{
	margin:0px;
	padding:0 0 10px;
	color:#530900;
}
#ContentsLeft #Mailbox .textbox{
    margin: 0 auto 10px;
	padding: 0;
	width: 165px;
	height:20px;
}
#ContentsLeft #Mailbox .Button{
    margin: 0;
	padding: 0;
	float: left;
	width: 120px;
}
#ContentsLeft #Mailbox .Submit{
    margin: 0;
	padding: 0;
	float:right;
	width: 42px;
	height:19px;
}
#ContentsLeft #Shopbox{
	background:url("../images/shopbox_middle.jpg") repeat-y 0px 0px;
	margin:0px;
	padding:0px;
	width:205px;
	display:block;
}
#ContentsLeft #Shopbox .Top{
	background:url("../images/shopbox_top.jpg") no-repeat 0px 0px;
	margin:0px;
	padding:10px 0px 0px;
	width:205px;
}
#ContentsLeft #Shopbox .Bottom{
	background:url("../images/shopbox_bottom.jpg") no-repeat bottom left;
	margin:0px;
	padding:0px 0px 15px;
	width:205px;
}
#ContentsLeft #Shopbox h2{
	width:205px;
	height:15px;
	margin:0px;
	padding:10px 0px 20px;
}
#ContentsLeft #Shopbox .ContentsIn{
	width:162px;
	margin:0px;
	padding:0px 24px 0px 19px;
	color:#530900;
}
#ContentsLeft #Shopbox .PhotoCenter{
	text-align:center;
	margin:0px 0px 20px;
	padding:0px; 
}
#ContentsLeft #Shopbox .Bottan{
	width:165px;
	height:33px;
	margin:20px 21px 0px 20px;
	padding:0px;
	background:url("../images/bottan_order_over.jpg") no-repeat 0px 0px;
	display:block;
}
#ContentsLeft #Shopbox .Bottan a{
	width:165px;
	height:33px;
	margin:0px;
	padding:0px;
	display:block;
}
#ContentsLeft #Shopbox .Bottan a:hover {
	background-color:transparent;
}
#ContentsLeft #Shopbox .Bottan a:hover img{
	visibility:hidden;
}

/* 2010/11/09 追加 */

#ContentsLeft #Mobilebox{
	background:#e5ebd7;
	margin: 0 0 18px;
	padding:10px 15px 20px;
	width:170px;
	clear: both;
	overflow:hidden;
	color:#530900;
}

#ContentsLeft #Mobilebox p{
	margin:0;
	padding:0;
}

#ContentsLeft #Mobilebox p.center{ text-align:center; padding-bottom:10px; }


/* ContentsLeft ----------------------------------------------------------------*/

/* ContentsRight ----------------------------------------------------------------*/

#ContentsRight{
	width:651px;
	margin:0px;
	padding:0px;
	float:right;
}
#ContentsRight .BottomBanner{
	width:651px;
	height:86px;
	margin:0px 0px 15px;
	padding:0px;
	background:url("../images/bottom_banner_over.jpg") no-repeat 0px 0px;
	display:block;
}
#ContentsRight .BottomBanner ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#ContentsRight .BottomBanner li{
	margin:0px;
	padding:0px;
	float:left;
}
#ContentsRight .BottomBanner li a{
	margin:0px;
	padding:0px;
	width:217px;
	height:86px;
	display:block;
}
#ContentsRight .BottomBanner li a:hover {
	background-color:transparent;
}
#ContentsRight .BottomBanner li a:hover img{
	visibility:hidden;
}
#ContentsRight h2{
	width:651px;
	height:40px;
	margin:0px;
	padding:0px;
}
#ContentsRight .ContentsIn{
	padding:10px 30px 20px;
	margin:0px;
}
#ContentsRight .ContentsIn dl{
	padding:0;
	margin:0 0 10px;
	width:591px;
	background: url("../images/line.jpg") repeat-x bottom;
	clear: both;
	overflow: hidden;
}
#ContentsRight .ContentsIn dl dt{
	padding:2px 0 9px 25px;
	margin:0;
	width:115px;
	float:left;
	background:url("../images/mark.gif") no-repeat 3px 7px;
}
#ContentsRight .ContentsIn dl dd{
	padding:2px 0 9px;
	margin:0;
	width:451px;
	float:left;
}

#ContentsRight h6{
	background:#e7d1b3;
	margin:0px 0px 10px;
	padding:6px 12px;
	border-bottom:#6e2810 solid 1px;
	color:#6e2810;
	width:566px;
	font-size:100%;
}

/* ContentsRight ----------------------------------------------------------------*/


/* Footer ----------------------------------------------------------------*/

#Footer{
	margin:0px auto;
	padding:30px 0px 10px;
	width:920px;
	background:url("../images/footer_top.png") no-repeat 0px 0px;
	clear:both;
}
#Footer .Copy{
	width:390px;
	margin:0px;
	padding:0px 0px 0px 10px;
	float:left;
	color:#530900;
	letter-spacing:0.02em;
}
#Footer .Copy .Banner{
	width:88px;
	height:33px;
	margin:0;
	padding:0;
	float: right;
}
#Footer .FooterNavi{
	width:382px;
	height:13px;
	margin:0px;
	padding:0px 10px 0px 0px;
	background:url("../images/footernavi_over2.jpg") no-repeat 0px 0px;
	display:block;
	float:right;
}
#Footer .FooterNavi ul{
	margin:0px;
	padding:0px;
	width:382px;
	height:13px;
	list-style:none;
}
#Footer .FooterNavi li{
	float:left;
	margin:0px;
	padding:0px;
}
#Footer .FooterNavi li a:hover {
	background-color:transparent;
}
#Footer .FooterNavi li a:hover img{
	visibility:hidden;
}

/* Footer ----------------------------------------------------------------*/

/* コンタクトボックス----------------------------------------------------------------*/

/*#ContactBox{
	width:550px;
	margin:20px auto;
	padding:10px 20px;
	background:url("../images/contactbox_bg.jpg") no-repeat 0px 0px;
}
#ContactBox h4{
	width:550px;
	height:40px;
	margin:0px 0px 10px;
	padding:0px;
	display:block;
	border:none;
}
#ContactBox .ContentsIn{
	padding:0px 10px;
	width:530px;
}*/

#ContactBox{
	width:570px;
	margin:20px auto;
	padding:10px;
	background:url("../images/contactbox_bg2.jpg");
}

#ContentsBody #ContactBox .ContentsIn h4{
	/*width:550px;*/
	height:40px;
	margin:0px 0px 10px;
	padding:0px;
	display:block;
	border:none;
	width:550px;
}
#ContactBox .ContentsIn{
	padding:0px 10px;
	width:550px;
	background:#fadfd6;
}

#ContactBox .LeftBox{
	width:220px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:center;
}
#ContactBox .RightBox{
	width:310px;
	float:left;
	margin:0px;
	padding:0px;
}
#ContactBox .RightBox h5{
	color:#70280F;
	margin:0px 0px 10px;
	padding:0px;
}
#ContactBox table{
	margin:0px 0px 10px;
	padding:0px;
	border-collapse:collapse;
	border:none;
	letter-spacing:0.02em;
}
#ContactBox th{
	text-align:left;
	font-weight:normal;
	padding:8px 0px;
	border:none;
	background:url("../images/dottedline_gray.gif") repeat-x 0px bottom;
	color:#EE7C79;
	width:20%;
	vertical-align:top;
}
#ContactBox td{
	text-align:left;
	font-weight:normal;
	padding:8px 0px;
	background:url("../images/dottedline_gray.gif") repeat-x 0px bottom;
	border:none;
}

/* コンタクトボックス----------------------------------------------------------------*/