/* カココミCSS */
* {
margin:0;
}
body {
font-family:"ＭＳ Ｐゴシック", sans-serif;/*IE6*/
font-size:12px;
color:#16160E;
margin-top:15px;
_margin-top:5px;/*IE6*/
padding:0;
line-height:140%;
}
*:first-child+html body {/*IE7ハック*/
   font-family:
   "メイリオ",
   "ＭＳ Ｐゴシック",
    sans-serif;
}
html>body {/*それ以外ハック*/
   font-family:
   "ヒラギノ角ゴ Pro W3",
    Osaka,
    sans-serif;
}

.frame {
}
a {
color:#007BBB;
text-decoration:underline;
outline:none;
}
a:hover {
text-decoration:none;
}
.clear {
clear:both;
}
ul,ol { list-style-position:outside; margin-left:-40px; _margin-left:0;  }
*:first-child+html ul,ol { /*IE7*/
margin-left:0;
}
img { border:none; }
a img { border:none; }

#header {
color:#99CAE4;
width:940px;
margin:10px auto 5px;
}
.logo {
background-image:url(images/logo_over.jpg);
background-repeat:no-repeat;
width:332px;
height:24px;
}
.logo a {
background-image:url(images/logo.jpg);
background-repeat:no-repeat;
display:block;
width:332px;
height:24px;
}
.logo a:hover {
background:none;
}
.global {
position:absolute;
top:10px;
right:10px;
}
#contents{
width:940px;
margin:0 auto;
min-height:400px;
}
#footer {
color:#808080;
}
.footer_frame {
margin:10px auto;
width:635px;
}
.logo_comicpark a {
float:left;
background-image:url(images/logo_comicpark.gif);
background-repeat:no-repeat;
display:block;
width:125px;
height:29px;
margin-right:10px;
}
.copy {
font-size:11px;
text-align:left;
}
	/*form*/
select, textarea {
border:1px solid #99CAE4;
margin:3px 0;
}
/*エラーメッセージ*/
.error_top {
margin:5px 0 10px;
color:#FF0000;
text-align:center;
}
.error_select {
font-size:14px;
text-align:center;
color:#FF0000;
margin:10px 0;
}

/*popup*/
.frame_popup {
}
#header_popup {
width:700px;
height:24px;
margin:10px auto;
}
#contents_popup {
width:700px;
margin:0 auto;
min-height:400px;
}
#footer_popup {
width:700px;
margin:10px auto;
padding:15px 0 5px 0;
border-top:1px solid #007BBB;
}
.btn_close_popup {
background-image:url(../images/btn_close_over.gif);
background-repeat:no-repeat;
width:76px;
height:22px;
margin:0 auto;
}
.btn_close_popup a {
background-image:url(../images/btn_close.gif);
background-repeat:no-repeat;
display:block;
width:76px;
height:22px;
margin:0 auto;
}
.btn_close_popup a:hover {
background:none;
}

/*パーツ-----------------------------------------------------------------------------------------------*/
.red {
color:#E83929;
}
.blue {
color:#007BBB;
}
.normal {
color:#16160E;
font-weight:normal;
}
.small {
font-size:11px;
font-weight:normal;
}
.header_std {
background-color:#007BBB;
height:60px;
line-height:60px;
vertical-align:middle;
}
.header_text_std {
color:#FFF;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
margin:0 0 0 20px;
}
.header_text_std img {
_margin-top:10px;
}
.bluebox_solid {
border:1px solid #99CAE4;
padding:10px;
height:100%;
}
.bluebox_dashed {
border:1px dashed #99CAE4;
padding:10px;
}

.bluebox_solid_top {
border-top:1px solid #99CAE4;
padding:10px 0;
}
.bluebox_dashed_top {
border-top:1px dashed #99CAE4;
padding:10px 0;
}

