@charset "utf-8";

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

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　店舗用基本スタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 共通設定
--------------------------------------------------------------------------------------- */

/* 基本フォント -------------------- */

body {
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ", "Hiragino Kaku Gothic Pro", "Pro W3";
	font-size: 12px;
	text-align: center;
	background: #FFFFFF url(../images/home/bg.gif) repeat-x left top;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}


/* 基本タグ -------------------- */

/* body, */div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

img,table { border: none;}

ol,ul {	list-style: none;}

address,em,cite { font-style: normal;}

a { overflow: hidden;}


/* リンクカラー -------------------- */

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


/* テキストカラー -------------------- */

.orange { color: #DF8600; }


/* テキストサイズ -------------------- */

.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}


/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }

.mgL20 { margin-left: 20px; }

,pdL20 { padding-left: 20px;}
.pdR15 { padding-right: 15px; }


/* インデント -------------------- */

.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}


/* 
 フロート解除
------------------------------------------------------ */

.clear  { clear: both; font-size: 0px; line-height: 0px;}

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


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------
 ボックス
--------------------------------------------------------------------------------------- */
		
#wrap { background: url(../images/home/top_bg.gif) repeat-x left top; 
}

#wrap-inner {
	margin-right: auto;
	margin-left: auto;
}

#main {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF;
}

#main a {	display: block;}
#main img { vertical-align: bottom; }



/* --------------------------------------------------------------------------------------
 フッター
--------------------------------------------------------------------------------------- */

#footer {
	width: 850px;
	overflow: hidden;
	margin: 8px auto 20px;
	clear: both;
}

.footer_img {
	float: left;
	display: block;
}

#footer ul {
	float: left;
	width: 650px;
	text-align: left;
	margin-left: 25px;
	line-height: 1.5;
	color: #817954;
}

#footer li { display: inline; }
  
#footer li a:link    { color: #817954; }
#footer li a:visited { color: #817954; }
#footer li a:active  { color: #817954; }
#footer li a:hover   { color: #97873E; text-decoration: underline;}


/* --------------------------------------------------------------------------------------
 左カラム
--------------------------------------------------------------------------------------- */

#leftColumn {
	width: 180px;
	margin-left: 5px;
	padding-top: 4px;
	float: left;
	display: inline;
}

#gnavi { width: 180px; }

#gnavi li {
	margin-bottom: 1px;
	height: 70px;
	width: 180px;
}

#gnavi .gn01 { background: url(../images/template/navi01_over.gif) no-repeat; }
#gnavi .gn02 { background: url(../images/template/navi02_over.gif) no-repeat; }
#gnavi .gn03 { background: url(../images/template/navi03_over.gif) no-repeat; }
#gnavi .gn04 { background: url(../images/template/navi04_over.gif) no-repeat; }
#gnavi .gn05 { background: url(../images/template/navi05_over.gif) no-repeat; }
#gnavi .gn06 { background: url(../images/template/navi06_over.gif) no-repeat; }
#gnavi .gn07 { background: url(../images/template/navi07_over.gif) no-repeat; }
#gnavi .gn08 { background: url(../images/template/navi08_over.gif) no-repeat; }

#gnavi li a {	height: 70px;}

#gnavi li a:hover img,
#gnavi li a.stay { visibility:hidden; }
#gnavi li a:hover { background-color:transparent; }

#lnavi { margin-top: 10px; }

#lnavi li {
	margin-bottom: 2px;
	height: 60px;
	width: 180px;
 }

#lnavi .ln01 { background: url(../images/template/navi_market_over.gif) no-repeat; }
#lnavi .ln02 { background: url(../images/template/navi_retobon_over.gif) no-repeat; }
#lnavi .ln03 { background: url(../images/template/navi_blog_over.gif) no-repeat; }
#lnavi .ln04 { background: url(../images/template/navi_calendar_over.gif) no-repeat; }
#lnavi .ln05 { background: url(../images/template/navi_gallery_over.gif) no-repeat; }

#lnavi li a {	height: 60px;}

#lnavi li a:hover img { visibility:hidden; }
#lnavi li a:hover { background-color:transparent; }

.mobile {
	margin-top: 10px;
	height: 128px;
	width: 180px;
	clear: both;
	background: url(../images/home/barcode_over.gif) no-repeat;
}

.mobile a {
	display: block;
	height: 128px;
	width: 180px;
}

