@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  margin-bottom:15px;
}
#container, #container_shop {
  width: 806px;
  margin: 0 auto;
}
#container { 
 
}
#container_shop {
  background:#FFFFFF;
}
#container #wrap{
	background:url(../img/wrap_bg.gif);
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
#header, #header_m {
  margin: 0 0 30px 0;
  padding: 0;
  text-align:center;
  font-size:80%;
}

/* ---------------------------------------------------------------- *
	トップページフラッシュ部分の設定です
 * ---------------------------------------------------------------- */

#top_main{
	margin:0;
	padding:0;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */

#main {
  padding-right: 0;
  background: tranparent;
  margin-top: 0;
  margin-bottom: 0;
  width:641px;
  float:right;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です（一段組）
 * ---------------------------------------------------------------- */

#main2 {
  padding: 0;
  background: tranparent;
  margin-top: 0;
  margin-bottom: 0;
  width:808px;
  background:#f3f2e6;
  border-bottom:1px solid #f3f2e6;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（トップページ）
 * ---------------------------------------------------------------- */

#sidenavi {
  background:#3b0001 url(../img/menu_bg.jpg) no-repeat top;
  width: 165px;
  float:left;
  padding-top: 0;
  padding-bottom: 0;
}
#sidenavi ul {
    margin: 0;
    padding: 8px;
}
#sidenavi ul li {
    margin: 0;
    padding: 25px 0 5px 19px;
    list-style-type: none;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi {
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（スタイル）
 * ---------------------------------------------------------------- */

#sidenavi_style, #sidenavi_style_t {
  width: 165px;
  height:454px;
  float:left;
  padding-top: 0;
  padding-bottom: 0;
  margin:0;
  background:#FFFFFF;
}

#sidenavi_style {
  background: url(../style/img/menu_style_bg.jpg) no-repeat top;
}
#sidenavi_style_t {
  background: url(../style/img/menu_style_t_bg.jpg) no-repeat top;
}
.back_t{
	margin:0;
	padding:82px 0 0 0;
}
#sidenavi_style ul {
    margin: 6px 0 0 0;
    padding: 0 8px 0 45px;
	font-size:85%;
}
#sidenavi_style ul li {
    margin: 0;
    padding: 6px 0 6px 10px;
    list-style-type: none;
	background:url(../img/arrow.gif) no-repeat 0 0.9em;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi_style, [id="sidenavi"]#sidenavi_style_t {
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi_style, html:lang(ja) #sidenavi_style_t {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（ニュース）
 * ---------------------------------------------------------------- */

#sidenavi_news {
  background: url(../news/img/menu_news_bg.jpg) no-repeat right;
  width: 165px;
  height:454px;
  float:left;
  padding-top: 0;
  padding-bottom: 0;
}
.back_t{
	margin:0;
	padding:82px 0 0 0;
}
#sidenavi_news ul {
    margin: 6px 0 0 0;
    padding: 0px 8px 0px 45px;
	font-size:85%;
}
#sidenavi_news ul li {
    margin: 0;
    padding: 6px 0 6px 10px;
    list-style-type: none;
	background:url(../img/arrow.gif) no-repeat 0 0.9em;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi_news {
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi_news {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（エツコの部屋）
 * ---------------------------------------------------------------- */

#sidenavi_e_room {
  background:url(../e_room/img/menu_e_room_bg.jpg) no-repeat;
  width: 165px;
  height:454px;
  float:left;
  padding-top: 0;
  padding-bottom: 0;
}
.back_t{
	margin:0;
	padding:82px 0 0 0;
}
#sidenavi_e_room ul {
    margin: 6px 0 0 0;
    padding: 0px 8px 0px 45px;
	font-size:85%;
}
#sidenavi_e_room ul li {
    margin: 0;
    padding: 6px 0 6px 10px;
    list-style-type: none;
	background:url(../img/arrow.gif) no-repeat 0 0.9em;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi_e_room {
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi_e_room {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}


/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（contact）
 * ---------------------------------------------------------------- */

#sidenavi_contact {
  background:url(../contact/img/menu_contact_bg.jpg) no-repeat;
  width: 165px;
  height:454px;
  float:left;
  padding-top: 0;
  padding-bottom: 0;
}
#sidenavi_contact ul {
    margin: 6px 0 0 0;
    padding: 8px;
	font-size:85%;
}
#sidenavi_contact ul li {
    margin: 0;
    padding: 6px 0 6px 35px;
    list-style-type: none;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi_contact {
  /* ★ --- 上マージンを設定してください --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定してください */
  margin-top: 0;
}
html:lang(ja) #sidenavi_contact {
  /* Note：直前の指定と同じ値を設定してください */
  margin-top: 0;
}


/* ---------------------------------------------------------------- *
	中ページメニュー部分の設定です
 * ---------------------------------------------------------------- */
 .menu{
	padding:0 0 15px 0;
	margin:0 0 0 0;
	font-size:100%;
	text-align:center;
	width: 806px;
	letter-spacing:0.04em;
 }
 .menu a{
 	color:#000000;
 }
 .menu a:hover{
	color:#cccccc;
	text-decoration: none;	
 }
 span{
 	color:#000000;
	margin:0 3px 0 3px;
 }
 

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（バナー部分）
 * ---------------------------------------------------------------- */
.banner{
	margin:147px 0 0 13px;
	padding:0 0 14px 0;
}


/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  background: #f3f2e6;
  margin: 0;
  padding: 0;
  width:641px;
}

.contents_map {
	margin: 0;
	padding: 38px 0 26px 36px;
	background-color: #F3F2E6;
	width:770px;
}

.contents_e_room {
  background: #1f333e;
  margin: 0;
  padding: 0;
  width:806px;
  height:379px;
}

/*　高さ保持　*/
.etsuko-space {
	float:left;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	font-size: 0px;
	height: 379px;
}

.contents_shop {
  background: #f3f2e6;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 32px 0;
  width:806px;
}

/* ---------------------------------------------------------------- *
	トップページフラッシュの設定です
 * ---------------------------------------------------------------- */

.fla {
  background: #000000;
  margin: 0;
  padding: 0;
  border-left:1px solid #a4a398;
  height:446px;
  /* ↑フラッシュを入れたらとる */
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

.copy{
	width:806px;
	text-align:center;
	margin-top:12px;
	padding:12px 0 50px 0;
	font-style:normal;
	color:#000000;
	font-size:80%;
	margin:0 auto;
	background:#f3f2e6;
}
.copy02{
	width:806px;
	text-align:center;
	margin-top:12px;
	padding:12px 0 50px 0;
	font-style:normal;
	color:#000000;
	font-size:80%;
	margin:0 auto;
}