*{
	color:#333;
	font-family:"MS UI Gothic, Osaka";
/*	font-family:"ヒラギノ丸ゴ Pro", "HG丸ｺﾞｼｯｸM-PRO", "ＤＦ平成丸ゴシック体", Osaka, monospace;
	font-size: 84%; */
}

body{
	margin-top:0px;
	text-align:center;
	height:100%;
	background-color:#FFF;
}


img{border:0px;} /* 070823 imgリンク時の枠線を消すために一律設定 */

#container{ /* 070804「常に画面下に配置されるフッター」webcreator vol69-no17参照 */
	width:730px;
	min-height:100%;
	margin:0px auto -30px;
	height: auto !important;
	height:100%;
}
#header{
	clear:both;
	width:730px;
	height:130px;
	background-color:#fff;
}

#header .top-left{width:450px;height:30px;float:left;background-color:#9c6; text-align:left; border-bottom:solid 5px #f6db00; margin-bottom:7px;}
#header .top-right{width:280px;height:30px;float:left;background-color:#9c6; text-align:right; border-bottom:solid 5px #f6db00; margin-bottom:7px; color:#FFF; font-size:14px;}
#header .w155{width:155px;float:left;text-align:left;}
#header .w70{width:70px;float:left;text-align:center;margin:0px;font-size:11px}
#header .w225{width:225px;float:left;text-align:right;}
/* #header a{margin:0px; font-size:11px;} トップのメニューアイコン下の文字に適用するために設定していたが、aだけを対象とすると、自ページ表示のときにフォントが大きくなってしまうため、上の.w70に埋め込み。2008.06.29 */  
#header img.w125{width:125px;height:80px;}
#header img.w50{width:50px;height:50px;border:0px;}
#header img.w110{width:110px;height:80px;border:0px;}

#menu{ /*このインラインフレーム風menuは、webcreator vol69-no27参照 */
	clear:both; /*070805 お気に入りとパンくずを分けたので、ここで統合*/
	width:170px;
	float:left;
	text-align:left;
	padding:0px
	margin:0px 0px 0px 0px;
	/* overflow:auto; 070804 この指定をしてしまうと、メニューのtooltip表示が切れてしまう。*/
	color: #cc9999;
	line-height:1.8em;
}

#menu span{text-align:left;}
#menu div.topbar{background-color:#eee;text-align:center;margin-bottom:5px;line-height:150%;font-size:12px;color:#999;}
#menu li img{border:0px; width:170px; height:45px;}
#menu img.caption{border:0px; width:170px; height:30px;border-top:solid #f6db00 5px; padding-top:3px; margin-top:0px;}

ul {  /* 070804 topページサイドメニュー用に追加 | listの前につくポッチを取る */
	list-style:none;
	font-size:12px;
	margin-left:0px;  /* 070804 デフォルトで字下げになるのを回避(IE6) */
	margin-top:0px;   /* 070805 SAFARIではこの指定もしておかないと上端にスペースが出来てしまう */
	padding-left:0px; /* 070804 デフォルトで字下げになるのを回避(safari,opera) */
}
ul a, div#menu .topbar a{
	position:relative;
	display:block;
	width:170px;
	text-decoration:none; /* 070804 下線を非表示にする */
	color:#999;
}

ul a span, div#menu .topbar a span{
	position:absolute;
	display:block;
	top:-1000em;
	left:-1000em;
	width:360px; /*070804 ここは余裕が必要*/
	height:2em;  /*070804 em指定の場合2em無いとsafariで文字が枠からはみ出す*/
	padding:2px;
	border:2px dotted #069;
	background-color:#fef; /* 薄いピンク */
	color:#069;
	/* font-size:70%; */
}

ul a:hover, div#menu .topbar a:hover{
	background-color:#ffc; /* 薄い黄色 */
}
ul a:hover span, div#menu .topbar a:hover span{ /*070804 tooltipのbox出現位置をここで調整*/
	top:-3px;
	left:180px;
}

#contents{
	width:560px; /*070804 このwidth指定を取ってしまうとIE6ではOKだがsafari,opera等で表示狂う*/
	float:right;
	background-color:#fff;
	text-align:left;
}
#contents div.topbar{background-color:#eee;margin-bottom:5px;}
#contents p.topbar{margin:0px 10px;font-size:12px;color:#999;}

/* 070823　(緑の)帯タイトルバー：一番上は黄色の5px線付き(bar0)、２本目以降は上を15px開ける(bar)+clear属性　*/
#contents div.bar0{background-color:#9c6;margin-bottom:7px;border-top:solid 5px #f6db00;}
#contents div.bar{clear:both;background-color:#9c6;margin-bottom:7px;margin-top:15px;}
#contents div.bar2{clear:both;background-color:#6b8f48;margin-bottom:7px;margin-top:15px;} /* 濃い緑 */
#contents div.bar3{clear:both;background-color:#F0B8D3;margin-bottom:7px;margin-top:15px;} /* 091008 top page 等babyセレクション用 */

