@charset "shift_jis";
/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

/* head */
	body{
		margin:0px;
		padding:0px;
		color:#660000;
		font-size:14px;
		line-height:20px;
		letter-spacing:1px;
	}
	li{
		line-height:25px;
	}
	td{
		color:#660000;
		font-size:15px;
		line-height:20px;
		letter-spacing:1px;
	}
	h1,h2,h3{
		font-size:13px;
		display:inline;
		font-weight:normal;
		line-height:16px;
	}
	a{
		color:#1144CC;
		text-decoration:none;
	}
	a:link{}
	a:visited{}
	a:active{}
	a:hover{
		text-decoration:underline;
	}
/* 全体Div */
	#site{
		width:100%;
		text-align:center;
		background-color:#F4EBE3;
		margin-left:auto;
		margin-right:auto;
		}
/* サイトの外枠組みWidth1000 */
	#sitecover{
		text-align:center;
		width:1000px;
		background:url(img/cover.gif) repeat-y;
		margin-left:auto;
		margin-right:auto;
		}
/* サイトの枠組みWidth800 */
	#siteblock{
		width:800px;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		text-align:center;
		background:#FFFFFF;
		margin-left:auto;
		margin-right:auto;
		}
/* サイトTOPの言葉 */
	#topward{
		font-size:12px;
		color:#222222;
		text-align:center;
		}
/* サイトロゴ */
	#sitelogo{
	border-top:2px solid #660000;
	border-bottom:2px dashed #999999;
	margin:0 0 15px 0;
	padding:0px;
	height:205px;
		}
	#titlepoint{
		padding:5px;
		margin:0px;
		width:770px;
		height:150px;
		text-align:left;
		clear:both;
	}
	#logoimg{
	padding:0px;
	margin:5px 20px 0 0;
	float:left;
	width:305px;
	height:145px;
	}
	#topright{
		padding:0px;
		margin:5px 20px 0 5px;
		width:410px;
		height:135px;
		text-align:left;
		float:right;
	}
	#h2top{
	padding:5px;
	margin:0 0 10px 0;
	width:400px;
	height:50px;
	text-align:left;
	background:url(img/noteback05.gif);
	border-top:2px solid #FFCCCC;
	border-left:1px solid #FFEEEE;
	border-right:1px solid #FFEEEE;
	border-bottom:1px solid #FFEEEE;
	}
	#news{
		padding:0px;
		margin:0px;
		width:400px;
		height:60px;
		text-align:left;
	}
	.categorytopa{
		float:left;
		text-align:center;
		width:130px;
		margin:0px;
		padding:0px;
	}
	.categorytopb{
		float:left;
		text-align:center;
		width:280px;
		margin:0px;
		padding:0px;
	}
	.categorytopc{
		float:left;
		text-align:center;
		width:128px;
		margin:0px;
		padding:0px;
	}
	#categoryfocus{
		display:inline;
		font-size:15px;
		color:#F48F15;
	}
/* ------------------------------メニューDiv-------------------------------- */
/* 左メニュー全体 */
	#menu{
	width:230px;
	text-align:left;
	float:left;
	margin:0 5px 0 0;
	}
/* 一つのメニューブロック全体 */
	.menublock{
	margin:0 0 20px 0;
	text-align:left;
	}
/* そのメニューの名前 */
	.menutitle{
		padding:0px;
		margin:0 0 3px 0;
	}
/* メニュー内容全体１ */
	.menublocks{
		padding:5px 0 8px 2px;
		margin:0 0 5px 0;
		border-bottom:2px dotted #FF9400;
		height:13px;
		width:220px;
		}
/* メニュー内容のアイコン棒線１ */
	.menublocka{
		margin:0 0 0 2px;
		padding:0px;
		float:left;
		border-left:2px solid #FF9400;
		height:16px;
		}
/* メニュー内容全体２ */
	.menublocks2{
	padding:5px 0 8px 2px;
	margin:0 0 5px 0;
	border-bottom:2px dotted #66CC33;
	height:13px;
	width:220px;
		}
/* メニュー内容のアイコン棒線２ */
	.menublocka2{
	margin:0 0 0 2px;
	float:left;
	border-left:2px solid #66CC33;
	height:16px;
	padding: 0px;
		}
