@charset "utf-8";


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	color: #000000;
	background-image: url(../img/common/background.jpg);
	background-color: #EFE9DD;
	background-position: top;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 10pt;
	line-height: 160%;
}

/*mac win safari3*/
 body:first-of-type {
 font-size: 75%;
} 

/* for Windows IE */
@media screen {
    * html body {
        font-size: 80%;
    }
}



div:after {
	content: " ";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

	
h1 {
	margin: 0px;
	padding: 0px;
}

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

h3 {
	margin: 0px;
	padding: 0px;
}


	
/*************************************************************************
基本設定
**************************************************************************/

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

div#contents-back {
	margin: 0px;
	padding-top: 20px;
	width: 800px;
	text-align: left;
	background-color: #FFFFFF;
}

div#contents-back2 {
	margin: 0px;
	padding-top: 10px;
	width: 800px;
	text-align: left;
	background-color: #FFFFFF;
}

div#contents {
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 760px;
	text-align: left;
	background-color: #FFFFFF;
	clear: both;
}

div#contents p {
	line-height:1.5;
	margin:0px;
}

div#sub-navi {
	margin-bottom: 5px;
	margin-left: 20px;
	width: 740px;
	text-align: left;
	color: #666666;
	background-color: #FFFFFF;
	clear: both;
}
div#sub-navi a {
	color:#663401;
	text-decoration:none;
}
div#sub-navi a:hover {
	color:#663401;
	text-decoration: underline;
}




/*************************************************************************
header
**************************************************************************/

div#header-top-txt{
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	width: 800px;
	color: #663300;
	font-size: 80%;
	line-height:1.1;
}


div#header-top{
	margin-bottom: 10px;
	width: 800px;
	height: 50px;
}


div#header{
	margin-top: 20px;
	margin-bottom: 10px;
	width: 800px;
	height: 50px;
}




/*************************************************************************
flash
**************************************************************************/

div#top_flash {
	margin-bottom: 20px;
	width: 760px;
	text-align: left;
	clear: both;
}




/*************************************************************************
main
**************************************************************************/

div#main {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 560px;
	text-align: left;
	background-color: #FFFFFF;
	float: left;
}





/*************************************************************************
global menu
**************************************************************************/

div#are-global_menu {
	margin-bottom: 20px;
	width: 180px;
	float: left;
}

div#global_menu {
	margin-bottom: 10px;
	width: 180px;
	text-align: left;
	background-color: #EEE8E4;
	background-image: url(../img/common/back-gn.gif);
	border-top: 1px solid #A17B4B;
	border-bottom: 1px solid #A17B4B;
}

div.menu_btn {
	padding: 10px;
}


ul.menu {
	margin: 0px;
	padding-left: 20px;
	list-style-image: url(../img/common/menu-arrow.gif);
	text-align: left;
}
ul.menu li a {
	color:#00994B;
	text-decoration:none;
}
ul.menu li a:hover {
	color:#00994B;
	text-decoration: underline;
}


ul.links {
	margin: 0px;
	padding-left: 20px;
	list-style-image: url(../img/common/links-arrow.gif);
	text-align: left;
}
ul.links li a {
	color:#333333;
	text-decoration:none;
}
ul.links li a:hover {
	color:#333333;
	text-decoration: underline;
}




/********************************************************************
footer
*********************************************************************/

div#footer {
	width: 760px;
	text-align: left;
	font-size: 100%;
	clear: both;
}


div#copyright {
	margin: 0px;
	padding: 0px;
	color: #A17B4B;
	font-size: 80%;
	text-align: right;
	clear: both;
}


div#footer-top-txt{
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	width: 750px;
	text-align: left;
	color: #666666;
	font-size: 70%;
	line-height:1.1;
	background-color: #FDEBD4;
}


ul.footer {
	margin: 0px;
	padding: 0px;
	list-style-image: url(../img/common/footer-arrow.gif);
	text-align: left;
}
ul.footer li {
	padding-right: 2em;
	display: inline;
	font-size: 90%;
}
ul.footer li a {
	color:#663401;
	text-decoration:none;
}
ul.footer li a:hover {
	color:#663401;
	text-decoration: underline;
}





