@charset "utf-8";
@import "common.css";
@import "topics.css";

a:link { color:#0099CC;}
a:visited { color:#0099CC;}
a:hover { color:#0099CC;}
a:active { color:#0099CC;}

hr {
	border-top:1px dotted #999;
	border-bottom:1px dotted #ccc;
}

body { text-align:center; padding:10px 0;}

#wrap {
	width:950px;
	margin:0 auto;
	text-align:left;
}

/*--------------------
■ヘッダー
--------------------*/

#header {
	margin-bottom:10px;
}

#header h1 {
	background:url(images/logo.jpg) no-repeat;
	width:285px;
	float:left;
}

#header h1 a {
	display:block;
	text-indent:-9999px;
	height:80px;
}

#header .box_cr {
	width:655px;
	float:right;
}

#header .box_c {
	width:468px;
	float:left;
}

#header h2 {
	color:#999999;
	height:20px;
}

#header .box_r {
	width:177px;
	float:right;
}

/*--------------------
■ナビ
--------------------*/

#navi {
	height:67px;
	background:url(images/line1.jpg) no-repeat bottom;
	margin-bottom:10px;
}

#navi ul {
	width:580px;
	float:left;
}

#navi li {
	display:block;
	float:left;
	margin-right:2px;
}

#navi li {
	display:block;
}

#navi li a {
	display:block;
	background:#f6f6f6;
	height:27px;
	text-indent:-9999px;
}

#navi li a.navi_home { background:url(images/navi_home.jpg) no-repeat; width:62px}
#navi li a.navi_blog { background:url(images/navi_blog.jpg) no-repeat; width:121px}
#navi li a.navi_rank { background:url(images/navi_rank.jpg) no-repeat; width:86px}
#navi li a.navi_topics { background:url(images/navi_topics.jpg) no-repeat; width:113px}
#navi li a.navi_present { background:url(images/navi_present.jpg) no-repeat; width:116px}
/*#navi li a.navi_sample { background:url(images/navi_sample.jpg) no-repeat; width:186px}*/

#navi li a.navi_home:hover { background:url(images/navi_home2.jpg) no-repeat; width:62px}
#navi li a.navi_blog:hover { background:url(images/navi_blog2.jpg) no-repeat; width:121px}
#navi li a.navi_rank:hover { background:url(images/navi_rank2.jpg) no-repeat; width:86px}
#navi li a.navi_topics:hover { background:url(images/navi_topics2.jpg) no-repeat; width:113px}
#navi li a.navi_present:hover { background:url(images/navi_present2.jpg) no-repeat; width:116px}
/*#navi li a.navi_sample:hover { background:url(images/navi_sample2.jpg) no-repeat; width:186px}*/

#navi .search {
	width:220px;
	text-align:right;
	float:right;
}

#navi .search img {
	vertical-align:top;
}


#navi .search input.search_txt {
	width:144px;
	height:18px;
	padding: 0 2px;
	vertical-align:top;
	line-height:18px;
	border:1px solid #EC7674;
	color:#999;
}

#navi .search input.search_txt:focus{
	color:#333;
}


#navi .search input.search_btn {
	padding:0;
	border:none;
	vertical-align:top;
}

/*--------------------
■コンテンツ部レイアウト
--------------------*/

#cnt_lc {
	width:670px;
	float:left;
}

#cnt_l {
	margin-bottom:10px;
}

#cnt_r {
	width:270px;
	float:right;
}

/*--------------------
■ブロック
--------------------*/
#cnt_lc .top_block {
	background:url(images/top_bg.jpg) no-repeat;
	height:200px;
	position:relative;
}

#cnt_lc .top_txt {
	line-height:1.5em;
	width:360px;
	border:3px solid #FF9999;
	position:absolute;
	right:10px;
	bottom:10px;
	background:#fff;
	padding:5px;
	height:100px;
	overflow:auto;
}



#cnt_lc h2 {
	background:url(images/line2.jpg) no-repeat bottom;
	font-weight:bold;
	font-size:114%;
	color:#666666;
	height:35px;
}



#cnt_cl .no2 {margin:15px 0 30px 0;}
#cnt_cl .no2 h2 {
	background:url(images/ttl_topics.jpg) no-repeat bottom;
	font-weight:bold;
	font-size:114%;
	color:#666666;
	height:35px;
}
#cnt_cl .no2 ul {
}

#cnt_cl .no2 li {
	margin-bottom:10px;
}


#cnt_cr .cnt_crbox {
	width:330px;
}

#cnt_cr .no1 {float:left;}
#cnt_cr .no2 {float:right;}