.blueline_solid {
border-top:1px solid #99CAE4;
width:100%;
height:1px;
}
.blueline_dashed {
border-top:1px dashed #99CAE4;
width:100%;
height:1px;
}
	   
/*トップページ index-----------------------------------------------------------------------------------------------*/
	/*プリロード*/
	.preload {
       width: 0px;
       height: 0px;
       display: inline;
	   
	   /*background-image:url(images/logo_over.jpg);
	   background-image:url(images/btn_affiliate_over.gif);
	   background-image:url(images/banner_special_over.jpg);
	   background-image:url(../images/btn_close_over.gif);
	   background-image:url(images/btn_view_top_over.gif);*/
	   }
#frame_top {
width:840px;
margin:0 auto;
}
/*IEとOpera以外*/
:root #frame_top {
margin:40px auto;
}
.catchcopy {
background:url(images/catchcopy.gif) no-repeat;
width:461px;
height:22px;
margin:20px auto;
}
.logo_top {
background-image:url(images/logo_top_over.gif);
background-repeat:no-repeat;
background-position:right;
width:248px;
height:50px;
margin:5px auto;
}
.logo_top a {
background-image:url(images/logo_top.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
width:248px;
height:50px;
}
.logo_top a:hover {
background:none;
}
/*.header_top {
background-image:url(images/bg_header_top.jpg);
background-repeat:no-repeat;
width:940px;
height:200px;
}*/
.type {
background:url(images/type.gif) no-repeat;
width:165px;
height:50px;
margin:15px auto 0;
}
	/*ハジメル*/
.start {
margin:10px auto;
color:#007BBB;
font-size:14px;
font-weight:bold;
}
.start table {
margin:0 auto;
}
.handle_name {
}
.btn_start {
}

	/*左*/
	.left_top {
	float:left;
	width:280px;
	color:#5B5B56;
	letter-spacing:1px;
	}
	/*アフィリエイト*/
.btn_affiliate {
margin:20px 10px 0 0;
background-image:url(images/btn_affiliate_over.gif);
background-repeat:no-repeat;
background-position:right;
width:100%;
height:10px;
}
.btn_affiliate a {
background-image:url(images/btn_affiliate.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
width:100%;
height:10px;
}
.btn_affiliate a:hover {
background:none;
}
	/*ステップ 未使用*/
/*.step {
width:100%;
}
.step h1 {
background-image:url(images/h1_step.gif);
background-repeat:no-repeat;
width:102px;
height:24px;
}
.step_image {
background-image:url(images/step.gif);
background-repeat:no-repeat;
border:1px solid #3395C9;
width:400px;
height:310px;
}*/
	/*ブログパーツ　未使用*/
/*.blogparts {
width:100%;
margin-top:10px;
}
.blogparts h1 {
background-image:url(images/h1_blogparts.gif);
background-repeat:no-repeat;
width:316px;
height:39px;
}
.blogparts_image {
background-image:url(images/blogparts.gif);
background-repeat:no-repeat;
border:1px solid #3395C9;
width:400px;
height:320px;
}*/
	/*右*/
	.right_top {
	float:right;
	width:540px;
	text-align:center;
	}
	/*スペシャル*/
.special {
color:#007BBB;
font-size:14px;
margin:20px auto 0;
line-height:160%;
}
/*.special h1 {
background-image:url(images/h1_special.gif);
background-repeat:no-repeat;
width:111px;
height:20px;
margin-bottom:3px;
_margin-bottom:-7px; /*IE6*/
/*}*/
.special_banner {
background-image:url(images/banner_special_over.jpg);
background-repeat:no-repeat;
width:323px;
height:123px;
margin:5px auto;
}
.special_banner a {
background-image:url(images/banner_special.jpg);
background-repeat:no-repeat;
display:block;
width:323px;
height:123px;
}
.special_banner a:hover {
background:none;
}
.special .textbox {
padding-top:10px;
}
	/*ニュース*/
.news {
width:100%;
}
.news h1 {
	background-image:url(images/h1_news.gif);
	background-repeat:no-repeat;
	width:73px;
	height:15px;
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
}
.news strong {
}
.news li {
list-style:url(images/news_list.gif);
margin-left:20px;
margin-bottom:5px;
}
	/*ミンナノカココミ*/
.sample_all {
margin-top:20px;
width:100%;
}
.sample_all h1 {
float:left;
background-image:url(images/h1_sample_all.gif);
background-repeat:no-repeat;
width:148px;
height:16px;
margin:0 0 10px 0;
_margin:0 0 5px 0;
}
.view_top_lead {
float:right;
font-size:11px;
padding-top:3px;
font-weight:normal;
}
.btn_view_top {
float:right;
padding-top:5px;
background-image:url(images/btn_view_top_over.gif);
background-repeat:no-repeat;
width:81px;
height:10px;
}
.btn_view_top a {
background-image:url(images/btn_view_top.gif);
background-repeat:no-repeat;
display:block;
width:81px;
height:10px;
}
.btn_view_top a:hover {
background-image:none;
}
.sample_all li {
color:#8A8A86;
font-weight:bold;
list-style:none outside;
height:30px;
margin-bottom:5px;
}
.sample_all .date {
color:#808080;
font-weight:normal;
}
.sample_all .date a {
font-weight:bold;
}
.sample_all .date img {
line-height:26px;
vertical-align:middle;
}
.sample_all_seal {
width:160px;
height:230px;
margin:10px 0 5px;
}
	/*サンプル*/
/*.sample {
margin-top:10px;
width:100%;
}
.sample h1 {
background-image:url(images/h1_sample.gif);
background-repeat:no-repeat;
width:169px;
height:21px;
}
.sample h2 {
font-size:14px;
font-weight:bold;
line-height:160%;
}
.sample .textbox {
padding-top:10px;
line-height:160%;
color:#45453E;
font-weight:normal;
}
.sample_seal {
width:160px;
height:230px;
}*/
/*センタクページ＋ケッカページ共通----------------------------------------------------------------------------*/

.header_text {
float:left;
margin:10px 0 0 15px;
color:#FFF;
font-size:14px;
line-height:180%;
font-weight:bold;
letter-spacing:1px;
}
.user_text {
text-align:center;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
color:#007BBB;
}
.user_text .year {
color:#16160E;
}
.user_text .life {
color:#99CAE4;
}
#user_text .life {
color:#99CAE4;
}
	/*フェーズ*/
.phase {
float:left;
width:180px;
margin-top:10px;
}

.phase h1 {
margin-top:5px;
font-size:18px;
color:#16160E;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
/*background-color:#16160E;
padding:5px;
text-align:center;*/
}
.phase a {
font-weight:bold;
}
.phase ul {
margin-top:10px;
list-style-type:none;
line-height:180%;
}
/*少年期　少女期*/
.boy {
/*background-color:#CCE5F1;
background-image:url(images/bg_phase.gif);
background-color:#B3B3B0;*/
background-color:#E6E6E6;
padding:10px;
margin-left:2px;
border-bottom:2px solid #E6E6E6;
}
/*思春期　ﾛｰﾃｨｰﾝ*/
.junior {
/*background-color:#99CAE4;*/
background-color:#E6E6E6;
padding:10px;
margin-left:2px;
border-bottom:2px solid #E6E6E6;
}
/*青年期　ﾊｲﾃｨｰﾝ*/
.young {
/*background-color:#7FBDDD;*/
background-color:#E6E6E6;
padding:10px;
margin-left:2px;
border-bottom:2px solid #E6E6E6;
}
/*中年期　20代*/
.middle {
/*background-color:#66B0D6;*/
background-color:#E6E6E6;
padding:10px;
margin-left:2px;
border-bottom:2px solid #E6E6E6;
}
/*壮年期　30代～*/
.adult {
/*background-color:#4CA2CF;*/
background-color:#E6E6E6;
padding:10px;
margin-left:2px;
border-bottom:2px solid #E6E6E6;
}
.page_footer {
text-align:center;
margin:20px auto 0 auto;
_margin:0 auto;
}
.page_footer h1 {
font-size:14px;
font-weight:bold;
line-height:160%;
}
.caution {
border:1px solid #E83929;
padding:10px 20px;
margin:20px auto;
width:45%;
text-align:left;
}
.caution h1 {
font-size:12px;
color:#E83929;
font-weight:bold;
line-height:160%;
margin-bottom:5px;
}


/*センタクページ-----------------------------------------------------------------------------------------------*/

.header_select {
padding:20px 0 0 20px;
background-image:url(images/bg_header_result.jpg);
background-repeat:no-repeat;
width:940px;
height:80px;
}
.balloon_select {
float:left;
background-image:url(images/balloon_select.gif);
background-repeat:no-repeat;
width:92px;
height:59px;
}
.image_magazine100 {
float:left;
margin-left:40px;
margin-top:10px;
width:68px;
height:100px;
overflow:hidden;
}
.select_area {
float:left;
margin-left:20px;
margin-top:10px;
font-weight:bold;
letter-spacing:1px;
line-height:160%;
}
.select_area a {
color:#E83929;
text-decoration:none;
}
.select_area a:hover {
text-decoration:underline;
}
.selectbox_l {
float:left;
}
.btn_select {
float:left;
margin:20px;
_margin:10px; /*IE6*/
}
*:first-child+html .btn_select { /*IE7*/
margin:10px;
}
.selectbox_r {
float:left;
}
.selectbox {
width:250px;
}
.commentbox {
height:40px;
}
.commentbox_empty {
font-size:11px;
color:#808080;
}
.comment {
margin-top:10px;
font-size:11px;
}
/*ケッカページ-----------------------------------------------------------------------------------------------*/
.header_result {
padding:20px 0 0 20px;
background-image:url(images/bg_header_result.jpg);
background-repeat:no-repeat;
width:940px;
height:80px;
}
.balloon_result {
float:left;
background-image:url(images/balloon_result.gif);
background-repeat:no-repeat;
width:73px;
height:47px;
}
	/*タイプ*/
.type_area {
margin-top:10px;
}
.type_image {
width:180px;
}
.type_text {
font-size:14px;
margin:0 5px 0 30px;
line-height:180%;
color:#5B5B56;
}
.type_graph {
float:right;
font-size:11px;
text-align:left;
border:1px solid #E5E5E4;
padding:5px;
}

.type_other {
background-color:#D0D0CF;
height:10px;
}
.type_self {
background-color:#E83929;
height:10px;
}
.type_god {
background-color:#B9B9B6;
height:10px;
}
.type_rate {
font-size:10px;
line-height:10px;
vertical-align:middle;
position:relative;
left:5px;
white-space:nowrap;
letter-spacing:1px;
}
	/*結果*/
.comment_result {
background-color:#E5E5E4;
margin-top:20px;
margin-bottom:10px;
padding:5px;
}
.result_area {
float:left;
width:740px;
margin-left:20px;
margin-top:10px;
}
.magazinebox {
	float:left;
	width:92px;
	text-align:center;
	letter-spacing:1px;
}
.magazinebox img {
padding-bottom:1px;
}
.magazinebox_other {
background-color:#CCC;
padding:10px;
margin-left:2px;
margin-right:0px;
border-bottom:2px solid #FFF;
}
/*.magazinebox_other img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5;
opacity: 0.5;
}*/
.magazinebox_other:hover {
background-color:#E6E6E6;
}
.magazine_view {
padding:5px 10px;
}
.magazine_view table {
margin-bottom:10px;
}
.magazine_name {
color:#007BBB;
font-size:18px;
font-weight:bold;
margin-right:10px;
padding-right:10px;
_margin-top:2px;/*IE6*/
}
*:first-child+html .magazine_name { /*IE7*/
margin-top:2px;
}
.magazine_text {
font-size:12px;
line-height:160%;
}
.list_google {
color:#666;
padding:5px 15px;
background-color:#FFF;
}
.list_google h1 {
font-size:14px;
line-height:140%;
margin-top:5px;
}
.list_comicpark {
	color:#E83929;
	background-color:#FDFAE1;
	padding:5px 15px;
}
.list_comicpark_bg {
	color:#E83929;
	background-color:#FDFAE1;
	padding:10px 15px;
	/*background-image:url(images/bg_comicpark.gif);
	background-repeat:no-repeat;
	background-position:280px 5px;*/
}
.list_comicpark_bg img {
float:right;
margin-left:5px;
}
.list_comicpark_bg h1 {
font-size:14px;
line-height:140%;
}
.push_msg {
font-size:14px;
}
.magazine_view li {
color:#7FBDDD;
font-weight:bold;
list-style:none outside;
margin-bottom:5px;
}
.image_comic {
background-color:#FDFAE1;
}
.image_comic img {
margin-right:15px;
margin-bottom:15px;
}
.btn_view {
text-align:center;
}
.btn_view a {
background-image:url(images/btn_view.gif);
background-repeat:no-repeat;
display:block;
width:115px;
height:26px;
margin:5px auto;
}
.btn_view a:hover {
background-image:url(images/btn_view_over.gif);
}
/*スタッフへのメッセージ*/
.message_to_staff {
width:420px;
margin:20px auto;
text-align:center;
}
.message_to_staff h1 {
float:left;
color:#007BBB;
font-weight:bold;
font-size:12px;
margin-right:10px;
}
.message_to_staff input {
margin-top:5px;
}
.message_thanks {
color:#007BBB;
font-weight:bold;
}


.banner {
background-image:url(images/h1_banner.gif) ;
background-repeat:no-repeat;
width:76px;
height:20px;
margin-bottom:5px;
}
/*ケッカ（公開）ページ-----------------------------------------------------------------------------------------------*/
.header_result_public {
line-height:80px;
vertical-align:middle;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:18px;
padding:20px 0 0 20px;
background-image:url(images/bg_header_result.jpg);
background-repeat:no-repeat;
width:940px;
height:80px;
}
.publicbox {
width:535px;
margin:0 auto;
font-weight:bold;
text-align:left;
}
.form_url_public {
width:320px;
float:left;
margin-top:3px;
border:1px solid #99CAE4;
}
.form_copy1 { 
float:left;
margin:2px 0 0 5px;
}
.form_copy2 { 
margin:0;
}
.public_bogparts {
background-image:url(images/public_blogparts.gif);
background-repeat:no-repeat;
width:134px;
height:22px;
}
.balloon_result_public {
background-image:url(images/balloon_result_public.gif);
background-repeat:no-repeat;
width:136px;
height:91px;
}
.btn_affiliate_public a {
margin:10px auto;
background-image:url(images/btn_affiliate.gif);
background-repeat:no-repeat;
display:block;
width:110px;
height:10px;
}
.btn_affiliate_public a:hover {
background-image:url(images/btn_affiliate_over.gif);
background-repeat:no-repeat;
}
.btn_gotop {
margin:15px 0;
_margin-top:0;
}
/*タイトル*/
.comicpark_content {
float:left;
margin-right:5px;
}

/*試し読みボタン*/
.try_read {
float:left;
background:url(images/btn_try_over.gif) no-repeat;
width:82px;
height:21px;
}
.try_read a {
background:url(images/btn_try.gif) no-repeat;
display:block;
width:81px;
height:21px;
}
.try_read a:hover {
background:none;
}

/*キャンペーンバナー*/
.result_banner {
color:#007BBB;
margin:10px auto 20px;
font-size:14px;
line-height:140%;
}

/*全タイトルを表示-----------------------------------------------------------------------------------------------*/

#overlay{     
	background-image: url(/images/overlay.png);
	position: absolute;     
	top: 0px;     
	left: 0px; 
	z-index: 80; 
	width: 100%;     
	height: 100%; 
} 