#contents p.bar{color:white; font-weight:bold; margin:0px 10px;}
#contents p.barr{color:white; font-weight:bold; margin:0px 10px; text-align:right;}
#contents p.barc{color:white; font-weight:bold; margin:0px 10px; text-align:center;}

#contents img.L130{float:left; margin-right:10px; margin-bottom:5px; border:0px; width:130px; height:130px;} /* 070814 topで使用 */
#contents img.L50{float:left; margin-right:10px; margin-bottom:5px; border:0px; width:50px; height:50px;} /* 070814 topで使用 */
#contents img.icon{vertical-align:middle;} /* 070912 カテゴリ頁で「→詳細」マークを行の文章に揃える */

	/*↓ 070825 SHOP一覧で、4列ｘ複数行を一纏めにして区切る為に使用 */
	/*↓ width要素は必須=無いとボーダーも正常に出ない。*/
#contents div.box {clear:both; width:550px; border-bottom:solid 1px #999; margin-bottom:10px;}
	/*↓ 070824 トップページで使用、070825 SHOP見出しページで使用*/
#contents div.split4 {float:left; width:137px; text-align:center;}


/*　レポート頁で文頭のマークイメージに適用 */
#contents img.mark{vertical-align:middle;}

#container #footer-space{
	clear:both; /* 070804 上のFLOATに対しこれを宣言しておかないと、safariで表示崩れ */
	height:30px;
}

#form{
	width:500px;
	height:150px;
	border:solid 1px #333;
	background-color:#FC0;
	margin:30px auto;
	padding:10px;
	font-size:12px;
	line-height:150%;
	text-indent:10px;
}
#form div.leftcol{clear:both;float:left;width:200px;}
#form div.rightcol{float:left;width:300px;}


#footer{ /* 070804「常に画面下に配置されるフッター」webcreator vol69-no17参照 */
	width:730px;
	height:30px;
	margin:0px auto; /* 070804 bodyにalign-text:centerを適用していてもsafari,operaではセンタリングされないのでこの指定が必要となる */
	background-color:#9c6;
}
#footer address.col1{width:120px;float:left;color:#FFF;font-size:12px;margin-top:5px;}
#footer address.col2{width:530px;float:left;color:#FFF;font-size:12px;font-style:normal;margin-top:5px;}
	/*↓070825ここに幅730pxの残りwidth80pxを指定すると、operaだけ何故か次の行に回ってしまうため、指定せず */
#footer address.col3{float:left;color:#FFF;font-size:14px;font-style:normal;margin-top:5px;}
#footer a{color:#FFF;}

h1{font-size:14px;color:#FFFFFF;margin-top:3px; margin-bottom:3px; margin-left:15px}

p {font-size:14px; margin-top:3px; margin-bottom:3px; margin-left:10px; margin-right:10px;line-height:150%;}

.nm{margin:0px;}
.nmtb{margin-top:0px; margin-bottom:0px;}
.nmlr{margin-left:0px; margin-right:0px;} /*070804 topページ用に追加 */
.nm11{margin:0px; font-size:11px;}
.nm12{margin:0px; font-size:12px;}
.white {color:white;}
.whiteb {color:white; font-weight:bold} /*070804 topページ用に追加 ,080729各ページトップのタイトルワードにH1タグの代わりに適用*/
.white14 {color:white; font-size:14px;}  /* 070507 TROMMUSページ用に追加 */
.red {color:#CC0000;}
.rblue {color:royalblue;} /* 070825 SHOP一覧ページ 対象年齢表示 */
.honbun {font-size:14px; line-height:200%;}
.honbun_s {margin-bottom:3px; margin-top:3px;}
.comment {color:orange; margin-top:3px; margin-bottom:7px; line-height:50%;}
.ar{float:right; margin-left:20px; margin-bottom:20px;}
.al{float:left; margin-right:20px; margin-bottom:20px;}
.just{text-align:justify;text-justify:inter-ideograph;}
.just11{text-align:justify;text-justify:inter-ideograph;margin:0px; font-size:11px;}
.just12{text-align:justify;text-justify:inter-ideograph;margin:0px; font-size:12px;}
.bold{font-weight:bold;}
.jisage {padding-left:1em; text-indent:-1em;} /* 080929 73201「カタン」サイズコメント欄 */

A.white {color: #FFFFFF}

strong{
	}
.marker{
	font-weight:normal;
	background-image:url(http://brics.co.jp/parts/marker.gif);
	padding:2px;
	}
.under{
	font-weight:normal;
	background-image:url(http://brics.co.jp/parts/marker2.gif);
	padding:2px;
	}
.x2{
	font-size:2em;
	font-weight:normal;
	padding:5px;
	line-height:1em;
	}
.xx{
	font-size:larger;
	font-weight:bold;
	color:brown;
	padding:2px;
	}
.brown{
	font-weight:normal;
	font-family: "MS UI Gothic","Osaka";
	color: brown;
	}

/* 070824 contents-form内の最終ラインでも使用 */
/* 070825 shop一覧の4分割ボックスを纏めるdivタグに使用 */
.clear{clear:both;}