/* ------------------------------
基本ルール：
テーブルタグによるレイアウトは2重（場合によっては3重まで）
CSSでできる装飾はなるべくCSSで装飾する
例）余白、背景など
シンプルなソースを心がける

★basic.css：全ページ共通使用のCSS screen用
☆basic_p.css：全ページ共通使用のCSS print用
☆common.css：各ページ・各記事使用のCSS　screen/print用
☆import.css：読み込み用
☆version4.css：NN4 以下用

Mac　IE5.0重視　要注意
NN4.7　非対応
------------------------------ */

/* ------------------------------
タグ用基本CSS
------------------------------ */
body {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 125%;
	color: #666666;
    aligin: center;
/*	background: #FFFFFF; */
	background: url(../img/bg.gif);
	}
h1,h2,h3,h4,h5,p,ul,ol,li,form {padding: 0px;margin: 0px;}
li{display: inline;}

/* ------------------------------
リンク指定
------------------------------ */

/* === 通常 下線なし=== */
a:link {text-decoration: none;color: #777777;}
a:visited {text-decoration: none;color: #777777;}
a:hover {text-decoration: underline;color: #7897D2;}
a:active {text-decoration: underline;color: #7897D2;}
/* === 下線付き=== */
a.under:link {text-decoration: underline;color: #777777;}
a.under:visited {text-decoration: underline;color: #777777;}
a.under:hover {text-decoration: underline;color: #7897D2;}
a.under: active {text-decoration: underline;color: #7897D2;}
/* === blue下線なし=== */
a.bluelink:link {text-decoration: none;color: #7897D2;}
a.bluelink:visited {text-decoration: none;color: #7897D2;}
a.bluelink:hover {text-decoration: underline;color: #7897D2;}
a.bluelink: active {text-decoration: underline;color: #7897D2;}
/* === blue02下線なし=== */
a.blue02link:link {text-decoration: none;color: #5977B6;}
a.blue02link:visited {text-decoration: none;color: #5977B6;}
a.blue02link:hover {text-decoration: underline;color: #5977B6;}
a.blue02link: active {text-decoration: underline;color: #5977B6;}
/* === orange下線付き=== */
a.orange:link {text-decoration: underline;color: #FFA517;}
a.orange:visited {text-decoration: underline;color: #FFA517;}
a.orange:hover {text-decoration: none;color: #FFA517;}
a.orange: active {text-decoration: none;color: #FFA517;}
/* === orange02下線なし=== */
a.orange02link:link {text-decoration: none;color: #777777;}
a.orange02link:visited {text-decoration: none;color: #777777;}
a.orange02link:hover {text-decoration: underline;color: #FFA517;}
a.orange02link: active {text-decoration: underline;color: #FFA517;}
/* === orange02下線なし=== */
a.orange03link:link {text-decoration: none;color: #FFA517;}
a.orange03link:visited {text-decoration: none;color: #FFA517;}
a.orange03link:hover {text-decoration: underline;color: #FFA517;}
a.orange03link: active {text-decoration: underline;color: #FFA517;}
/* === pink下線なし=== */
a.pinklink:link {text-decoration: none;color: #E9B3D5;}
a.pinklink:visited {text-decoration: none;color: #E9B3D5;} /* 表示状態 */
a.pinklink:hover {text-decoration: underline;color: #E9B3D5;} /* マウスオーバー時 */
a.pinklink: active {text-decoration: underline;color: #E9B3D5;}

/* === Page Top用=== */
a.PageToplink:link {text-decoration: none;color: #7897D2;}
a.PageToplink:visited {text-decoration: none;color: #7897D2;} /* 表示状態 */
a.PageToplink:hover {text-decoration: underline;color: #7897D2;} /* マウスオーバー時 */
a.PageToplink: active {text-decoration: underline;color: #7897D2;}


/* === 画像枠線なし=== */
a img{margin:0px;padding:0px;border:none;}/*リンクの画像ボーター消し */


/* ------------------------------
テキスト用CSS
------------------------------ */
/* ====== text size ====== */
.s {font-size: 10px; line-height: 120%; }
.m {font-size: 11px; line-height: 125%; }
.m16 {font-size: 11px; line-height: 16px; }
.l {font-size: 12px; line-height: 130%; }
.l20 {font-size: 12px; line-height: 20px; }
.lx2 {font-size: 14px; line-height: 140%; }
.lx3 {font-size: 16px; line-height: 160%; }
/* ====== text size -bold ====== */
.sb {font-size: 10px; line-height: 120%; font-weight: bold; }
.mb {font-size: 11px; line-height: 125%; font-weight: bold; }
.lb {font-size: 12px; line-height: 130%; font-weight: bold; }
.lx2b {font-size: 14px; line-height: 140%; font-weight: bold; }
.lx3b {font-size: 16px; line-height: 160%; font-weight: bold; }
/* ====== text color ====== */
.white {color: #FFFFFF; }
.pink {color: #FFCCCC; }
.pink01 {color: #FF3399; }
.pink02 {color: #FF0080; }
.sky {color: #CCEEFF; }
.gold {color: #7F7361; }
.red {color: #FF0000; }
.red01 {color: #FF616B; }
.blue01 {color: #7897D2; }
.blue02 {color: #ACC7E1; }
.blue03 {color: #637FBB; }
.blue04 {color: #D0DBF2; }
.blue05 {color: #B9C8E9; }
.blue06 {color: #84A1E1; }
.blue07 {color: #3EAFD1; }

.green {color: #669933; }
.green01 {color: #8EC04D; }
.orange {color: #FFA517; }
.orange01 {color: #EB9C79; }
.orange02 {color: #FF7200; }
.d_orange{color:#E9A734;}
.d_yellow{color:#EBB534;}
.gray-C {color: #CCCCCC;}
.gray-9 {color: #999999;}
.gray-6 {color: #666666;}
.gray-3 {color: #333333;}


/* ------------------------------
その他CSS
------------------------------ */
/* ====== テキスト配置CSS ====== */
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
/* ====== 回り込みCSS ====== */
.f-right {float: right;}
.f-left {float: left;}
/* ====== 回り込み解除CSS ====== */
.clear {clear: both;}
.clear-l {clear: left;}
.clear-r {clear: right;}
/* ====== その他 ====== */
.inline{display: inline;}
.nobold {font-weight: normal; }

.hiddenText{/*隠しテキスト*/
	width:0px;
	height:0px;
	overflow:hidden;
	position:absolute;
}
.hidden{display: none;}/*インライン */

/* ------------------------------
全ページ共通CSS
------------------------------ */
div.basicStyle{/* 共通背景 */
	padding: 0px;
	margin:0px auto;
	text-align: center;
	width:920px;
	background:#FFFFFF;
}
div.mainStyle{margin: 0px 30px 0px 30px;}/* contents margin */

/* ヘッダトップコメント */
div.headerCopy{
	background:#F5F9FB;
	font-size: 90%;
	line-height: 140%; 
	color:#777777;
	padding:2px 0;
	margin-bottom:20px;
	text-align: right;
	padding-right:30px;
	width:890px; /* padding-rightの値によって変更 */
	font-weight:normal;}

h1.headerCopy{
	background:#F5F9FB;
	font-size: 90%;
	line-height: 140%; 
	color:#777777;
	padding:2px 0;
	margin-bottom:20px;
	text-align: right;
	padding-right:30px;
	width:890px; /* padding-rightの値によって変更 */
	font-weight:normal;}

/* フッタスタイル */
div.footerStyle{
	margin-top:20px;  /* メニューとの間隔 */
	width:920px;
	background:#D2E3EF;}
	
div.footerline{
	border-top: solid 1px #FFFFFF;
	width:860px;
				}

/* ログインスタイル */
div.loginStyle{
	margin-bottom:10px;  /* メニューとの間隔 */
}

div.headImgStyle{}/* ヘッダ画像 */
div.footImgStyle{}/* フッタ画像 */
td.footLinkStyle{}/* フッタ リンク*/


/*td.leftMenuStyle{/* 左メニュー共通背景 */
	/*background:#F4F2F2;
}*/
/* [208607] K.Takata 2009/02/02 左メニュー共通背景を本家と同じ色に変更*/
td.leftMenuStyle{/* 左メニュー共通背景 */
	background:#E5E5E5; 
}

div.memberName{/* 会員様書き出し名前 */
	color:#E9A734;
	font-weight: bold;
	height:15px;
	background:#FFFFFF;
}
.memberid{width:80px;height:14px;}
.memberpass{width:120px;height:14px;}

div.searchStyle{/* 商品検索 */
	width:120px;
	background:url(../img/bg_search.gif) no-repeat 0px 30px
}
/*div.searchStyle input.searchtext{width:134px;height:14px; margin-left:10px;}*/
div.searchStyle input.searchtext{width:120px;height:14px;}
/*div.calendarStyle{margin-left:20px;margin-top:12px;}*//* 営業日カレンダー */
div.calendarStyle{margin-top:12px;}/* 営業日カレンダー */


div.nextmainStyle,
div.headMenuStyle,
div.loginstyle01{margin-left:13px;}/* ヘッダメニュー */

table.loginStyle02{/* 会員ログイン入力 */
	background:url(../img/login_bg.jpg) repeat-x;height:27px;
}
table.loginStyle03{height:24px;}/* 会員ログイン入力 */
table.loginStyle03 td img{vertical-align: middle}/* 会員ログイン入力 */
td.l
{
	background-color:#FFFFFF;
}
/* ------------------------------
ネクストページ共通CSS
------------------------------ */
div.nextMainContents{/* ネクストページ本文部分の幅サイズ */
	width:645px;
	margin-left:0px;
/*	margin-left:32px; */
}

div.pageNextStyle{/* 商品一覧ページ送り*/
	padding:8px 0px 8px 0px;
/*	border-bottom:1px #E3E3E3 solid; */
	font-size: 12px; 
	line-height: 130%;
}


/* ------------------------------
フリーページ共通CSS
------------------------------ */
div.freeContents{/* ネクストページ本文部分の幅サイズ */
	width:677px;
	margin-left:0px;
/*	margin-left:32px; */
}

/* ------------------------------
出産祝いのポイント用CSS
------------------------------ */


div.dotts {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}

.g_read_copy {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #999;
}

.g_head {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #08c2c0;
}

.t_bg {
	background-color: #62CCD6;
	
}

.t_tr {
	background-color: #E0F3F3;
}


/* ------------------------------
ページフッタリンク
------------------------------ */
div.div_Page_footer{
	margin-top:50px;
	width:677px;
}

iframe.iframe_Page_footer{
	width:677px;
}

div.pageTopStyle{ /* ▲pagetop */
	margin-right:0px;
	padding:5px 0px 5px 0px;
	font-size: 12px; 
	font-weight: bold;
	line-height: 130%; 
}

div.footSubMenuStyle{
	margin-right:0px;
	margin-top:30px;
	padding:8px 0;
}
/* ------------------------------
------------------------------ */


div.footMenuStyle{/* フッタメニューリンクー */
	margin: 7px 13px 7px 13px;
	font-size: 10px;
	line-height: 140%;
}

div.footMenuStyle03{/* フッタメニューリンクー */
	margin: 7px 30px 7px 30px;
	font-size: 10px;
	line-height: 140%;
}
div.footMenuStyle03 a{
	margin-right:8px;
}
div.footMenuStyle03 a:link {text-decoration:none;color: #1a7cc6;}
div.footMenuStyle03 a:visited {text-decoration:none;color: #1a7cc6;}
div.footMenuStyle03 a:hover {text-decoration:underline;color:#666666;}
div.footMenuStyle03 a:active {text-decoration:underline ;color: #666666;}


div.footCopyStyle{margin:19px 0 17px;}/* フッタコピーライト */


/* ログイン部品 各リンク */
.headMenuArea03{
	font-size: 90%;
	line-height: 100%; 
	margin-bottom:4px;
}
.headMenuArea03 a:link {text-decoration:none;color: #777777;}
.headMenuArea03 a:visited {text-decoration:none;color: #777777;}
.headMenuArea03 a:hover {text-decoration:underline;color: #1a7cc6;}
.headMenuArea03 a:active {text-decoration:underline ;color: #1a7cc6;}


/* 検索テーブル */
div#headSearch{
	margin-bottom:2px;
	background:url(../img/search_bg.gif) no-repeat;
/*	border:solid 1px #e0f3f3; */
/*	background:#e0f3f3; */
	padding:10px;
	overflow: hidden; 
}


/* メインテーブル用 */
div.maint677{
	width:677px;
	background:#EAF3FA;
	text-align:left;
	overflow: hidden;
}

/* メインページ　余白*/ 
div.mainspace{
	margin-top:0px;
}


/* カテゴリ画像 */
ul#topmenu_01{
	overflow: hidden; 
	width:470px;
	height:115px;
	background:url(../img/topmenu_01.jpg) no-repeat left top;
	padding-bottom:3px;
}

ul#topmenu_01 li{
	list-style-type: none;
	float: left;
	margin:0px;
	text-indent:-9999px;
	padding:0;
}

ul#topmenu_01 li a{
	display:block;
	height:114px;
	text-decoration:none;/* mozilla系でインデント分のはみだしリンク線対策 */
/* MacIE5.X除外 start \*/
	overflow: hidden;
/* MacIE5.X除外 end */
}

li#topmenu_0101 a{width:90px;}
li#topmenu_0101 a:hover{
	background:url(../img/topmenu_01.jpg) no-repeat 0px -120px;}

li#topmenu_0102 a{width:91px;margin-left:4px;}
li#topmenu_0102 a:hover{
	background:url(../img/topmenu_01.jpg) no-repeat -94px -120px;}

li#topmenu_0103 a{width:91px;margin-left:4px;}
li#topmenu_0103 a:hover{
	background:url(../img/topmenu_01.jpg) no-repeat -189px -120px;}

li#topmenu_0104 a{width:91px;margin-left:4px;}
li#topmenu_0104 a:hover{
	background:url(../img/topmenu_01.jpg) no-repeat -284px -120px;}

li#topmenu_0105 a{width:91px;margin-left:4px;}
li#topmenu_0105 a:hover{
	background:url(../img/topmenu_01.jpg) no-repeat -379px -120px;}


/* ------------------------------
タイトル用
------------------------------ */
h2.h2_title {
	background:url(../img/h2_bg.jpg) no-repeat;
	width:657px;
	height:20px;
	font-size:10pt;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	line-height:10.5pt;
}

h2 font.h2_f1 {
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	float:left;
	color:#2F6A80;
}

div.h2_sub {
	width:657px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background:#EAF3FA;
	font-size:8pt;
	text-align:left;
}
/*-------------------------------------------------
会員登録関連
-------------------------------------------------*/
h2 font.h2_f2 {
	float:right;
	font-weight:normal;
	font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color:#2F6A80;
}

div.h2_sub2 {
	width:657px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	background:#EAF3FA;
	font-size:8pt;
	text-align:right;
}

h3.h3_form {
	padding-top:5px;
	padding-left:10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #62CDD5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #62CDD5;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:10pt;
	font-weight:bold;
	margin-bottom:15px;
	text-align:left;
}

.table_new_member {
	margin-bottom:20px;
}

/* 会員情報のご確認 */
div.MenberAlertAttention{
	padding:7px 0px 5px 15px;
	color:#64ccd6;
	font-size:12px;
	font-weight: bold;
	border: 1px #64ccd6 solid;
}
	
/*-------------------------------------------------
カート関連
-------------------------------------------------*/
tr.tr_cart_pay {
	background:#EAF3FA;
	font-size:8pt;
}

table.table_pay {
	font-size:7pt;
}

td.td_card_info {
	border:#55A1D3 solid 1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

font.f_em {
	color:#55A1D3;
}

font.f_em_r {
	color:#FB7279;
}

/* 会員入力の左余白*/
div.div_member_form_space {
	margin-left:25px;
}

div.div_cart_add {
	text-align:center;
	width:677px;
	margin-bottom:50px;
	margin-top:15px;
}

.f_7pt {
	font-size:7pt;
}

div.div_cart_form_i {
	text-align:left;
	margin-left:25px;

}

div.div_cart_form_i2 {
	text-align:left;
	margin-left:55px;

}

td.td_credit_sum_03 {

	font-size:11pt;
	font-weight:bold;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;

}	

td.td_credit_sum_04 {

	font-size:11pt;
	font-weight:bold;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#3399FF;
}	

td.td_credit_sum_05 {

	font-size:11pt;
	font-weight:bold;
	font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FF6699;
}	

div.div_shopping_footer{
	margin-top:200px;
}

/* ------------------------------
パンくずリスト情報
------------------------------ */
div.LinkInfoStyle{
	margin-bottom: 10px;
}

font.LinkInfoFont {
	color:#63B4D2;
	font-weight:bold;
}


/* ------------------------------
商品情報
------------------------------ */

table.table_item_info {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D5E9F4;
	border-top-width: 1px;
	border-top-style: solid;

	border-top-color: #D5E9F4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5E9F4;
}

table.item_info_line {border-bottom: solid 2px #D5E9F4;}


/* ------------------------------
商品詳細画面制御
------------------------------ */
/* 商品詳細ヘッダー */
td.item_detail_Style {
	background-color: #CEE5F3;
	border-right: solid 2px #FFFFFF;
	color: #777777;
	font-weight: bold;
}

/* 商品詳細カラー罫線 */
table.item_detail_line {
	border-bottom: solid 1px #CEE5F3;
}


/*-------------------------------------------------
ラッピング選択
-------------------------------------------------*/

table.table_wrapping td {
	padding-top:5px;
	padding-bottom:5px;
}

table.table_wrapping a {
	color:#99E3E6;
	font-weight:bold;
	font-size:7pt;
}

div.wrapping_info {
	background:#ECFCFC;
	width:177px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:24px;
	padding-right:24px;
	font-size:7pt;
}

td.td_wrap01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BADAEF;
}
	

/*-------------------------------------------------
カート情報確認
-------------------------------------------------*/
td.td_cl01 {
	background:#B8DBEE;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

td.td_cl02 {
	background:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B8DBEE;
}

td.td_cl03 {
	background:#FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B8DBEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B8DBEE;
}
	
td.td_cl04 {
	background:#B8DBEE;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#gift {
	background-color: #FFF;
}

.bg-bule02 {
	background-color: #bce3e9;
}

.buyer{
	width:677px;
	background:#EAF3FA;
	text-align:left;
	overflow: hidden;
}

.newitem {
	background-position: center center;
	width: 677px;
	overflow: hidden;
	background-color: #EAF3FA;
	text-align: left;
}

.bunner {
	padding-top: 10px;
}