* html #overlay{
	background-color: #0094C8;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
}
.magazine_view_all {
background-color:#007BBB;
width:780px;
margin:20px 0px;
padding:10px;
}
.magazine_name_all {
color:#FFF;
font-size:18px;
font-weight:bold;
line-height:180%;
vertical-align:top;
}
.magazine_text_all {
color:#FFF;
line-height:140%;
}
.list_google_all {
color:#5B5B56;
width:740px;
padding:20px;
background-color:#FFFFFF;
margin-top:5px;
}
.list_google_all h1 {
font-size:14px;
margin-bottom:5px;
width:100%;
}
.list_google_allbox_l {
float:left;
width:260px;
}
.list_google_allbox_r {
float:left;
width:360px;
margin-left:40px;
}
.list_comicpark_all {
background-color:#FDFAE1;
color:#E83929;
width:740px;
min-height:180px;
padding:20px;
margin-top:5px;
}
.list_comicpark_all h1 {
font-size:14px;
width:100%;
}
.list_comicpark_allbox_l {
float:left;
width:260px;
}
.list_comicpark_allbox_r {
float:left;
width:220px;
margin-right:20px;
margin-left:40px;
}
.magazine_view_all li {
color:#7FBDDD;
font-weight:bold;
list-style:none outside;
margin-bottom:5px;
}
.image_comic_all {
float:right;
}
.btn_close {
float:right;
}

