@media all{
/*--------------------------------------------------------
1、total設定
-------------------------------------------------------*/

body{
	margin: 0;
/*	background: url(http://www.diet-cafe.jp/images/bg.gif) center top repeat-y #fff;*/
	text-align: center;
}


/*文字設定*/
body,pre{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	color: #333;
}

/*背景画像調整 IE6*/
*html body { padding-left: 1px; }
/*背景画像調整 IE7*/
*:first-child+html body { padding-left: 2px; }
/*背景画像調整 Firefox3*/
body,x:-moz-broken { margin-left:-1px; }
/*背景画像調整 safari3*/
body:first-of-type { padding-left: 1px; }

pre{
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
}


/*リンク色*/
a{ text-decoration: underline; }
a:link{ color: #ff6600; }
a:visited{ color: #ff6600; }
a:hover{ color: #ff9900; }


/*--------------------------------------------------------
2、hタグ
--------------------------------------------------------*/

h1{
	z-index: 1;
	position: absolute;
	margin: 5px 0 0 16px;
	font-size: 8.5pt;
	line-height: 18px;
	color: #333;
}


h2{
	clear: both;
	_height: 70px;
	margin: 0 0 12px 0;
	padding: 15px 62px;
	background: url(http://www.diet-cafe.jp/images/bg-h2.gif) left top no-repeat;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4em;
	color: #608179;
}


h2 a{ text-decoration: underline; }
h2 a:link{ color: #fff; }
h2 a:visited{ color: #fff; }
h2 a:hover{ color: #cc6600; }


/*h2のパターン*/
h2.top,
h2.other,
h2.sub{
	padding: 0;
	border: 0;
	background: none;
}

h2.top{
	height: 65px;
	margin: 0;
}

h2.other{
}

h2.sub{
	height: 70px;
	margin: 0 0 12px 0;
}


h3{
	clear: both;
	margin: 0 10px 1.0em 10px;
	padding: 0.3em 10px 0.3em 20px;
	border: 1px solid #7070ba;
	background: url(http://www.diet-cafe.jp/images/bg-h3/bg-h3-blue.jpg) left bottom repeat-x;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}


h4{
	clear: both;
	margin: 1.0em 0;
	padding: 0.3em 10px;
	border: 1px dotted #7070ba;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #333;
}


/*--------------------------------------------------------
3、サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container{
	margin: 0 auto;
	text-align: left;
}


/*■サイト全体の横幅*/
div#container,
div#header,
div#header-logo,
div#header-logo-top,
div#main,
div#main-top{
	width: 850px;
}


/*■トップメニュー帯の横幅（「全体」-「16px」）*/
div#header #top-menu{ width: 834px; }


/*■サイドバーの横幅*/
div#sidebar{ width: 230px; }

div#sidebar .menu,
div#sidebar .menu-mtwp,
div#sidebar .contents{
	width: 198px;
}

/*■本文の横幅*/
div#main-contents{
	width: 600px;
}


/*--------------------------------------------------------
4-1、エリアの設定「最上部ヘッダー帯」
--------------------------------------------------------*/

div#header{
	height: 26px;
	background: url(http://www.diet-cafe.jp/images/bg-top.gif) top center no-repeat;
}

div#header #top-menu{
	position: absolute;
	top: 3px;
	text-align: right;
}

div#header #top-menu li{
	display: inline;
	font-size: 8.5pt;
	line-height: 14pt;
}


/*リンク色*/
div#header #top-menu li{ color: #333; }
div#header #top-menu li a:link{ color: #333; }
div#header #top-menu li a:visited{ color: #333; }
div#header #top-menu li a:hover{ color: #ff9900; }


/*--------------------------------------------------------
4-2、エリアの設定「ヘッダーロゴ」
--------------------------------------------------------*/

div#header-logo,
div#header-logo-top{
	z-index: 1;
	position: absolute;
	top: 26px;
	height: 251px;
	text-align: left;
}

div#header-logo{ background: url(http://www.diet-cafe.jp/images/logo2.gif); }
div#header-logo-top{ background: url(http://www.diet-cafe.jp/images/logo.gif); }


/*--------------------------------------------------------
4-3、エリアの設定「パン屑ナビ」
--------------------------------------------------------*/

div#navi-top{
	z-index: 1;
	position: absolute;
	top: 246px;/*■縦位置*/
	height: 34px;
}

div#navi p,
div#navi-top p{
	font-size: 8.5pt;
	line-height: 14pt;
}


/*--------------------------------------------------------
4-4、エリアの設定「コンテンツ全体」
--------------------------------------------------------*/

div#main,
div#main-top{
	z-index: 1;
/*	position: absolute;*/
	position: relative;
	overflow: hidden;
	text-align: left;
}

/*div#main{ top: 246px; }*/
div#main{ top: 277px; }
div#main-top{ top: 277px; }


div#main-top {
	background: url(http://www.diet-cafe.jp/images/bg.gif) repeat-y #fff;
}
div#main {
	background: url(http://www.diet-cafe.jp/images/bg.gif) repeat-y #fff;
}



/*--------------------------------------------------------
4-5、エリアの設定「サイドバー」
--------------------------------------------------------*/

div#sidebar{
/*	display: inline;*/
	float: right;
	overflow: hidden;
/*	margin: 31px 0 50px 0;*/
/*	padding-bottom: 40px;*/
	margin-bottom: 50px;
	background: url(http://www.diet-cafe.jp/images/bg-sidebar-top.gif) 0 69px no-repeat #addbbf;
}


/*サイドバー内のPタグ*/
div#sidebar p{
	margin: 10px;
	font-size: 90%;
}