#cnt_cr .no1 li,
#cnt_cr .no2 li {
	margin-bottom:10px;
}

#cnt_cr .no1 img,
#cnt_cr .no2 img {
	float:left;
	margin-right:5px;
}

#cnt_cc {
	margin-top:30px;
}

#cnt_cc .cnt_ccbox {
	margin-bottom:20px;
}

.cnt_rbox {
	margin-bottom:15px;
}

#cnt_r .no3 h2{
	background:url(images/side_ttl_anketo.jpg) no-repeat;
	height:21px;
	text-indent:-9999px;
}

#cnt_r .no4 h2{
	background:url(images/side_ttl_rank.jpg) no-repeat;
	height:21px;
	text-indent:-9999px;
}

#cnt_r .no3 .side_inner,
#cnt_r .no4 .side_inner {
	border: 1px solid #F2A8A7;
	padding:10px;
}

/*ログインブロック*/
#usermenu {
	padding:10px;
	border:1px solid #999;
}

#usermenu .av{ margin-bottom:7px;}

#usermenu .box_l {
	float:left;
	width:60px;
}

#usermenu .box_r {
	margin-left:65px;
	line-height:1.5em;
}

#usermenu .box_r .name{
	font-weight:bold;
	color:#EC7674;
	font-size:114%;
}

/*アンケートブロック*/
.side_inner iframe{
	border:none;
	width:250px;
}

hr.an_hr{
	display:block;
	margin:15px 0;
	border-top-color:#999;
	border-bottom-color:#999;
}

/*フィードブロック*/
ul.feed_block li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}

ul.feed_block .feed_footer {text-align:right;}

/*100kcl*/

table.table_100kcal td {
	padding:0;
	width:20%;
	text-align:center;
	background:#FFE8F3;
}

.img_100kcal{
	padding:5px;
	background:#fff;
}

.info_100kcal{
	border-top:1px solid #999;
	background:#FFE8F3;
	padding:5px;
}

/*アドセンス*/
table.ads td {
	padding:0;
	text-align:center;
	border:none;
}


/*--------------------
■フッター
--------------------*/

#page_top{
	margin-top:15px;
	height:19px;
	text-align:right;
	background:url(images/line_footer.jpg) no-repeat bottom;
}

#footer {
	padding-top:10px;
}

#footer .box_l {
	width:670px;
	float:left;
}

#footer .box_l li {
	float:left;
}

#footer .box_l li a {
	background:url(images/arrow1.jpg) no-repeat left center;
	padding-left:15px;
	margin-right:10px;
}

#footer .box_l li a:link { color:#333; text-decoration:none;}
#footer .box_l li a:visited { color:#333; text-decoration:none;}
#footer .box_l li a:hover { color:#EA7774; text-decoration:none;}
#footer .box_l li a:active { color:#EA7774; text-decoration:none;}

#footer .box_r {
	width:270px;
	float:right;
	text-align:right;
}

