/* ------------------------------
基本ルール：
テーブルタグによるレイアウトは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
------------------------------ */
/* ====== トップページ ====== */

div.topArticle01{margin-left:0px;}
.topArticle02{/* Baby item 月齢別アイテム一覧 */
	width:506px;background:url(img/bg_babyitem.jpg) no-repeat;height:217px;
}

td.rightMenuStyle{/* 右ギフトメニュー背景 */
	background:url(../img/right_bg.gif) repeat-y 
}
div.giftMenuStyle01{background:url(../../img/bg_gift01.gif) no-repeat }
div.giftMenuStyle02{background:url(../../img/bg_gift02.gif) repeat-y }


/* ====== ネクストページ ====== */


div.brandNameStyle{
	width:677px;
	border-top:1px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	padding:6px 0px;
	margin-bottom:14px;
}

.nextTitle01{/* ネクストページ タイトル部分 */
	min-height:53px;
	height:53px;
	border-bottom:solid 1px #A3B8E0;
	border-top:solid 1px #A3B8E0;
}
.nextTitle02{/* ネクストページ タイトル部分 */
	min-height:24px;
	height:24px;
	border-top:solid 1px #A3B8E0;
}
.nextTitle03{/* ネクストページ タイトル部分 */
	min-height:36px;
	height:36px;
	border-bottom:solid 1px #A3B8E0;
	border-top:solid 1px #A3B8E0;
}

.nextTitle04{/* ネクストページ タイトル部分 */
	min-height:36px;
	height:36px;
	border-bottom:solid 1px #65D7D8;
	border-top:solid 1px #65D7D8;
}

/* 商品一覧　メイン画像余白 */
.brandImgStyle{
	padding:25px;
	border: solid 1px #CCCCCC;
	margin-bottom:20px;
/*. brandImgStyle{margin-bottom:14px;} */
}