/*サイドバーの枠線＆マージン*/
div#sidebar .menu,
div#sidebar .menu-mtwp,
div#sidebar .contents{
	margin: 10px 0 10px 16px;
	padding-bottom: 10px;
	background: #fff;
}


div#sidebar .title p a{ text-decoration: none; }
div#sidebar .title p a:link{ color: #fff; }
div#sidebar .title p a:visited{ color: #fff; }
div#sidebar .title p a:hover{ color: #990000; }

div#sidebar .title p img{
	vertical-align: middle!important;
}


/*親メニューリスト*/
div#sidebar ul{ margin: 5px 10px; }
div#sidebar li{
	list-style-type: none;
	list-style-position: outside;
	margin: 6px 0 0 0;
	padding-left: 12px;
	background: url(http://www.diet-cafe.jp/images/icon/icon02.gif) 0 4px no-repeat;
	font-weight: normal;
}

/*子メニューリスト*/
div#sidebar ul.sub{ margin: 6px 0 10px 0; }
div#sidebar ul.sub li{
	margin: 4px 0 0 0;
	background: url(http://www.diet-cafe.jp/images/icon/icon03.gif) 0 3px no-repeat;
	font-size: 90%;
	font-weight: normal;
}


/*検索*/
div#sidebar .search{
	height: 69px;
	padding-left: 25px;
	background: url(http://www.diet-cafe.jp/images/bg-search01.gif) left top no-repeat #fff;
}
div#sidebar .search-input{
	width: 136px;
}


/*--------------------------------------------------------
4-6、エリア設定「本文」
--------------------------------------------------------*/

div#main-contents{
/*	display: inline;*/
	float: left;
	overflow: hidden;
	padding: 0;
}


/*コンテンツエリア*/
div#main-contents .contents{
	clear: both;
	margin: 0;
	padding: 0px 20px 1.4em 20px;
}


/*本文内のPタグ*/
div#main-contents p{
	margin-bottom: 1.2em;
	padding: 0;
}


/*本文内の線*/
div#main-contents hr{
	clear: both;
	margin: 0.5em 0 1.7em;
	_margin: 0 0 1.2em;
	padding: 0px;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #ccc;
}

*:first-child+html div#main-contents hr{ margin: 0 0 1.2em; }

/*本文内の線*/
div#main-contents .cate-name {
	margin: 10px 0 0;
	vertical-align:middle;
	text-indent:25px;
	color: black;
	font-size:13px;
	font-weight:bold;
	background:url(http://www.diet-cafe.jp/img/bar02-3.jpg) no-repeat;
	padding:6px;
}


/*本文内のリストタグ--------------------------*/
div#main-contents ul,
div#main-contents ol{
	list-style-position: outside;
	margin: 0 10px 1.4em 10px;
}

div#main-contents ul{ list-style-type: disc; }
div#main-contents li{ line-height: 1.8em; }



/*最新情報のリストタグ--------------------------*/
div#main-contents #topics{
	background: url(http://www.diet-cafe.jp/images/bg-topics.gif) left top no-repeat #fff;
}

div#main-contents #topics ul{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px 15px 0 15px;
}

div#main-contents #topics li{
	margin-bottom: 1.0em;
	line-height: 1.4em!important;
}


