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

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */
body {
  color: #333333;
  background: url(../img/bg.gif);
  padding:8px 0 16px 0;
}

#container {
  background: transparent;
  width: 772px;
  margin: 0 auto;
  padding:0;
  background: url(../img/container_bg.gif);
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */
#header {
  background:url(../img/head_bg.gif);
  margin: 0;
  padding: 0 0 2px 0;
}
#header_main {
  background:url(../img/head_main_bg.gif) no-repeat;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  width:772px;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
#navigation {
	
}
#navigation ul{
	list-style-type: none;
	margin:0 0 0 36px;
	padding:0;
}
#navigation li{
	float:left;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */
#g_navi {
	height:34px;
	background:url(../img/g_navi_bg.gif) no-repeat;
	margin:0 0 0 36px;
	width:706px;
}
#g_navi ul {
	padding:0;
	margin:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:34px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#g_navi li.g_navi01 a {
	background:url(../img/g_navi.gif) no-repeat 0px 0;
	width:119px;
}
#g_navi li.g_navi02 a {
	background:url(../img/g_navi.gif) no-repeat -119px 0px;
	width:97px;
}
#g_navi li.g_navi03 a {
	background:url(../img/g_navi.gif) no-repeat -216px 0px;
	width:97px;
}
#g_navi li.g_navi04 a {
	background:url(../img/g_navi.gif) no-repeat -313px 0px;
	width:97px;
}
#g_navi li.g_navi05 a {
	background:url(../img/g_navi.gif) no-repeat -410px 0px;
	width:97px;
}
#g_navi li.g_navi06 a {
	background:url(../img/g_navi.gif) no-repeat -507px 0px;
	width:97px;
}
#g_navi li.g_navi07 a {
	background:url(../img/g_navi.gif) no-repeat -604px 0px;
	width:97px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../img/g_navi.gif) no-repeat 0px -34px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../img/g_navi.gif) no-repeat -119px -34px;
}
#g_navi li.g_navi03 a:hover {
	/*background:url(../img/g_navi.gif) no-repeat -216px -34px;*/
}
#g_navi li.g_navi04 a:hover {
	background:url(../img/g_navi.gif) no-repeat -313px -34px;
}
#g_navi li.g_navi05 a:hover {
	/*background:url(../img/g_navi.gif) no-repeat -410px -34px;*/
}
#g_navi li.g_navi06 a:hover {
	background:url(../img/g_navi.gif) no-repeat -507px -34px;
}
#g_navi li.g_navi07 a:hover {
	background:url(../img/g_navi.gif) no-repeat -604px -34px;
}
/*------on*/
#g_navi li.g_navi01_on a {
	background:url(../img/g_navi.gif) no-repeat 0px -34px;
	width:119px;
}
#g_navi li.g_navi02_on a {
	background:url(../img/g_navi.gif) no-repeat -119px -34px;
	width:97px;
}
#g_navi li.g_navi03_on a {
	background:url(../img/g_navi.gif) no-repeat -313px -34px;
	width:97px;
}
#g_navi li.g_navi04_on a {
	background:url(../img/g_navi.gif) no-repeat -410px -34px;
	width:97px;
}
#g_navi li.g_navi05_on a {
	background:url(../img/g_navi.gif) no-repeat -507px -34px;
	width:97px;
}
#g_navi li.g_navi06_on a {
	background:url(../img/g_navi.gif) no-repeat -604px -34px;
	width:97px;
}
#g_navi li.g_navi07_on a {
	background:url(../img/g_navi.gif) no-repeat -533px -34px;
	width:97px;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です（トップ）
 * ---------------------------------------------------------------- */
#main {
	padding-left: 210px;
	padding-right: 0;
	background: tranparent;
	margin-top: 0;
	margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です（2段組）
 * ---------------------------------------------------------------- */
#main02 {
	padding:0 0 0 200px;
	background: tranparent;
	margin: 0;
	width:544px;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です（1段組）
 * ---------------------------------------------------------------- */
#main03 {
	padding:0 38px 0 36px;
	background: tranparent;
	margin: 0;
	width:698px;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（トップページ）
 * ---------------------------------------------------------------- */
#sidenavi {
	/*top: 412px;*/
	top: 387px;
	left: 0;
	right: auto;
	margin:0; 
	padding: 0 36px 0 0;
	z-index: 1;
	width:165px;
	background:url(../img/sidenavi_bg.gif) no-repeat;
 }
