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

/* ---------------------------------------------------------------- *
	ドキュメント全体設定
 * ---------------------------------------------------------------- */

body {
  color: #333333;
  background: #ECF4D9 url(/img/bg.gif) repeat-x;
}

#container {
  background: tranparent;
  width: 760px;
  margin:20px auto 20px;
}

/* ---------------------------------------------------------------- *
	ヘッダ設定
 * ---------------------------------------------------------------- */

#header {/* --- ＴＯＰメインヘッダー --- */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  height:200px;
  position:relative;
}

#logo{/* --- ロゴ指定 --- */
  position: absolute;
  left:0;
  bottom:0;
}

.topnavi{
	position:absolute;
	top:15px;
	left:470px;
	text-align:right;
	width:270px;
}

#header_sub {/* --- サブヘッダー --- */
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  height:100px;
  position:relative;
}

#logo_sub{/* --- ロゴ指定 --- */
  position: absolute;
  left:25px;
  bottom:5px;
}


/* ---------------------------------------------------------------- *
	グローバルナビゲーション設定
 * ---------------------------------------------------------------- */

#navi {/* --- ナビ背景色 --- */
	background: #000000;
	margin: 0;
	padding: 0;
}

.global_menu{
	margin:0;
	padding:0;
	list-style:none;
}

.global_menu li {/* --- ナビ横並び指定 --- */
	margin: 0;
	padding: 0;
	float: left;
	position:relative;
}

.global_menu li a {/* --- リンクテキスト指定 --- */
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
}

.global_menu li ul {/* --- 2階層目非表示設定 --- */
	display:none;
	position:absolute;
	top:25px;
	left:-10px;
	width:150px;
	height:100px;
	padding:5px 0 0 5px;
	margin:0;
	background: url(/img/list_bg.gif) no-repeat;
	z-index:1;
}

.global_menu li ul li{/* --- 2階層目回り込み禁止 --- */
	float:none;
	margin:0;
	padding:0;
}

/* ------------------ メニューボタン --------------------- */

.g_nav1 a{
	background: url(/img/menu_01.gif) no-repeat;
	width:111px;
	height:29px;
	text-indent:-9999px;
}

.g_nav1 a:hover{
	background:url(/img/menu_over_01.gif) no-repeat;
}

.g_nav2 a{
	background: url(/img/menu_02.gif) no-repeat;
	width:197px;
	height:29px;
	text-indent:-9999px;
}

.g_nav2 a:hover{
	background:url(/img/menu_over_02.gif) no-repeat;
}

.g_nav3{
	width:132px;
}

.g_nav3 a{
	background: url(/img/menu_03.gif) no-repeat;
	width:132px;
	height:29px;
}

.g_nav3 a:hover{
	background:url(/img/menu_over_03.gif) no-repeat;
}
.g_nav4 a{
	background: url(/img/menu_04.gif) no-repeat;
	width:171px;
	height:29px;
	text-indent:-9999px;
}

.g_nav4 a:hover{
	background:url(/img/menu_over_04.gif) no-repeat;
}

.g_nav5 a{
	background: url(/img/menu_05.gif) no-repeat;
	width:149px;
	height:29px;
	text-indent:-9999px;
}

.g_nav5 a:hover{
	background:url(/img/menu_over_05.gif) no-repeat;
}


/* ---------------------------------------------------------------- *
	メインコンテナ設定
 * ---------------------------------------------------------------- */

#main {/* --- メインボックス --- */
  background: #FFFFFF;
  margin:0;
  padding-top:20px;
  padding-right:10px;
  padding-bottom:20px;
  padding-left:15px;
}

/* ---------------------------------------------------------------- *
	サイドメニュ設定
 * ---------------------------------------------------------------- */

#sidenavi {/* --- サイドボックス全体 --- */
	background: #FFFFFF;
	width: 170px;
	float:left;
	text-align:center;
}

.image_space{
	margin:5px 0;
}