/*戻る＆進むリンク--------------------------*/
.link-back,
.link-next{
	margin-top: 1.2em;
	font-weight: bold;
}

.link-back{ text-align: left; }
.link-next{ text-align: right; }

.link-next a,
.link-back a{
	padding-left: 15px;
}


/*新着口コミ-----------------------------------------------*/
div#main-contents .new-kuchikomi{
	width: 560px;
	vertical-align: top;
	overflow: auto;
}


/*新着ダイエット情報--------------------------------------*/
div#main-contents #new-diet{
	margin-bottom: 0;
	padding-bottom: 0;
}

div#main-contents #new-diet ul{
	list-style-type: none;
	list-style-position: outside;
	padding: 15px 0 0 0;
}

div#main-contents #new-diet li{
	margin-bottom: 1.0em;
	padding: 0 0 0.9em 0.6em;
	border-bottom: 1px dotted #999;
	line-height: 0.9em;
}


/*検索----------------------------------------------------*/
div#main-contents #search2{
	height: 46px;
	_height: 91px;
	padding: 45px 0 0 290px;
	background: url(http://www.diet-cafe.jp/images/bg-search02.gif) left top no-repeat;
}

div#main-contents #search2 #search{
	position:absolute;
	width: 230px;
	height: 29px;
	_height: 33px;
}

div#main-contents #search2 #search-bt{
	position:absolute;
	left: 526px;
}


/*口コミコメント欄----------------------------------------*/
div#main-contents .comment{
	margin: 10px 10px 20px 10px;
	padding: 16px;
	background: #f3f8fa;
}

.comment-content{
       _margin-top:10px;
}

*:first-child+html .comment-content{
       _margin-top:10px;
}

/*--------------------------------------------------------
4-7、エリア設定「フッター」
--------------------------------------------------------*/

div#footer{
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
/*	>height: 395px;*/
}

div#footer hr{
	clear: both;
	margin: 0;
	padding: 0;
	color: #999;
}

div#footer .menu{ 
	margin: 0.5em 0;
	padding-top: 10px;	
}

div#footer .menu li{
	display: inline;
	margin: 0;
	line-height: 14pt;
}

div#footer #copyright{
	clear: both;
	width: 100%;
	height: 102px;
	margin-top: 1.0em;
	padding: 0;
	background: url(http://www.diet-cafe.jp/images/bg-foot.gif) left center no-repeat;
	font-size: 10pt;
	line-height: 14pt;
	color: #fff;
}

div#footer #copyright a{ text-decoration: underline; }
div#footer #copyright a:link{ color: #ff6600; }
div#footer #copyright a:visited{ color: #ff6600; }
div#footer #copyright a:hover{ color: #ff9900; }

div#footer #copyright #w3c{
	float: left;
	margin: 16px 0 0 16px;
}

div#footer #copyright #text{
	float: right;
	margin: 20px 16px 0 0;
	text-align: right;
	color: #333;
}


/*--------------------------------------------------------
5、追加設定（本HTML内では使用していません）
--------------------------------------------------------*/

/*引用エリア-----------------------------------*/
div#main-contents q,
div#main-contents blockquote{
	overflow: auto;
	margin: 0 10px 1.4em 10px;
	padding: 10px;
	border-top: 3px solid #ddd;
	border-bottom: 3px solid #ddd;
	background: #eee;
	color: #444;
}


/*--MTプラグイン導入時のレイアウト調整に使用--*/
div#sidebar .menu-mtwp li{
	font-size: 90%;
	font-weight: normal;
	background: url(http://www.diet-cafe.jp/images/icon/icon-menu01-r-black.gif) 0 4px no-repeat;
}

div#sidebar .menu-mtwp li ul{ margin: 10px 0 20px 0; }
div#sidebar .menu-mtwp li ul li{
	margin: 10px 0;
	background: url(http://www.diet-cafe.jp/images/icon/icon-menu10-black.gif) 0 3px no-repeat;
	font-size: 90%;
	font-weight: normal;
}

/*--カテゴリページに使用--*/
.entry-header2 {
	margin: 10px 0 0;
	vertical-align:middle;
	color: black;
	font-size:13px;
	padding:5px 10px;
	border-top:1px dotted #ccc;
}


/*-ウェブページに使用--*/
.sty {
	background:#f2f218;
	color: #f20028;
}


#side_pr{
	height: 670px;
}

/*------------------------------------------------------------
　written＆copyright by Shigeoki Matsuo
-------------------------------------------------------------*/
}