.mobile a:hover img { visibility:hidden; }
.mobile a:hover { background-color:transparent; }

#leftColumn iframe {
	height: 150px;
	width: 180px;
	clear: both;
	margin-top: 5px;
}


/* --------------------------------------------------------------------------------------
 センターカラム
--------------------------------------------------------------------------------------- */

#centerColumn {
	width: 460px;
	float: left;
	margin-left: 9px;
	padding-top: 1px;
	text-align: left;
}

.centerBanner { width: 451px; }

.centerBanner li {
	display: block;
	width: 451px;
}

* html .centerBanner li { margin-bottom: -2px; }

.centerBanner a:link img    { border: solid 3px #FFFFFF; }
.centerBanner a:visited img { border: solid 3px #FFFFFF; }
.centerBanner a:hover img   { border: solid 3px #FF6600; }

.shinchaku {
	background: url(../images/home/center_shinchaku_bg.gif) no-repeat;
	height: 345px;
	width: 445px;
	text-align: left;
	margin-top: 2px;
}

#news {
	height: 250px;
	width: 400px;
	padding: 70px 20px 10px 25px;
	text-align:left;
}

#newsBox {
	height: 240px;
	width: 400px;
	overflow: auto;
}

#newsBox ul {
	width: 370px;
	margin-bottom: 15px;
	margin-left: 10px;
}

#newsBox .date {
	float: left;
	width: 80px;
	color: #FF3300;
	display: block;
	line-height: 2.3;
}

#newsBox .cate {
	width: 70px;
	float: left;
	display: block;
	padding-top: 7px;
}

#newsBox .details {
	width: 220px;
	float: left;
	line-height: 2.3;
	margin-bottom: 3px;
}
#newsBox .details a { display: inline; }


#newsBox a:active { color: #900; text-decoration: underline; }
#newsBox a:hover { color: #900; text-decoration: underline; }

.contact_banner {
	height: 93px;
	width: 460px;
	background: url(../images/home/otoiawase_over.gif) no-repeat;
}
.contact_banner a { height: 93px; display: block; width: 460px; }
.contact_banner a:hover img { visibility:hidden; }
.contact_banner a:hover { background-color:transparent; }

.illust_banner {
	height: 130px;
	width: 460px;
	background: url(../images/home/illust_over.gif) no-repeat;
}
.illust_banner a { height: 130px; display: block; width: 460px; }
.illust_banner a:hover img { visibility:hidden; }
.illust_banner a:hover { background-color:transparent; }


/* --------------------------------------------------------------------------------------
 右カラム
--------------------------------------------------------------------------------------- */

#rightColumn {
	width: 180px;
	margin-right: 5px;
	padding-top: 4px;
	float: right;
	display: inline;
}

#rightColumn iframe {
	height: 832px;
	width: 180px;
}

#rightColumn .meiten {
	clear: both;
	height: 82px;
	width: 180px;
	background: url(../images/home/meiten_over.gif) no-repeat;
}

#rightColumn .meiten a {
	display: block;
	height: 82px;
	width: 180px;
}

#rightColumn .meiten a:hover img { visibility:hidden; }
#rightColumn .meiten a:hover { background-color:transparent; }

#rightColumn ul { margin-top: 10px; }

#rightColumn li { margin-bottom: 1px; }


#rightColumn li a:link img    { border: solid 2px #FFFFFF; }
#rightColumn li a:visited img { border: solid 2px #FFFFFF; }
#rightColumn li a:hover img   { border: solid 2px #000000; }

#rightColumn a:link {	color: #999999;	text-decoration: none;}
#rightColumn a:visited { color: #999999;	text-decoration: none; }
#rightColumn a:hover   { color: #FF9900;	text-decoration: none; }


/* --------------------------------------------------------------------------------------
 移動ナビ
--------------------------------------------------------------------------------------- */

#moveBox {
	clear: both;
	width: 850px;
	padding-top: 10px;
}

.toback {
	margin-bottom: 5px;
	margin-left: 5px;
	height: 75px;
	width: 85px;
	float: left;
	background: url(../images/template/link_turn_over.gif) no-repeat;
}

.totop {
	text-align: right;
	margin-right: 10px;
	margin-bottom: 5px;
	float: right;
	height: 75px;
	width: 85px;
	background: url(../images/template/link_top_over.gif) no-repeat;
}

#moveBox a:hover img { visibility:hidden; }
#moveBox a:hover { background-color:transparent; }