/* メニュー内容全体３ */
	.menublocks3{
		padding:5px 0 8px 2px;
		margin:0 0 5px 0;
		border-bottom:2px dotted #FF3399;
		height:13px;
		width:220px;
		}
/* メニュー内容のアイコン棒線３ */
	.menublocka3{
		margin:0 0 0 2px;
		padding:0px;
		float:left;
		border-left:2px solid #FF3399;
		height:16px;
		}
/* メニュー内容全体４ */
	.menublocks4{
		padding:5px 0 8px 2px;
		margin:0 0 5px 0;
		border-bottom:2px dotted #6699FF;
		height:13px;
		width:220px;
		}
/* メニュー内容のアイコン棒線４ */
	.menublocka4{
		margin:0 0 0 2px;
		padding:0px;
		float:left;
		border-left:2px solid #6699FF;
		height:16px;
		}
/* メニュー内容全体５ */
	.menublocks5{
		padding:5px 0 8px 2px;
		margin:0 0 5px 0;
		border-bottom:2px dotted #999900;
		height:13px;
		width:220px;
		}
/* メニュー内容のアイコン棒線５ */
	.menublocka5{
		margin:0 0 0 2px;
		padding:0px;
		float:left;
		border-left:2px solid #999900;
		height:16px;
		}
/* メニュー内容全体６（Tips） */
	.menublocks6{
		padding:5px 0 8px 2px;
		margin:0 0 5px 0;
		border-bottom:2px dotted #FF8080;
		height:13px;
		width:220px;
		}
/* メニュー内容のアイコン棒線６（Tips） */
	.menublocka6{
		margin:0 0 0 2px;
		padding:0px;
		float:left;
		border-left:2px solid #FF8080;
		height:16px;
		}
/* メニュー内容タイトル */
	.menublockb{
	margin:0px;
	padding:0px;
	text-align:left;
	font-size: 13px;
		}
/* 左メニュー最下部 */
	#menubottom{
	margin:10px 0 10px 20px;
	padding:0px;
		}
/* 30日間保障 */
	#hosyou{
		margin:10px 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:4px dotted #FF9400;
		text-align:center;
		}
/* ハーバライフのロゴ */
	#herbalife{
		margin:0 0 10px 0;
		padding:0 0 10px 0;
		border-bottom:4px dotted #FF9400;
		}
/* ------------------------------ノートDiv-------------------------------- */
/* 右のノート全体 */
	#note{
		width:520px;
		text-align:left;
		margin:0px 14px 10px 0;
		padding:0px;
		float:right;
	}
/* ノートのタイトルを決める場所の全体 */
	#notelogo{
		padding:0px;
		margin:0 0 20px 0;
		background-color:#FEFAED;
		width:490px;
		height:30px;
		text-align:left;
		border-bottom:2px solid #F99800;
		border-top:1px solid #FBE299;
		border-left:1px solid #FBE299;
		border-right:1px solid #FBE299;
	}
/* ノートのタイトルを決める場所のアイコン */
	#noteicon{
		padding:0px;
		margin:0px;
		width:20px;
		height:30px;
		text-align:left;
		float:left;
	}
/* ノートのタイトルを決める */
	#notetitle{
		font-size:15px;
		color:#990000;
		padding:7px 0 7px 0;
		margin:0px;
		width:460px;
		height:30px;
		text-align:left;
	}
/* ノート本体 */
	.noteblock{
		padding:4px 0 1px 2px;
		margin:0 0 10px 0;
		width:490px;
		text-align:left;
		border-bottom:1px dashed #685F5A;
		clear:both;
	}
/* ノート本体タイトルのアイコン */
	.noteblockicon{
		padding:0px;
		margin:0px;
		text-align:left;
		float:left;
	}
/* ノート本体タイトル */
	.noteblocktitle{
	padding:0px;
	margin:0px;
	text-align:left;
	}
/* ノートを書く場所 */
	.notespace2{
		background:url(img/noteback02.gif);
		padding:10px;
		margin:0 0 50px 0;
		border-top:2px solid #67CC32;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		width:490px;
	}
	.notespace4{
		background:url(img/noteback04.gif);
		padding:10px;
		margin:0 0 50px 0;
		border-top:2px solid #FF3398;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		width:490px;
	}
	.notespace3{
		background:url(img/noteback03.gif);
		padding:10px;
		margin:0 0 50px 0;
		border-top:2px solid #6599FF;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		width:490px;
	}
	.notespace{
		background:url(img/noteback01.gif);
		padding:10px;
		margin:0 0 50px 0;
		border-top:2px solid #999900;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		width:490px;
	}