/********************************************************************
トップページ内　特集・新着情報
*********************************************************************/

div#info {
	margin-bottom: 20px;
	padding-bottom: 5px;
	width: 560px;
	text-align: left;
	background-image: url(../img/top/back-info.gif);
	clear: both;
}

div.feature {
	margin: 0px;
	width: 270px;
	text-align: left;
	float: left;
}
div.feature-img {
	width: 105px;
	text-align: left;
	float: left;
}
div.feature-txt {
	width: 160px;
	text-align: left;
	float: left;
}
.feature-title {
	color: #007700;
	font-size: 120%;
}
div.feature-txt a {
	color:#663401;
	text-decoration:none;
}
div.feature-txt a:hover {
	color:#663401;
	text-decoration: underline;
}




div.news {
	margin-left: 19px;
	width: 270px;
	text-align: left;
	float: left;
}
div.news-txt {
	margin-left: 10px;
	width: 255px;
	text-align: left;
}
.news-day {
	color: #007700;
}
div.news-txt a {
	color:#000000;
	text-decoration: underline;
}
div.news-txt a:hover {
	color:#000000;
	text-decoration: underline;
}




/********************************************************************
トップページFlashコンテンツ
*********************************************************************/

div#top-item {
	margin-bottom: 20px;
	width: 560px;
	text-align: left;
	clear: both;
}



/********************************************************************
新着情報
*********************************************************************/

div.campaign-are {
	margin-top: 10px;
	width: 560px;
	text-align: left;
	clear:both;
}

div.campaign-img {
	width: 300px;
	text-align: left;
	float: left;
}
div.campaign-txt {
	margin-left: 20px;
	width: 240px;
	text-align: left;
	float: left;
}

.campaign_copy{
	color: #FF0000;
	font-size: 80%;
}
.campaign_name{
	color: #663300;
	font-weight: bold;
	font-size: 130%;
}





/********************************************************************
今月の特集
*********************************************************************/

div.contents-feature {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 560px;
	text-align: left;
	clear: both;
	border-bottom: dotted 1px #663401;
}


div.contents-feature-last {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 560px;
	text-align: left;
	clear: both;
}


div.feature-img-left {
	width: 200px;
	text-align: center;
	float: left;
}


div.feature-img-right {
	margin-left: 20px;
	width: 200px;
	text-align: center;
	float: left;
}


div.feature-txt-left {
	width: 340px;
	text-align: left;
	float: left;
}


div.feature-txt-right {
	margin-left: 20px;
	width: 340px;
	text-align: left;
	float: left;
}






/********************************************************************
店舗情報
*********************************************************************/

div.area-store {
	margin-bottom: 20px;
	width: 560px;
	text-align: left;
	clear: both;
}

div.store-img {
	margin-left: 20px;
	width: 220px;
	text-align: left;
	float: left;
}


div.store-txt {
	width: 320px;
	text-align: left;
	float: left;
}








/********************************************************************
オススメ商品
*********************************************************************/

div.recommend-are_top {
	margin-top: 20px;
	width: 560px;
	text-align: left;
	clear:both;
}

div.recommend-are {
	margin-top: 40px;
	width: 560px;
	text-align: left;
	clear:both;
}

div.recommend-l {
	width: 270px;
	text-align: left;
	float: left;
}

div.recommend-r {
	margin-left: 20px;
	width: 270px;
	text-align: left;
	float: left;
}


div.recommend-img {
	width: 300px;
	text-align: left;
	float: left;
}
div.recommend-txt {
	margin-left: 20px;
	width: 240px;
	text-align: left;
	float: left;
}



div.recommend-img_s {
	width: 120px;
	text-align: left;
	float: left;
}
div.recommend-txt_s {
	margin-left: 10px;
	width: 140px;
	text-align: left;
	float: left;
}



.recommend_copy{
	color: #00994B;
	font-size: 80%;
}
.recommend_name{
	color: #663300;
	font-size: 120%;
}