/*アフィリエイト-----------------------------------------------------------------------------------------------*/
.header_affiliate {
background-color:#007BBB;
height:60px;
padding:15px 0 0 20px;
}
/*.balloon_affiliate {
float:left;
background-image:url(images/balloon_result.gif);
background-repeat:no-repeat;
width:73px;
height:47px;
}*/

/*カココミについて-アフィリエイトについて（共通）-----------------------------------------------------------------------------------------------*/
.about li {
margin-left:20px;
}
.about h1 {
color:#007BBB;
font-size:14px;
line-height:160%;
border-bottom:1px dashed #99CAE4;
}
.about h2 {
font-size:16px;
}
.about img {
margin-right:10px;
}
.about .cap {
float:right;
border:1px solid #99CAE4;
margin-left:10px;
}
.codebox {
	border:1px solid #99CAE4;
	padding:10px;
	background-color:#FEFCF0;
	margin:5px 0;
}
/*ご利用規約-----------------------------------------------------------------------------------------------*/
.rule li {
margin-left:20px;
}
.rule h1 {
margin:20px 0 10px 0;
color:#007BBB;
font-size:14px;
line-height:160%;
border-bottom:1px dashed #99CAE4;
}

/*メッセージ-----------------------------------------------------------------------------------------------*/
.header_message {
color:#FFFFFF;
font-size:14px;
line-height:180%;
font-weight:bold;
letter-spacing:1px;
background-color:#007BBB;
height:60px;
line-height:60px;
vertical-align:middle;
padding:0 0 0 20px;
text-align:center;
}
.message_text {
text-align:center;
line-height:180%;
margin:40px;
min-height:200px;
}