/* ------------------ カタログリスト --------------------- */

.catalog_top{/* --- カタログリストトップ画像 --- */
	background: url(/img/catalog_top_g.gif) no-repeat;
	padding-top:30px;
	width:158px;
	margin:0 auto;
}

.catalog_body{/* --- カタログメインボディ --- */
	background:#F3F3F3;
	border-left:#6fa250 1px solid;
	border-right:#6fa250 1px solid;
	padding: 10px 3px;
	margin: 0;
}

.catalog_body ul{/* --- カタログリストボックス --- */
    margin: 0;
	padding:0;
    list-style-type: none;
}

.catalog_body ul li{/* --- カタログリスト --- */
    margin: 0;
	padding:0;
    list-style-type: none;
	text-indent:-9999px;
}

.catalog_a a{/* --- カタログ土 --- */
	display:block;
	width:150px;
	height:42px;
	margin-top:3px;
	background:url(/img/catalog_a.gif) no-repeat;
}

.catalog_a a:hover{/* --- カタログ土オーバー --- */
	background:url(/img/catalog_a_over.gif) no-repeat;
}

.catalog_b a{/* --- カタログ風オーバー --- */
	display:block;
	width:150px;
	height:42px;
	margin-top:3px;
	background:url(/img/catalog_b.gif) no-repeat;
}

.catalog_b a:hover{/* --- カタログ風オーバー --- */
	background:url(/img/catalog_b_over.gif) no-repeat;
}
.catalog_c a{/* --- カタログ空オーバー --- */
	display:block;
	width:150px;
	height:42px;
	margin-top:3px;
	background:url(/img/catalog_c.gif) no-repeat;
}

.catalog_c a:hover{/* --- カタログ空オーバー --- */
	background:url(/img/catalog_c_over.gif) no-repeat;
}

.catalog_bottom{/* --- カタログ下画像 --- */
	background:url(/img/catalog_bottom_g.gif) no-repeat;
	height:15px;
}

/* ------------------ お知らせ --------------------- */

.side_info{/* --- お知らせボックス --- */
	background: url(/img/info_top.gif) no-repeat;
	padding-top:32px;
	width:162px;
	margin:0 auto;
	text-align:left;
}

.side_info_body{/* --- お知らせメインボディ --- */
	background:#F3F3F3;
	border-left: #cccccc 1px solid;
	border-right:#cccccc 1px solid;
	padding: 10px 0;
	margin: 0;
	width:158px;
}

.side_info_body ul{/* --- お知らせメインボディ --- */
	margin: 0;
	padding-left:20px;
}

.side_info_body ul li{/* --- お知らせメインボディ --- */
	list-style-type:none;
	padding-left:20px;
	background:url(/img/g_marker.gif) no-repeat left center;
	line-height:1.5;
}

.side_info_bottom{/* --- カタログ下画像 --- */
	background:url(/img/info_bottom.gif) no-repeat;
	height:20px;
}

/* ------------------ コラム --------------------- */

.side_column{/* --- コラムリストボックス全体 --- */
	width:165px;
	padding:50px 0 0;
	background: #fffeee url(/img/side_column_top.gif) no-repeat;
	text-align:left;
}

.column_under_bg{/* --- コラムリスト背景重ね用 --- */
	background:url(/img/side_column_under.gif) no-repeat bottom left;
	padding-bottom:30px;
	font-size:0.85em;
	z-index:3;
}

* html .column_under_bg{/* --- コラムリスト背景重ね用 --- */
	background:url(/img/side_column_under.gif) no-repeat bottom left;
	padding-bottom:30px;
	font-size:0.75em;
	text-decoration:none;
}

*+html .column_under_bg{/* --- コラムリスト背景重ね用 --- */
	background:url(/img/side_column_under.gif) no-repeat bottom left;
	padding-bottom:30px;
	font-size:0.75em;
	text-decoration:none;
}