table.itemvalue{
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}
table.itemvalue th{
	background:#F0F0F0;
	border-right:1px dotted #C8C8C8;
	font-weight: normal; 
}
div.itemDetailName{
/*	border-bottom:1px solid #AAAAAA; */
/*	border-top:1px solid #AAAAAA; */
	margin-bottom:10px;
}
table.itemDetailName01{
	border-top:1px dotted #AAAAAA;
	height:26px;
}
td.itemDetailName02{border-right:1px dotted #AAAAAA;background:#F0F0F0;}
td.itemDetailName03{border-right:1px dotted #AAAAAA;}
div.itemDetail01{
/*	border-bottom:1px dotted #C8C8C8; */
	margin-bottom:46px;
	padding:0 0px 20px 0;
}
div.itemDetail03{
	padding:3px;
}
div.itemDetail02{
	padding:5px 8px;
}

div.itemDetail14{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D5E9F4;
	width:328px;
	font-size:7pt;
	background:#EAF3FA;
	padding:5px;
	clear:both;
}

div.itemNameStyle{/* 商品詳細 商品名*/
	font-size: 12px;
	line-height: 130%;
	font-weight: bold; 
	padding:5px;
/*	background:#FAFAFA; */
	border:solid 1px #D5E9F4;
	margin-bottom:6px;
}
div.itemDetail04{/* 商品詳細 カラー／サイズ*/
	padding:3px 5px;
	background:#FAFAFA;
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	margin-bottom:6px;
}
div.itemDetailValue{/* 商品詳細 価格 */
	margin-bottom:5px;
	padding:5px;
	font-weight: bold;
	color: #FF616B;
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}

table.itemDetailValue02{/* 商品詳細 価格 */
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}
td.itemDetailValue03{/* 商品詳細 価格 */
	border-right:1px dotted #C8C8C8;
	background:#F0F0F0;
}
.cartTotal01{
	border-top:3px solid #BECDE9;
	border-bottom:5px solid #BECDE9;
}
.cartTotal02{
	height:28px;
	border-bottom:1px dotted #BECDE9;
}
.cartQanda{
	border-top:solid 1px #A3B8E0;
	border-bottom:solid 2px #A3B8E0;
}
.cartSubTitle01{border-top:solid 1px #A3B8E0;}
.bluedotted01{border-bottom:1px dotted #BECDE9;}
.bluesolid01{border-bottom:1px solid #BECDE9;}
.bluesolid02{border-bottom:2px solid #BECDE9;}
.bluesolid05{border-top:3px solid #BECDE9;}
.bluesolid03{border-top:2px solid #BECDE9;}
.bluesolid04{border-top:1px solid #BECDE9;}
.bluedotted03{border-top:1px dotted #BECDE9;}

.bluesolid11{border-top:1px solid #BECDE9;}
.bluedotted11{border-bottom:1px dotted #BECDE9;}


table.Topics_top{/* トピックストップ*/
	font-size: 11px;
	line-height: 170%;
}
.graysolid01tb{
	border-top:1px solid #BEBEBE;
	border-bottom:1px solid #BEBEBE;
}
table.qanda_top{/* よくある質問*/
	font-size: 12px;
	line-height: 170%;
}
table.qanda_next{/* よくある質問*/
	width:623px;
	padding:0px 0px 10px 10px;
	font-size: 12px;
	line-height: 170%;
	border-bottom:solid 1px #A3B8E0;
}
table.qanda_next02{/* よくある質問*/
	width:623px;
	padding:0px 0px 10px 10px;
	font-size: 12px;
	line-height: 170%;
}


/* ------------------------------------------------------------------
追加
------------------------------------------------------------------ */

/* ------------------------------
テキスト用CSS　
------------------------------ */


/* ====== text size ====== */

.indent{text-indent:1em;}

.ss {
	font-size: 83%;
	line-height: 120%; }
.s {
	font-size: 88%;
	line-height: 135%; }
.m {
	font-size: 100%;
	line-height: 140%; }
.m160 {
	font-size: 100%;
	line-height: 180%; }
.l {
	font-size: 110%;
	line-height: 140%; }

.ll {
	font-size: 125%;
	line-height: 140%; }

.lll {
	font-size: 150%;
	line-height: 140%; }

.nobold {font-weight: normal; }
.bold {font-weight: bold; }

/* ====== text color ====== */
.white {color: #FFFFFF; }
.red01 {color: #FF0000; }
.red02 {color: #e41b5b; }
.redpink01 {color: #ff6699; }
.blue01 {color: #002881; }
.green01 {color: #8EC04D; }
.greenblue01 {color: #08c2c0; }
.green-y {color:#3CA716;}
.orange01 {color: #FF9C00; }
.purple01 {color: #6D4D9C; }
.brown01{color:#941314;}
.brown02{color:#917D5C;}
.darkblue01{color:#6A71B4;}
.darkgray{color:#333333;}
.darkpurple01{color:#aa2a50;}

.ligntgray{color:#aaaaaa;}

.nomalgray{color:#666666;}
.pink01{color:#fa64c0;}

.kakaku01{color:#63B4D2;} /* 価格表示用 */


.bg-white{background:#ffffff;}
.bg-pink02{background:#ffcccc;}

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

/* === 通常 下線なし=== */
a:link {text-decoration:none;color:#777777;}
a:visited {text-decoration:none;color: #777777;}
a:hover {text-decoration:underline;color:#666666 ;}
a:active {text-decoration:underline ;color:666666;}
a.redlink:link {text-decoration:underline;color:#e41b5b;}
a.redlink:visited {text-decoration:underline;color: #e41b5b;}
a.redlink:hover {text-decoration:none;color:#666666 ;}
a.redlink:active {text-decoration:none ;color:666666;}

/* === 赤文字　カーソルで下線=== */
a.red01link:link {text-decoration:none;color:#e41b5b;}
a.red01link:visited {text-decoration:none;color: #e41b5b;}
a.red01link:hover {text-decoration:underline;color:#e41b5b;}
a.red01link:active {text-decoration:underline;color:#e41b5b;}

/* === 青文字　カーソルで下線=== */
a.bluelink:link {text-decoration:none;color:#40b8c4;}
a.blue1link:visited {text-decoration:none;color: #40b8c4;}
a.bluelink:hover {text-decoration:underline;color:#40b8c4;}
a.bluelink:active {text-decoration:underline;color:#40b8c4;}


/* === 画像枠線なし=== */
a img{margin:0px;padding:0px;border:none;}/*リンクの画像ボーター消し */
img{border:none;}/*リンクの画像ボーター消し */
img.mid {vertical-align:middle;margin-right:0.1em;}/* リンクテキスト横の画像 */
p.mid00 img {vertical-align:middle;margin-right:0.1em;}/* リンクテキスト横の画像 */


/* ------------------------------
その他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;}
.altText{position:absolute;top:-5000px;left:-999px;}/* 隠しテキスト */
.hidden{display: none;}/* インライン */

.dispnon{display: none;}


hr.hidden01{visibility: hidden;clear: both;height:8px;}

.spa3tb{margin-top:3px;margin-bottom:3px;}
.spa5tb{margin-top:5px;margin-bottom:5px;}
.spa5lr{margin-left:5px;margin-right:5px;}
.spa8tb{margin-top:8px;margin-bottom:8px;}
.spa8lr{margin-left:8px;margin-right:8px;}
.spa30lr{margin-left:30px;margin-right:30px;}
.spa50lr{margin-left:50px;margin-right:50px;}

.spa3{margin:3px;}
.spa8{margin:8px;}
.spa5{margin:5px;}
.spa10{margin:10px;}
.spa30{margin:30px;}
.spa20{margin:20px;}
.spa15{margin:15px;}

.spa10lr{margin:0px 10px;}
.spa10tb{margin:10px 0px;}
.spa15tb{margin:15px 0px;}
.spa20tb{margin:20px 0px;}

.spa01b{margin-bottom:1px;}
.spa02b{margin-bottom:2px;}
.spa03b{margin-bottom:3px;}
.spa08b{margin-bottom:8px;}
.spa05b{margin-bottom:5px;}
.spa10b{margin-bottom:10px;}
.spa15b{margin-bottom:15px;}
.spa20b{margin-bottom:20px;}
.spa30b{margin-bottom:30px;}

.spa01t{margin-top:1px;}
.spa03t{margin-top:3px;}
.spa05t{margin-top:5px;}
.spa08t{margin-top:8px;}
.spa15t{margin-top:15px;}
.spa10t{margin-top:10px;}
.spa20t{margin-top:20px;}
.spa30t{margin-top:30px;}

.spa01r{margin-right:1px;}
.spa05r{margin-right:5px;}
.spa15r{margin-right:15px;}
.spa10r{margin-right:10px;}

.spa01l{margin-left:1px;}
.spa05l{margin-left:5px;}
.spa15l{margin-left:15px;}
.spa10l{margin-left:10px;}
.spa20l{margin-left:20px;}
.spa30l{margin-left:30px;}

/* ====== info ====== */
.info 
	{
	width:235px;
	margin: 0px;
	padding: 0px;
	}
.info_date
	{
	width:230px;
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: right;
	clear: both;
	}
.info_main
	{
	width:230px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AFF0F0;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	float: none;
	clear: none;
	}
	
/* ====== shop ====== */
.shop {
	width:677px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AFF0F0;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

.bunner {
	padding-top: 10px;
}