#sidenavi ul {
	margin:0 0 0 5px;
	padding:0;
}
#sidenavi li {
	display:inline;
	list-style-type:none;
}
#sidenavi li a {
	width:155px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#sidenavi li.sidenavi01 a {
	background:url(../img/sidenavi.gif) no-repeat 0 0px;
	height:34px;
}
#sidenavi li.sidenavi02 a {
	background:url(../img/sidenavi.gif) no-repeat 0 -34px;
	height:28px;
}
#sidenavi li.sidenavi03 a {
	background:url(../img/sidenavi.gif) no-repeat 0 -62px;
	height:28px;
}
#sidenavi li.sidenavi04 a {
	background:url(../img/sidenavi.gif) no-repeat 0 -90px;
	height:28px;
}
/*------hover*/
#sidenavi li.sidenavi01 a:hover {
	background:url(../img/sidenavi.gif) no-repeat -155px 0px;
}
#sidenavi li.sidenavi02 a:hover {
	background:url(../img/sidenavi.gif) no-repeat -155px -34px;
}
#sidenavi li.sidenavi03 a:hover {
	background:url(../img/sidenavi.gif) no-repeat -155px -62px;
}
#sidenavi li.sidenavi04 a:hover {
	background:url(../img/sidenavi.gif) no-repeat -155px -90px;
}
/*------on*/
#sidenavi li.sidenavi01_on a {
	background:url(../img/sidenavi.gif) no-repeat -155px 0px;
	height:34px;
}
#sidenavi li.sidenavi02_on a {
	background:url(../img/sidenavi.gif) no-repeat -155px -34px;
	height:28px;
}
#sidenavi li.sidenavi03_on a {
	background:url(../img/sidenavi.gif) no-repeat -155px -62px;
	height:28px;
}
#sidenavi li.sidenavi04_on a {
	background:url(../img/sidenavi.gif) no-repeat -155px -90px;
	height:28px;
}

#sidenavi #banner{
	margin-top:22px;
}
#sidenavi #banner .bn{
	margin-top:6px;
	font-size:90%;
	line-height:1.25em;
}
#sidenavi #banner .bn img{
	margin-bottom:3px;
}
#sidenavi #banner .bn02{
	margin-top:8px;
}
#sidenavi #banner .fla_bn{
	padding-bottom:3px;
}
#sidenavi02 .bn{
	margin:0 0 0 8px;
}


/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定です（2段組）
 * ---------------------------------------------------------------- */
#sidenavi02 {
  background: #FFFFFF;
  width: 165px;
  top: auto;
  left: 0;
  right: auto;
  padding: 0;
  margin:0 0 0 36px;
  z-index: 1;
}
#sidenavi02 ul {
    margin: 0 0 10px 0;
    padding: 8px;
    background: url(img/slash.png) repeat;
}
#sidenavi02 ul li {
    margin: 0;
    padding: 4px 0px 4px 0px;
    border-bottom: 1px dotted #cccccc;
    background: #fff url(img/sq_arrow.gif) no-repeat 5px 7px;
    list-style-type: none;
}
#sidenavi02 .g_m01{
	padding:4px 0 3px 15px;
	background: url(../gift/img/g_m01_bg.gif) repeat;	
	font-weight:bold;
}
#sidenavi02 .s_m01{
	padding:4px 0 3px 15px;
	background: url(../kounyu/img/s_m01_bg.gif) repeat;	
	font-weight:bold;
}
#sidenavi02 .sp_m01{
	padding:4px 0 3px 15px;
	background: url(../shop/img/s_m01_bg.gif) repeat;	
	font-weight:bold;
}
#sidenavi02 .ipg_m01{
	padding:4px 0 3px 15px;
	background: url(../i_p_gift/img/g_m01_bg.gif) repeat;	
	font-weight:bold;
}

/* ---------------------------------------------------------------- *
	バックグラウンド部分の設定です
 * ---------------------------------------------------------------- */
#bg {
	background: url(../img/bg01.gif) no-repeat;
	width:772px;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */
.contents_top {
  background: #FFFFFF;
  margin: 0;
  padding: 1em 0 0 1em;
}
.contents {
  background: #FFFFFF;
  margin: 0;
  padding: 1em 1em 0 1em;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */
#footer {
  margin: 0;
  padding: 16px 36px;
  background-image: url(../img/footer_bg.gif) no-repeat bottom;
}

/* ---------------------------------------------------------------- *
	メインページ新着情報に関する設定です
 * ---------------------------------------------------------------- */
#main_news{
	margin-bottom:20px;
}
#main_news_shop{
	margin-bottom:10px;
	margin-left:14px
}