html* .column_under_bg{/* --- コラムリスト背景重ね用 --- */
	background:url(/img/side_column_under.gif) no-repeat bottom left;
	padding-bottom:30px;
	font-size:0.75em;
	text-decoration:none;
}

.column_under_bg ul{/* --- コラムリストボックス--- */
	margin:0;
	padding:0 25px;
	text-align:center;
	z-index:5;
}

.column_under_bg ul li{/* --- コラムリスト設定 --- */
    margin: 0;
    list-style-type: none;
	font-size:90%;
}

.column_under_bg a {/* --- ユーザーガイドへのリンク --- */
	padding:6px 0;
	width:111px;
	display: block;
	background: url(/img/column_li_bg.gif) no-repeat;
	text-decoration:none;
	color: #999999;
}

.column_under_bg a:hover {/* --- ユーザーガイドへのリンクロールオーバー --- */
 	background: url(/img/column_li_bg_over.gif) no-repeat;
	color:#FFFFFF;
}

.pack{
	background: url(/img/pack_bg.png) no-repeat;
	width:470px;
	height:238px;
	padding:20px 10px 10px;
	margin-top:10px;
}

.pack ul li{
	list-style-type:none;
	padding:8px;
	margin:0;
}


/* ------------------ プライバシー --------------------- */

.privacy a {/* --- プライバシーポリシーへのリンク --- */
	margin-top: 10px;
	height:23px;
	width:162px;
	display: block;
	background: url(/img/privacy.gif) no-repeat;
}

.privacy a:hover {/* --- プライバシーポリシーへのリンクロールオーバー --- */
  background: url(/img/privacy_over.gif) no-repeat;
}

/* ------------------ 特定商取引 --------------------- */
/* "com"という名前は使えないようです。 */

.combtn a {/* --- 特定商取引へのリンク --- */
	margin-top: 10px;
	height:23px;
	width:162px;
	display: block;
	background: url(/img/com.gif) no-repeat;
}

.combtn a:hover {/* --- 特定商取引へのリンクロールオーバー --- */
  background: url(/img/com_over.gif) no-repeat;
}

/* ------------------ サイトマップ --------------------- */

.sitemap a {/* --- サイトマップへのリンク --- */
	margin-top: 10px;
	height:23px;
	width:162px;
	display: block;
	background: url(/img/site_map.gif) no-repeat;
}

.sitemap a:hover {/* --- サイトマップへのリンクロールオーバー --- */
  background: url(/img/site_map_over.gif) no-repeat;
}

/* ---------------------------------------------------------------- *
	コンテンツ設定
 * ---------------------------------------------------------------- */

#contents {/* --- コンテンツボックス全体 --- */
	padding:0 10px 10px 10px;
	width:530px;
	float:right;
}

.catalog_box{/* --- 各カタログのリンク用ボックス --- */
	padding:8px;
	float:left;
	text-align:center;
	margin:5px 0 0;
	line-height:2;
}

/* ------------------ ご利用ガイドリンク --------------------- */

.guide_link a {/* --- ユーザーガイドへのリンク --- */
	display: block;
	background: url(/img/guide_link.gif) no-repeat;
	text-indent: -9999px;
	width: 539px;
	height: 39px;
}

.guide_link a:hover {/* --- ユーザーガイドへのリンクロールオーバー --- */
  background: url(/img/guide_link_over.gif) no-repeat;
}

/* ------------------ コラムリスト --------------------- */

.column{/* --- コラムリスト全体のボックス --- */
	width:530px;
	margin:15px 0;
	padding:40px 0 0;
	background:url(/img/column_list.gif) no-repeat;
}

.column_body{/* --- コラムリスト本体の背景繰り返し指定 --- */
	margin:0;
	width:530px;
	background:url(/img/column_body.gif) repeat-y;
}

.cate_mark{/* --- コラムカテゴリアイコン --- */
	color:#FFFFFF;
	background: url(/img/cate_bg.gif) no-repeat center center;
	padding:5px 15px;
	margin:0 auto;
	width:100px;
	text-align:center;
	line-height:25px;
}

