/* ------------ common ------------ */


/* ----------------------------------------------------------------  */
/* --------------------  全ページ共通項目 -------------------------  */
/* ----------------------------------------------------------------  */


/* ---------- 基本設定---------- */
/* ※font-sizeは個々に設定 */

body {
	text-align: left;
	background-image:url(../images/backgraund.gif);
}

body,div {
	color: #24221b;
	margin: auto;
	font-family: 'ＭＳ Ｐゴシック', HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3';
}


/* ---------- アンカー---------- */

#top {
	display:none;
	border: 0;
}


/* ---------- アウトライン---------- */

#wrap {	
	width:920px;
	background-image:url(../images/bg-outline.gif);
	background-position:center;
	background-repeat:repeat-y;
}
#wrap-inner {	
	margin :  0 10px 0 10px; /* shadow 左10px 右10px詰め */
	padding: 0 0 0 0;
}
/* ---------- ヘッダー---------- */

#header {
	width: 900px;
	height: 40px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	background:url(../images/bg-header.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#header h1 {
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}

#logo {
	display:block;
	background-image:url(../images/img-logo.gif);
	background-repeat:no-repeat;
	width: 200px;
	height: 40px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
	float:left;
}

#header p {
	text-align:right;
	padding:5px 10px 0 0;
	margin: 0 0 0 0;
	font-size: 10px;
}



/* ---------- コンテンツ枠---------- */

#content {
	clear:both;
	width: 900px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	/* background-color:#fff; */
}
#content-inner {
	margin: 0 30px 0 30px;/* 左30px 右30px詰め */
	padding: 0;
}



#left {　/* #sidebar は entry.css 参照 */
	float:left;
	width: 220px;
	margin: 10px 0 0 0;
	padding: 0;
	font-size:75%;
	line-height:180%;
}

#left-inner {
	margin: 0 10px 0 10px;/* 左10px 右10px詰め */
	padding: 0 0 0 0;
}


#left p {
	margin: 10px 0 0 0;
}







#right {
	float:right;
	width: 605px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size:85%;
	line-height:150%;
}
#right-inner {
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}


/* ------------ top-main  ------------  */

#top-mainimg{
	width: 900px;
	height: 500px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
	background-image:url(../images/top-mainimg.jpg);
}

/* ------------ 各店トップ用ショートカットメニュー　m-menusel  ------------  */


.m-menusel {
	margin: 0 0 0 0;
	padding: 415px 0 0 210px;	
}
.m-menusel ul {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.m-menusel li {
	position: relative;
	float: left;
	list-style:none;
	margin: 0 0 0 0;
	padding: 0;
}

.m-menusel ul li table {
	border-collapse: collapse;
	border: none;
	font-size: 90%;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}
				
.m-menusel ul li ul {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 75px;
	left: 0;
	height: 0;
	z-index: 100;
	margin: 0;
	padding: 0;
	border-top:2px solid #fff;
}
		
.m-menusel ul li a {
	display: block;
}
			
.m-menusel ul li a:hover {
	position: relative;
	z-index: 100;
}
			
.m-menusel ul li:hover ul ,
.m-menusel ul li a:hover ul {
	visibility: visible;
	overflow: visible;
	height: auto;
	z-index: 10;
}


/*-off*/
li.m-menusel01 a {
	background:url(../images/m-menusel01.jpg) no-repeat;
	width:215px; height:77px; text-indent:-9999px;
	margin-right: 10px;
}
li.m-menusel02 a {
	background:url(../images/m-menusel02.jpg) no-repeat;
	width:215px; height:77px; text-indent:-9999px;
	margin-right: 10px;
}
li.m-menusel03 a {
	background:url(../images/m-menusel03.jpg) no-repeat;
	width:215px; height:77px; text-indent:-9999px;;
}

/*-on-hover*/
li.m-menusel01 a:hover {
	background:url(../images/m-menusel01.jpg) no-repeat
	width:215px; height:77px;
	background-position: 0 1px;
}
li.m-menusel02 a:hover {
	background:url(../images/m-menusel02.jpg) no-repeat
	width:215px; height:77px;
	background-position: 0 1px;
}
li.m-menusel03 a:hover {
	background:url(../images/m-menusel03.jpg) no-repeat
	width:215px; height:77px;
	background-position: 0 1px;
}



.sub li{
	padding: 0 0 0 0;
	text-align:center;
}


li.m-menusel-sub a {
	text-decoration:none;
	font-size:10px;
	line-height:10px;
	overflow:hidden;
	padding: 6px 3px 0px 3px;
	width:210px; height:16px; !important;
	text-indent:0px; !important;
	background-image:none; !important;
	background-color:#ffed73; !important;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	margin: 0 0 0 0;
	color:#000;
}
li.m-menusel-sub a:hover {
	width:210px; height:16px; !important;
	background-image:none; !important;
	background-color:#FF99FF; !important;
	margin: 0 0 0 0;
	color:#fff;
	font-weight:bold;
}

/* ------------ page-main  ------------  */

#page-mainimg{
	width: 900px;
	height: 175px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
	background-image:url(../images/page-mainimg.jpg);
}