/*ミンナノカココミページ-----------------------------------------------------------------------------------------------*/
.record_god {
float:right;
margin:10px 0;
_margin:0;
width:200px;
background-color:#DBD4A8;
}
.record_god h1 {
background-image:url(images/h1_record_god.gif);
background-repeat:no-repeat;
background-position:center top;
width:100%;
height:95px;
background-color:#FFF;
}

.record_god .godlist {
margin:15px 0;
}
.record_god li {
	margin:3px 0 2px 20px;
	list-style-type:none;
color:#5B5B56;
letter-spacing:1px;
}
.record_all {
float:left;
margin:10px 0;
_margin:0;
width:720px;
padding-bottom:10px;
text-align:center;
}
.record_all h1 {
background-image:url(images/h1_record_all.gif);
background-repeat:no-repeat;
background-position:20px center;
height:90px;
line-height:90px;
vertical-align:middle;
background-color:#FFF;
font-size:14px;
color:#FFF;
background-color:#007BBB;
text-align:right;
margin-bottom:5px;
letter-spacing:1px;
}
.record_all li {
list-style-type:none;
padding-left:20px;
}
.record_all table {
/*border-collapse: separate; 
border-spacing: 0 5px;*/
margin-bottom:5px;
letter-spacing:1px;
}
.record_all td {
padding:5px 0 10px;
}
.age {
background-color:#D0D0CF;
width:30%;
font-size:14px;
letter-spacing:1px;
}
.age strong {
font-size:16px;
}
.lady {
border:1px solid #FAD7D4;
width:35%;
color:#5B5B56;
}
.gent {
border:1px solid #CCE5F1;
width:35%;
color:#5B5B56;
}