a.copy:link { color:#333; text-decoration:none;}
a.copy:visited { color:#333; text-decoration:none;}
a.copy:hover { color:#EA7774; text-decoration:none;}
a.copy:active { color:#EA7774; text-decoration:none;}


/*--------------------
■コンテンツ共通
--------------------*/

.indent{
	text-indent:-1em;
	padding-left:1em;
}

.errorMsg {
	padding:10px;
	border:1px solid #CC0000;
	color:#CC0000;
	background:#FFECEC;
	margin:10px 0;
}

.errorMsg li{
	color:#CC0000;
}


h3 {
	background:url(images/line3.jpg) no-repeat bottom;
	padding-bottom:3px;
	font-weight:bold;
	font-size:114%;
	color:#666;
	margin-bottom:15px;
}


h3 a:link { font-weight:bold; color:#666; text-decoration:none;}
h3 a:visited { font-weight:bold; color:#666; text-decoration:none;}
h3 a:hover { font-weight:bold; color:#EA7774; text-decoration:none;}
h3 a:active { font-weight:bold; color:#EA7774; text-decoration:none;}

h4 {
	font-weight:bold;
	color:#EC7674;
	border-left:3px solid #666;
	line-height:1em;
	margin:20px 0 10px 0;
	padding-left:5px;
}


p {line-height:1.5em;}

.basic_table th {
	border:none;
	font-weight:bold;
	color:#666;
	border-right:1px dotted #666;
	width:8em;
	background:#FDFCF2;
}

.basic_table td {
	border:none;
	border-left:1px dotted #666;
	padding-left:2em;
}

/*x_comment*/

table.aphorism .odd{
	border:none;
}

/*xoopsテーブル*/

.outer th {
	border:none;
	font-weight:bold;
}

.outer .head {
	border:none;
	font-weight:bold;
	color:#666;
	border-right:1px dotted #666;
	width:12em;
	background:#FDFCF2;
}

.outer .odd {
	border:none;
	border-left:1px dotted #666;
	padding-left:2em;
}

.outer .even {
	border:none;
	border-left:1px dotted #666;
	padding-left:2em;
}

.outer .foot {border:none;}

/*アフォリズム*/
.apho th {width:12em;}

/*--------------------
■静的コンテンツ
--------------------*/
.bottom_of_content_body {display:none;}

.pico_controllers {margin-bottom:20px;}

.pico_body {margin-bottom:20px;}

.pico_body p {line-height:1.5em;}

.pico_body h4 {
	font-weight:bold;
	color:#EC7674;
	border-left:3px solid #666;
	line-height:1em;
	margin:20px 0 10px 0;
	padding-left:5px;
}

.caution2 {
	background:#FEF0EF;
	border:1px solid #CC0000;
	padding:10px;
	margin-top:20px;
}

/*プレゼント*/

table.present tr.even{
	background:#F0FBEC;
}

table.present td{
	border:none;
	padding:5px;
}

table.present td.pre_thumb img{
	border:1px solid #aaa;
	padding:1px;
}


table.present .pre_ttl{
	font-weight:bold;
	font-size:122%;
	color:#887D42;
}

table.present .sub_cnt{
	margin-bottom:5px;
}

table.present td.pre_entry{
	vertical-align:middle;
	text-align:center;
}

table.present .limit{
	font-size:85%;
	color:red;
}

table.present .isgest,
table.present .isgest *{
	font-size:85%;
}

/*--------------------
■ランキング
--------------------*/

.indexpage span.rank {
	display:none;
}

.rank1_frame span.rank{
	background:url(images/rank1.png) no-repeat left center;
	font-size:114%;
	font-weight:bold;
	border:none;
	color:#CC9900;
	padding:10px 5px 10px 25px;
}

.rank2_frame span.rank{
	background:url(images/rank2.png) no-repeat left center;
	font-size:114%;
	font-weight:bold;
	border:none;
	color:#999999;
	padding:10px 5px 10px 25px;
}

.rank3_frame span.rank{
	background:url(images/rank3.png) no-repeat left center;
	font-size:114%;
	font-weight:bold;
	color:#993300;
	padding:10px 5px 10px 25px;
}

.rank4_frame span.rank,
.rank5_frame span.rank,
.rank6_frame span.rank,
.rank7_frame span.rank,
.rank8_frame span.rank,
.rank9_frame span.rank,
.rank10_frame span.rank
 {
	color:#0099CC;
	font-weight:bold;
}


li.rank_li {margin-bottom:5px;}

li.block_rank1,
li.block_rank2,
li.block_rank3{
margin-bottom:10px;
}

li.block_rank1 span.no,
li.block_rank2 span.no,
li.block_rank3 span.no{
	display:none;
}

a.block_rank1{
	background:url(images/rank1_s.png) no-repeat left center;
	padding:10px 0 10px 25px;
}

a.block_rank2{
	background:url(images/rank2_s.png) no-repeat left center;
	padding:10px 0 10px 25px;
}

a.block_rank3{
	background:url(images/rank3_s.png) no-repeat left center;
	padding:10px 0 10px 25px;
}



/*--------------------
■ エラーページ
--------------------*/
span.err_title{
	font-weight:bold;
	font-size:200%;
	display:block;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}

span.err_type{
	font-weight:bold;
	font-size:129%;
	color:#0099CC;
	margin-bottom:10px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
}

p.home {
	text-align:right;
}


/*--------------------
■ アフォリズム
--------------------*/

.x_comment {
	margin-bottom:5px;
	vertical-align:middle;
}

.x_comment tr.x_tr {
}

.x_comment td.afo_info{
	background:#E6F7FF;
	vertical-align:middle;
	white-space:nowrap;
	width:1%;
	border-right:1px dotted #666;

}

.x_comment td.afo_comment{
	vertical-align:middle;
	border-left:1px dotted #666;
	border-right:none;
}

.x_comment td.afo_date{
	vertical-align:middle;
	white-space:nowrap;
	width:1%;
	border-left:none;
}

.afo_info a{
	text-decoration:none;
}

.afo_caution{
	padding:7px;
	border:1px solid #0099CC;
	background:#E8F8FF;
	margin-bottom:10px;
	text-align:center;
}

.afo_caution p{
	margin-bottom:5px;
}

.afo_caution a{
	font-weight:bold;
	text-decoration:none;
}

.afo_btn{
	text-align:center;
}