/********************************************************************
 テーブル
*********************************************************************/

table.feature {
	vertical-align:top;
}
table.feature td.ttl1 {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color:#FFFFFF;
	background-color: #A5E155;
}
table.feature td.ttl2 {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color:#FFFFFF;
	background-color: #BBBBBB;
}
table.feature td.txt1 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #EEFFCC;
}
table.feature td.txt2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #EEEEFF;
}


table.store {
	vertical-align:top;
}
table.store td {
	padding: 5px;
	vertical-align:top;
	background-color: #F8F8FC;
}
table.store td.ttl {
	background-color: #EEEEFF;
}






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




/********************************************************************
 共通エレメント
*********************************************************************/

.left {
text-align:left;
}
.right {
text-align:right;
}

#pgtp {
margin: 0px;
text-align: right;
}







/********************************************************************
 共通マージンタイプ
*********************************************************************/

div#contents .mgb0{margin-bottom:0 !important;}
div#contents .mgb5{margin-bottom:5px !important;}
div#contents .mgb10{margin-bottom:10px !important;}
div#contents .mgb15{margin-bottom:15px !important;}
div#contents .mgb20{margin-bottom:20px !important;}
div#contents .mgb30{margin-bottom:30px !important;}

div#contents .mgt0{margin-top:0 !important;}
div#contents .mgt5{margin-top:5px !important;}
div#contents .mgt10{margin-top:10px !important;}
div#contents .mgt15{margin-top:15px !important;}
div#contents .mgt20{margin-top:20px !important;}
div#contents .mgt30{margin-top:30px !important;}

div#contents .mgl0{margin-left:0 !important;}
div#contents .mgl5{margin-left:5px !important;}
div#contents .mgl10{margin-left:10px !important;}
div#contents .mgl15{margin-left:15px !important;}
div#contents .mgl20{margin-left:20px !important;}
div#contents .mgl30{margin-left:30px !important;}

div#contents .mgr0{margin-right:0 !important;}
div#contents .mgr5{margin-right:5px !important;}
div#contents .mgr10{margin-right:10px !important;}
div#contents .mgr15{margin-right:15px !important;}
div#contents .mgr20{margin-right:20px !important;}
div#contents .mgr30{margin-right:30px !important;}

div#contents .mgn0{margin:0 !important;}

div#contents .pdt0{padding-top:0 !important;}
div#contents .pdt5{padding-top:5px !important;}
div#contents .pdt10{padding-top:10px !important;}
div#contents .pdt15{padding-top:15px !important;}
div#contents .pdt20{padding-top:20px !important;}
div#contents .pdt30{padding-top:30px !important;}

div#contents .pdb0{padding-bottom:0 !important;}
div#contents .pdb5{padding-bottom:5px !important;}
div#contents .pdb10{padding-bottom:10px !important;}
div#contents .pdb15{padding-bottom:15px !important;}
div#contents .pdb20{padding-bottom:20px !important;}
div#contents .pdb30{padding-bottom:30px !important;}

div#contents .pdl0{padding-left:0 !important;}
div#contents .pdl5{padding-left:5px !important;}
div#contents .pdl10{padding-left:10px !important;}
div#contents .pdl15{padding-left:15px !important;}
div#contents .pdl20{padding-left:20px !important;}
div#rcontents .pdl30{padding-left:30px !important;}


div#contents .pdr0{padding-right:0 !important;}
div#contents .pdr5{padding-right:5px !important;}
div#contents .pdr10{padding-right:10px !important;}
div#contents .pdr15{padding-right:15px !important;}
div#contents .pdr20{padding-right:20px !important;}
div#contents .pdr30{padding-right:30px !important;}

div#contents .pad0{padding:0 !important;}




/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div#contents .clearBoth{clear:both;}
div#contents .floatLeft{float:left;}
div#contents .floatRight{float:right;}
div#contents .alignLeft{text-align:left;}
div#contents .alignRight{text-align:right;}

/*08.08.07追加*/
.txtb { font-weight:bold; }
.txtb_red { font-weight:bold; color:#CC0000; }