@charset "Shift_JIS"; /* ←このファイルの文字コード */

@media screen, tv, projection, handheld, print {

	#subMenu1 { display:block; } /* ←これは書き替えないで下さい */

	/* ↓リスト項目を追加した時は必ずここも追加すること */

	#subMenu2,
	#subMenu3,
	#subMenu4

	/* ,（コンマ）で区切る #subMenu5 ←次はこれ */

	{
		display:none; /* ←これは書き替えないで下さい */
	}


	/* コメント付加のセレクタは書き替え可（全部 書き替え可ですが^^;） */

	/* 本文の表示領域などの設定 */
	#honbun {
		margin-left:40px; /* ←左側の空白スペース確保 */
		padding-left:40px; /* ←左側の空白スペース確保 */
		border-left:20px solid #ccc; /* ←装飾の縦線 */
	}

	/* ドロップダウンリスト表示設定 */
	#pullDown {
		position:absolute;
		margin:0;
		padding:0;
		z-index:0;

		top: 1000px; right:10px; /* ←最初スタートさせる位置 */
		width:150px; /* ←表示幅 */
		margin-top:250px;

		border:2px solid #f00; /* ←枠線の太さ、線種、色 */
		background-color:#FFF; /* ←背景色 */
		font-family:
			'Osaka',
			'Verdana',
			'MS UI Gothic',
			'ＭＳ Ｐゴシック',
			sans-serif; /* ←フォント（普通は このままで） */
	}

	#pullDown .title {
		margin:0;
		padding:2px 0;

		font-size:14px; /* ←最初の項目の文字サイズ */
		font-weight:bold;
		color:#369; /* ←最初の項目の文字色 */
		background-color:#ffc7c7; /* ←最初の項目の背景色 */
		text-align:center; /* ←最初の項目の文字配置 */
		line-height:1.4em; /* ←最初の項目の行間 */

		border:1px solid; /* ←最初の項目の枠線 */
		border-color:#ccc #999 #999 #ccc;
	}

	#pullDown #comm1 {
		margin:4px;
		padding:4px;
		height:90px; /* ←コメント欄の縦サイズ */
		text-align:left;

		font-size:14px; /* ←コメント欄の文字サイズ */
		font-weight:normal;
		color:#333; /* ←コメント欄の文字色 */
		line-height:1.5em; /* ←コメント欄の行間 */

		/* ↓コメント欄の画像添付・枠線など */
/*		background:#fff url(making.gif) no-repeat 100% 50%;*/
		border-right:1px solid #ccc; border-bottom:1px solid #ccc;
	}

	#pullDown dl {
		margin:4px;
		padding:0;

		color:#333; /* ←ドロップダウンリスト内の文字色 */
		line-height:1.4em; /* ←各項目の行間 */
	}

	#pullDown dl dt {
		margin:0;
		padding:0;
		font-size:12px; /* ←項目の文字サイズ */
		font-weight:bold; /* ←項目の文字の太さ（normal：標準） */
		background-color:#FFEEEE;
	}

	#pullDown dl dt a {
		display:block;
		margin:0;
		padding-right: 2px;
/*		background:url(fol0.png) no-repeat 2px 50%;*/
	}

/*	#pullDown dl ol {
		list-style:none inside url(ball.gif);
	}*/

	#pullDown dl dd, #pullDown dl ol, #pullDown dl ol li {
		margin:0;
		padding:0;
		font-size:12px; /* ←項目内の文字サイズ */
		line-height:1.3em; /* ←項目内の行間 */
	}

	#pullDown dl ol li {
		padding:0 0px; /* ←項目内の段下げ（12px） */
	}

	/* リンク（擬似クラス）の設定 */
	/* 自由に変えて下さい */
	#pullDown a {
		text-decoration:none;
	}

	#pullDown dl dt a, #pullDown dl dt a:link, #pullDown dl dt a:visited {
		color:#333;
	}
	#pullDown dl dt a:hover {
		color:#F00;
		background-color:#FAC175;
	}
	#pullDown dl dd a:hover {
		text-decoration:underline;
	}
	
	#itop{
		padding-left:3px;
		padding-bottom:3px;
		padding-top:3px;
		font-size:14px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #F00;
	}
	
	#idiet1{
		padding-left:25px;
		background-image: url(../img/icons_diet1.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#idiet2{
		padding-left:25px;
		background-image: url(../img/icons_diet2.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#idiet3{
		padding-left:25px;
		background-image: url(../img/icons_diet3.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#ibust{
		padding-left:25px;
		background-image: url(../img/icons_bust.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#iskin{
		padding-left:25px;
		background-image: url(../img/icons_skin.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#icosme{
		padding-left:25px;
		background-image: url(../img/icons_cosme.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#ihair{
		padding-left:25px;
		background-image: url(../img/icons_hair.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#imens{
		padding-left:25px;
		background-image: url(../img/icons_mens.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	
	#iinner{
		padding-left:25px;
		background-image: url(../img/icons_inner.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#igoods{
		padding-left:25px;
		background-image: url(../img/icons_goods.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	#igototop{
		padding-left:25px;
		background-repeat: no-repeat;
		background-position: left center;
	}
	#ihealth{
		padding-left:25px;
		background-image: url(../img/icons_health.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#ideo{
		padding-left:25px;
		background-image: url(../img/icons_deo.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#idental{
		padding-left:25px;
		background-image: url(../img/icons_dental.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#ibigan{
		padding-left:25px;
		background-image: url(../img/icons_bigan.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	#iadult{
		padding-left:25px;
		background-image: url(../img/icons_adult.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}

	#stop{
		margin-top:2px;
		padding-top:3px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #F00;
	}

}

 /* Presented by R.Miyake 2002 */