#page-mainimg h2{
	font-size: 75%;
	color:#fff;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}





/* ------------ top-welcome  ------------  */

#top-welcome{
	display:block;
	width: 605px;
	height: 196px;
	background-image:url(../images/top-welcome.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	margin:  0 0 15px 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}

#top-welcome p{
	margin:  0 0 0 0;
	padding: 0 0 0 0;
}


/* ------------ top-news  ------------  */

#top-news{
	display:block;
	width: 605px;
	height: 67px;
	background-image:url(../images/top-news.jpg);
	background-repeat:no-repeat;
	background-position: 0 0;
	margin:  0 0 2px 0;
	padding: 0 0 0 0;
	text-indent: -9999px;
	outline-style:none;
	border: 0;
}
#top-news-fra{
	width: 605px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#f8f4e7;
}
#top-news-fra-inner{
	width: 605px;
	height: 580px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: auto;
	font-size:90%;
	line-height:160%;
}


/* ------------ top-news photo&entry  ------------  */

#top-news-fra dl{
	width: 550px;
	margin: 0 0 0 0;
	padding: 15px;
}

#top-news-fra dt{
	height: 100px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#top-news-fra dd{
	height: 100px;
	margin: -100px 0 10px 110px;
	padding: 0 0 0 0;
}

#top-news-fra p{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


#top-news-fra a.top-news-a:link     { color: #000; text-decoration: none; }
#top-news-fra a.top-news-a:visited  { color: #000; text-decoration: none;  }
#top-news-fra a.top-news-a:hover    { color: #000; text-decoration: underline; }
#top-news-fra a.top-news-a:active   { color: #000; text-decoration: underline; }





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

#footer{
	clear:both;
	text-align:center;
	font-size: 75%;
	width: 900px;
	height: 183px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(../images/bg-footer.gif);
	background-repeat:no-repeat;
	background-position: bottom;
}
#footer-inner{
	margin: 20px 15px 0px 15px;
	padding: 0 0 55px 0;
}

.bot-menu {
	font-size: 90%;
	line-height:180%;
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
}


#copyright {
	
	text-align:right;
	font-size:10px;
	width: 900px;
	margin: auto;
	padding: 10px 0 10px 0;
	font-family: 'ＭＳ Ｐ明朝', HiraMinPro-W3, 'ヒラギノ明朝 Pro W3';
	color:#fff;
}


/* ------------ ページの先頭へ  ------------  */
#pagetop {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}




/* ------------ リンク設定 ------------  */

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

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

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

a.a-red:link     { color: #cc0066; text-decoration: none; }
a.a-red:visited  { color: #8d0046; text-decoration: none;  }
a.a-red:hover    { color: #cc0066; text-decoration: underline; }
a.a-red:active   { color: #cc0066; text-decoration: none; }

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

a.a-wh-noul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul:hover    { color: #fff; text-decoration: none; }
a.a-wh-noul:active   { color: #fff; text-decoration: none; }

a.a-wh-noul-ovul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul-ovul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul-ovul:hover    { color: #fff; text-decoration: underline; }
a.a-wh-noul-ovul:active   { color: #fff; text-decoration: underline; }

a.a-bl-noul:link     { color: #000; text-decoration: none; }
a.a-bl-noul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul:hover    { color: #000; text-decoration: none; }
a.a-bl-noul:active   { color: #000; text-decoration: none; }

a.a-bl-noul-ovul:link     { color: #000; text-decoration: none; }
a.a-bl-noul-ovul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul-ovul:hover    { color: #000; text-decoration: underline; }
a.a-bl-noul-ovul:active   { color: #000; text-decoration: underline; }

a.a-gr-noul-ovul:link     { color: #666; text-decoration: none; }
a.a-gr-noul-ovul:visited  { color: #666; text-decoration: none;  }
a.a-gr-noul-ovul:hover    { color: #666; text-decoration: underline; }
a.a-gr-noul-ovul:active   { color: #666; text-decoration: underline; }

a.a-blue-noul-ovul:link     { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:visited  { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:hover    { color: #339; text-decoration: underline; }
a.a-blue-noul-ovul:active   { color: #339; text-decoration: underline; }

a.a-blue-noul-ovul-b:link     { color: #339; text-decoration: none; font-weight:bold;}
a.a-blue-noul-ovul-b:visited  { color: #339; text-decoration: none; font-weight:bold; }
a.a-blue-noul-ovul-b:hover    { color: #339; text-decoration: underline; font-weight:bold;}
a.a-blue-noul-ovul-b:active   { color: #339; text-decoration: underline; font-weight:bold;}