/* メジャーな写真＆説明Div（大抵はこれ使う） */
	.shakenote{
		background:url(img/noteback01.gif);
		padding:10px;
		margin:0 0 45px 0;
		border-top:2px solid #999900;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		text-align:left;
		width:270px;
		font-size:12px;
		float:right;
		}
	.shakenote2{
		width:270px;
		padding:10px;
		margin:0 0 45px 0;
		text-align:left;
		border-top:2px solid #67CC32;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		background:url(img/noteback02.gif);
		font-size:12px;
		float:right;
	}
	.shakenote3{
		width:270px;
		padding:10px;
		margin:0 0 45px 0;
		text-align:left;
		background:url(img/noteback03.gif);
		border-top:2px solid #6599FF;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		font-size:12px;
		float:right;
	}
	.shakenote4{
		width:270px;
		padding:10px;
		margin:0 0 45px 0;
		text-align:left;
		background:url(img/noteback04.gif);
		border-top:2px solid #FF3398;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		font-size:12px;
		float:right;
	}
	.shakephoto{
		padding:0 0 15px 0;
		margin:0 15px 45px 0px;
		width:200px;
		float:left;
		border-bottom:2px dotted #FF9400;
	}
/* サイト最下部 */
	#bottom{
		padding:5px 0 0 0;
		margin:10px 0 30px 0;
		width:800px;
		border-top:2px dotted #FF9400;
	}	
/* 記事：自己紹介で使うCSS */
	.supportnote{
		background:url(img/noteback01.gif);
		padding:10px;
		margin:0 0 45px 0;
		border-top:2px solid #999900;
		border-left:1px solid #685F5A;
		border-right:1px solid #685F5A;
		border-bottom:1px solid #685F5A;
		text-align:left;
		width:265px;
		font-size:12px;
	}
	.supportphoto{
		padding:0px;
		margin:0 0px 45px 15px;
		width:200px;
		float:right;
	}
/* ------------------------------クラス-------------------------------- */
/* border */
	.noborder{
		border:none;
	}
/* マージン */
	.bottommargin{
		padding:0px;
		margin:0 0 30px 0;
	}
	.bottomdot{
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:4px dotted #FF9400;
	}
	.diettipsdot{
		padding:0 0 40px 0;
		margin:0 0 20px 0;
		border-bottom:4px dotted #FF9400;
	}
	.bottomsmalldot{
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:2px dotted #FF9400;
	}
	.rightmargin{
		padding:0 5px 5px 0;
		margin:0 10px 10px 0;
		border-bottom:2px dotted #FF9400;
	}
/* float */
	.floatleft{
		float:left;
	}
	.floatright{
		text-align:left;
		float:right;
	}
	.floatleftmargin{
		float:left;
		margin:0 30px 0 0;
	}
	.floatend{
		clear:both;
	}
/* テキストアライン */
	.left{
		text-align:left;
	}
	.center{
		text-align:center;
	}
	.right{
		text-align:right;
	}
/* テキスト装飾 */
	.grayfs11{
		font-size:11px;
		color:#996611;
	}
	.fs11{
		font-size:11px;
	}
	.fs12{
		font-size:12px;
	}
	.fs13{
		font-size:13px;
	}
	.b{
		font-weight:bold;
	}
	.red{
		color:#FF3333;
	}
	.redb{
		color:#ff4848;
		font-weight:bold;
	}
	.blue{
		color:#4549ff;
	}
	.blueb{
		color:#4549ff;
		font-weight:bold;
	}
	.cyan{
		color:#31987a;
	}
	.cyanb{
		color:#31987a;
		font-weight:bold;
	}
	.deepyellow{
		color:#a79a28;
	}
	.deepyellowb{
		color:#a79a28;
		font-weight:bold;
	}
	.orange{
		color:#FF8833;
	}
	.orangeb{
		color:#FF8833;
		font-weight:bold;
	}
	.white{
		color:#FFFFFF;
	}
	.whiteb{
		color:#FFFFFF;
		font-weight:bold;
	}