.cate_mark span{/* --- コラムアイコン(通常) --- */
	font-size:10px;
}

* html .cate_mark span{/* --- コラムアイコン（IE6用） --- */
	font-size:9px;
}

*+html .cate_mark span{/* --- コラムアイコン（IE7用） --- */
	font-size:9px;
}

html* .cate_mark span{
	font-size:9px;
}

*:first-child+html .cate_mark{
	font-size:75%;
}

*html .cate_mark{
	font-size:75%;
}

.column_table{/* --- コラムリストレイアウト --- */
	width:500px;
	line-height:1.5;
	margin: 5px auto auto;
	padding: 5px 0px;
	position:relative;
}

.column_title{/* --- コラムリスト題名 --- */
	color:#3399FF;
	font-size:115%;
	font-weight:bold;
}

.next_link{
	padding-left:320px;
}

/* ---------------------------------------------------------------- *
	フッタ設定
 * ---------------------------------------------------------------- */

#footer {
	background: url(/img/foot_bg.gif) no-repeat bottom;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	height:50px;
	clear:both;
}

#footer ul {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: 80px;
    padding: 0;
    border-left: 1px solid #CCCCCC;
}

#footer ul li {
	margin: 0;
	padding: 0 5px;
	border-right: 1px solid #CCCCCC;
}

address{
	text-align:center;
}

/* ---------------------------------------------------------------- *
	共通回り込みハック
 * ---------------------------------------------------------------- */

div{
    zoom:1;/*for IE 5.5-7*/
}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* ---------------------------------------------------------------- *
	透過pngハック
 * ---------------------------------------------------------------- */
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}
/*.IEPNGFIX {
  behavior: expression(IEPNGFIX.fix(this));
}
  /*
.ie6 div.entry-detail /img, .ie7 div.entry-detail /img {
  behavior: expression(IEPNGFIX.fix(this));
}*/

/* ---------------------------------------------------------------- *
	カタログ商品リストページ
 * ---------------------------------------------------------------- */

.goods_flame{
	margin:10px 0;
	width:530px;
	border-left:#a9a9a9 1px solid;
}

.goods{
	width:250px;
	float:left;
	border-right:#a9a9a9 1px solid;
	border-bottom:#a9a9a9 1px solid;
	padding:5px 7px 5px 6px;
	height:190px;
}

.goods_title{
	color:#333333;
	font-size:99%;
}
	

/* ---------------------------------------------------------------- *
	ユーザーガイドリストページ
 * ---------------------------------------------------------------- */

#ug_index{
	padding:20px;
	position:relative
}

.about_cataloggift{
	position:absolute;
	top:20px;
	left:350px;
}

/* ---------------------------------------------------------------- *
	ギフトアースとは
 * ---------------------------------------------------------------- */

#about_box{
	background:#FFFCDB url(/img/about_bg2.gif) no-repeat bottom;
	padding:0 0 120px 40px;
}

/* ---------------------------------------------------------------- *
	カートリストページ
 * ---------------------------------------------------------------- */

#cart_join{
	width:330px;
	height:150px;
	overflow:scroll;
	font-size:80%;
}

/* ---------------------------------------------------------------- *
	定義リスト：プライバシーポリシー
 * ---------------------------------------------------------------- */

dt,dl{
	float:left;
	padding-right:10px;
}

.pry_d{
	margin:10px 0;
	padding:10px;
	border:#a9a9a9 1px solid;
	width:470px;
}

/* ---------------------------------------------------------------- *
	お問い合わせ
 * ---------------------------------------------------------------- */

.t_style1{
	border-collapse:collapse;
}

.t_style1 th{
	text-align:left;
	font-style:none;
	background:#f0fff0;
	border:1px solid #dcdcdc;
}

.t_style1 td{
	border:1px solid #dcdcdc;
}