/*スペシャル-----------------------------------------------------------------------------------------------*/
#contents_special{
width:940px;
margin:0 auto;
min-height:400px;
}
#contents_special .lead{
padding:10px;
}
#contents_special h2{
color:#5B5B56;
font-size:14px;
font-weight:normal;
letter-spacing:1px;
margin:10px 0;
line-height:160%;
}
#contents_special h3{
font-size:14px;
letter-spacing:1px;
margin:10px 15px 0;
color:#007BBB;
font-weight:normal;
}
#contents_special .rule {
width:540px;
margin:20px auto;
line-height:140%;
}
#contents_special .rule h3 {
margin:0;
}
.header_special {
background-image:url(images/special.jpg);
background-repeat:no-repeat;
height:120px;
width:940px;
margin-top:15px;
}
.present {
padding:10px;
border:1px solid #F39C94;
margin-bottom: 10px;
}
#contents_special p {
padding:5px 15px 10px;
}
.present img {
border:none;
margin-bottom:5px;
}
.present strong {
font-size:14px;
}
.prize {
color:#45453E;
padding-bottom:5px;
margin:5px 0 10px;
border-bottom:1px #E83929 dashed;
line-height:180%;
font-size:14px;
}
.prize .blue {
font-weight:bold;
}
#contents_special li {
list-style-position:outside;
margin-left:20px;
line-height:160%;
}
.mailbox {
width:520px;
	margin:20px auto;
	padding:10px;
	border:2px solid #66B0D6;
	line-height:160%;
}
.mailbox h4 {
color:#007BBB;
font-size:14px;
margin-bottom:10px;
}
.commentfield {
width:400px;
border:1px solid #99CAE4;
margin-top:2px;
}
.mailfield {
height:90%;
width:240px;
border:1px solid #99CAE4;
margin-top:10px;
}
.putin {
width:115px;
margin:15px auto 5px;
}
.inframe {
width:100%;
height:120px;
overflow:scroll;
overflow-y: scroll;
overflow-x:hidden;
border:1px solid #66B0D6;
padding:5px;
margin-top:5px;
}
.inframe strong {
line-height:180%;
color:#808080;
}

/*カココミmini-----------------------------------------------------------------------------------------------*/
.magazinebox_mini {
text-align:center;
letter-spacing:1px;
margin:0 auto 15px;
padding:5px 0 10px 0;
background-color:#E6E6E6;
border-bottom:1px dotted #FFF;
}
.banner_mini {
margin:10px auto;
}
.banner_mini01 {
background:url(images/banner_mini01_over.gif) no-repeat;
width:180px;
height:180px;
}
.banner_mini01 a {
background:url(images/banner_mini01.gif) no-repeat;
display:block;
width:180px;
height:180px;
}
.banner_mini01 a:hover {
background:none;
}