@charset "UTF-8";

@import "common.css";

/*--------------------------------------------------
	Entame CSS
		1: Common
		2: Index
		3: medium	   
		4: place
		5: inquiry
		6: rules
		7: privacypolicy
		8: webad
		9: sample
---------------------------------------------------*/


/*--------------------------------------------------
           1: Common
---------------------------------------------------*/

/* 【共通】ローカルナビ
===================================================*/

/* 項目が全て埋まらない時用の背景指定 */
#lnavi dd {
	/*width: 661px;*/
	height: 40px;
	background: url(../images/mediadata/lnavi_bg.gif) no-repeat left top;
}


/* 【共通】テキスト関係
===================================================*/
/* リード文 */
#main .read {
	margin: 10px 14px 0;
	font-size: 115%;
}
/* 最終更新日 */
#main .updata {
	margin: 5px 14px 0px;
	color: #00a39f;
	font-size: 95%;
	text-align: right;
}


/* 【共通】見出し関係
===================================================*/

/* 緑色＋太字 指定（含リンク処理） */
 #main .subh {
	color: #01a29e;
	font-weight: bold;
	font-size: 115%;
}
 #main .subh a {
 	color: #01a29e;
	text-decoration: none;
}
#main .subh a:hover {
	color: #a97944;
	text-decoration: under.line;
}



/* リード文
===================================================*/
.lead{
	width:715px;
	margin:0 auto;
	margin-top:25px;
	text-align:center;
}
.lead p{
	margin-top:5px;
}



/*--------------------------------------------------
           2: Index
---------------------------------------------------*/

/* 見出し
===================================================*/
.headline{
	height:230px;
	margin:0 15px;
	background:url(../images/mediadata/img_top.jpg) no-repeat right top;
}
.headline p{
	width:370px;
	margin-top:30px;
	padding:0 15px;
}

/* コンテンツ
===================================================*/
.mediadata_menu{
	margin-top:30px;
}
.element{
	width:369px;
	margin-top:30px;
	padding:0;
}
.mediadata_menu .left{	clear:left;	float:left;}
.mediadata_menu .right{	clear:right;	float:right;}

.element_img{
	float:left;
	width:81px;
	margin:10px 12px 0 10px;
}
.element_img img{
	border:solid 1px #EEEEEE;
}
.element p{
	margin:10px 0 0 95px;
	padding:0 10px;
}
.element span{
	display:block;
	margin-bottom:10px;
	font-weight:bold;
	color:#01a29e;
	font-size: 115%;
}
.element a{
	/*font-size:85%;*/
}
.more{
	margin-top:10px;
	padding-right:10px;
	text-align:right;
}

.btn_menu{
	clear:both;
	padding-top:30px;
	text-align:center;
}
.btn_menu img{
	margin:0 10px;
}




/*--------------------------------------------------
           3: Medium
---------------------------------------------------*/
/* 媒体概要
===================================================*/
.outline{
	margin-top:30px;
}

table .divide{/*table共通*/
	padding:5px 10px 3px 10px;
	background-color:#c7b99a;
	font-weight:bold;
}
table .response{
	padding:5px 10px 3px 10px;
	background-color:#eeeae1;
}

.outline_table{/*概要表*/
	float:right;
	margin:10px 10px 0 0;
}

.outline_table td.divide{
	width:120px;
	border-top:solid 1px #FFFFFF;
	vertical-align:top;
}
.outline_table td.response{
	width:363px;
	padding:5px 10px 3px 10px;
	border-top:solid 1px #FFFFFF;
	border-left:solid 2px #FFFFFF;
}
.outline_table td.response span{
	display:block;
	margin-top:15px;
	font-size:95%;
	text-align:right;
}
.outline_table p{
	margin-top:5px;
	font-size:90%;
}
.outline_table p span{
	color:#ab1c23;
}

.outline_detail{/*詳細資料*/
	margin:10px 0 0 15px;
}
.outline_detail p{
	font-size:85%;
	font-weight:bold;
	color:#01a29e;
	text-align:center;
}
.outline_detail .download{
	margin-top:5px;
	text-align:center;
}

.ad_price{/*広告掲載料金*/
	clear:both;
	padding-top:40px;
}
.ad_price table{/*料金表*/
	margin:0 auto;
	margin-top:10px;
}
.ad_price td{	padding:5px 10px 3px 10px;}
.ad_price .divide td{
	border-bottom:solid 2px #FFFFFF;
}
.ad_price .response td{
	border-bottom:solid 1px #FFFFFF;
}

.ad_price td.space{
	width:100px;
}
.ad_price td.size{
	width:110px;
	border-left:solid 1px #FFFFFF;
}
.ad_price td.price{
	width:446px;
	border-left:solid 1px #FFFFFF;
}

.supple{
	margin:8px 0 0 25px;
	font-size:90%;
}
.supple li{
	margin-top:2px;
}

.medium_inquiry{
	margin-top:30px;
	text-align:center;
}




/*--------------------------------------------------
           4: Place
---------------------------------------------------*/
span.updata{
	display:block;
	text-align:right;
}

.area{
	width:720px;
	margin:0 auto;
}
.area h2{
	margin-top:30px;
	border-bottom:solid 3px #ab1c23;
	font-size:115%;
	font-weight:bold;
	color:#ab1c23;
	.line-height:1.3;
}
.area table{
	margin-top:8px;
}
.area td{
	width:150px;
	padding:7px 15px 4px 15px;
	border-bottom:solid 1px #FFFFFF;
	border-left:solid 1px #FFFFFF;
	background-color:#ffd7d3;
	font-size:95%;
	line-height:1.2;
	vertical-align:top;
}
.area .follow td{
	background-color:#faf6ec;
}

p.except{
	margin:15px 15px 0 0;
	font-size:90%;
	color:#ab1c23;
	text-align:right;
	font-weight: bold;
}




/*--------------------------------------------------
           5: Inquiry
---------------------------------------------------*/
/* フォーム
===================================================*/
.request_form{
	margin-top:30px;
}

.form_advance{/*お問い合わせ リード*/
	width:720px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:dotted 1px #7c7c7c;
}
.form_advance p{
	padding:10px 15px;
	background-color:#ffe6e5;
	font-size:110%;
}
.form_advance span{
	display:block;
	margin-bottom:5px;
	font-size:85%;
}

.request_form table{/*フォーム*/
	width:715px;
	margin:0 auto;
	margin-top:25px;
}
.request_form tr{
	border-top:2px solid #FFFFFF;
}
.request_form td.ask{
	width:200px;
	margin-top:2px;
	padding:5px 10px 8px 10px;
	background-color:#e2e2e2;
	border-top:2px solid #FFFFFF;
	vertical-align:top;
}
.request_form td .must{
	color:#d93040;
}
.request_form td .alphabet{
	display:block;
	font-size:80%;
	color:#7e7e7e;
	.line-height:0.6;
}
.request_form td.reply{
	width:477px;
	margin:2px 0 0 0;
	padding:9px 8px 10px 8px;
	background-color:#f0f0f0;
	border-top:2px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
}

/*個人情報保護方針に同意
===================================================*/
.agree{
	width:635px;
	margin:0 auto;
	margin-top:15px;
}
.agree .caption{
	font-size:85%;
}
.agree_check{
	margin-top:5px;
}
.agree_check p{
	display:inline;
	font-size:110%;
	font-weight:bold;
}

.agree dl{
	font-size: 93%;
	line-height: 1.5;
}

.agree dt{
	color: #c6010a;
	font-weight: bold;
}

.agree dd{
	margin-bottom: 15px;
}

.agree dd li{
	margin-left: 20px;
	list-style-type: decimal;
}

.pms {
	margin-bottom: 20px;
	font-size: 93%;
}

.caution {
	font-size: 115%;
}


/*送信ボタン
===================================================*/
.form_btn{
	margin-top:30px;
	text-align:center;
}
.form_btn input{
	margin:0 10px;
}




/*--------------------------------------------------
           6: Rules
---------------------------------------------------*/
.read span.rules_agree{
	display:block;
	margin-top:20px;
}

.line .gb_banner{
	padding-bottom:30px;
}
.line .gb_banner img{
	float:left;
}
.line .gb_banner p{
	padding-top:23px;
	.line-height:1;
}

/*--------------------------------------------------
      【共通】6: Rules　- 7.Privacy Policy
---------------------------------------------------*/

.line{
	width:744px;
	margin-top:35px;
}
.line h2{
	height:25px;
}
.line dl{
	width:715px;
}
.line dt{
	margin-top:30px;
	border-bottom:solid 3px #ab1c23;
	font-size:115%;
	font-weight:bold;
	color:#ab1c23;
	.line-height:1.3;
}
.line dd{
	margin-top:5px;
	padding:0 15px;
	/*font-size:95%;*/
}

.line dd ul.disc li{
	list-style-type:disc;
	margin-left:15px;
}
.line dd ul.number li{
	list-style-type:decimal;
	margin:3px 0 0 20px;
}




/*--------------------------------------------------
           7: Privacy Policy
---------------------------------------------------*/
.pp_line{
	margin-top:50px;
}

/*宣言文
===================================================*/
.declaration{
	width:715px;
	margin:0 auto;
	margin-top:10px;
	font-size:95%;
}
.declaration span{
	display:block;
	margin-top:25px;
	text-align:right;
}

.customer_window {
	width:625px;
	padding:15px;
	margin:15px;
	border:solid 1px #CCCCCC;
}

.customer_window span {
	font-weight:bold;
	}

/*個人情報の取り扱い
===================================================*/
.line dd .treatment{
	margin-top:12px;
}

.line dd .treatment .tm_divide span{
	display:block;
	margin-bottom:3px;
	font-weight:bold;
}
.line dd .treatment p.divide_heading{
	margin-top:8px;
}
.line dd .treatment ul{
	margin-left:25px;
}

.tell_cookie{
	width:640px;
	margin:0 auto;
	margin-top:20px;
	padding:10px 15px;
	background-color:#e7e7e7;
	font-size:90%;
}
.tell_cookie span{
	display:block;
	font-weight:bold;
}






/*--------------------------------------------------
           8: Web ad
---------------------------------------------------*/
#main .webad_cap{
	overflow:hidden;
	height:1%;
	width:690px;
	padding-bottom:30px;
	margin:20px 0 0 30px;
	background:url(../images/mediadata/img_webad_capbg.gif) no-repeat;
	background-position:0px 70px;
	background-color:#fff2cc;
}

#main .webad_cap p{
	width:600px;
	padding-left:50px;
	margin-top:15px;
	line-height:1.8;
}
#main .webad_cap p img{
	display:block;
	float:right;
	width:280px;
	padding-top:10px;
	margin-left:20px;
}
#main .webad_cap .special{
	clear:both;
	width:600px;
	height:110px;
	margin:0 auto;
}


.merit{
	clear:both;
	margin-top:45px;
}
.merit dl{
	width:717px;
	margin:10px auto;
}
.merit dl.last{
	margin-top:35px;
}
.merit dt{
	padding:10px 10px 5px 25px;
	background-color:#fcd3d4;
	background-image:url(../images/mediadata/img_icon_webad01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-weight:bold;
	line-height:1;
}
.merit dd{
	margin-top:15px;
	padding:0 12px;
}
.merit dd img{
	float:left;
	margin-right:18px;
}

.useful{
	margin-top:60px;
}
.useful h2{
	height:25px;
}
.useful ul{
	width:717px;
	margin:0 auto;
}
.useful li{
	padding-left:30px;
	margin-top:20px;
	background:url(../images/mediadata/img_icon_webad02.gif) no-repeat left center;
}
.useful li h3{
	font-weight:bold;
	color:#fc8200;
}

.webad_detail{
	width:605px;
	margin:0 auto;
	margin-top:70px;
}
.webad_detail .summary{
	padding-bottom:10px;
	background-color:#ffeded;
}
.webad_detail .sample{
	width:470px;
	margin:15px auto;
}
.webad_detail .sample p{
	float:right;
	width:250px;
	padding-top:40px;
}
.webad_detail .sample p a{
	display:block;
	font-size:130%;
	font-weight:bold;
}
.webad_detail .sample p span{
	display:block;
	padding-left:25px;
	margin-top:3px;
	background:url(../images/mediadata/img_icon_webad03.gif) no-repeat left top;
}

.webad_detail .contact{
	width:524px;
	margin:0 auto;
	margin-top:20px;
}




/*--------------------------------------------------
           9: Sample
---------------------------------------------------*/
.sample_sengen{
	padding:25px 0;
	margin-top:4px;
	background-color:#fff0d6;
	font-size:140%;
	text-align:center;
}
.sample_sengen p{
	font-weight:bold;
	text-align:center;
	color:#c6010a;
}



.sample .cap_main{
	padding-top:15px;
}

#main .cap_text{
	width:370px;
}
#main .cap_photo {
	width: 330px;
	float: left;
	margin-bottom: 20px;
}

/* ------ Shop Head ------ */
.sample .shop_head{
	padding:0 10px;
	background:url(../images/mediadata/sample/img_namebgbottom.gif) no-repeat right bottom;
}
.sample .shop_head .shop_logo{
	float:left;
	width:100px;
	margin-right:15px;
}
#main .cap_text h2{
	font-size:160%;
	font-weight:bold;
	line-height:1.1;
}
.sample .shop_head h2.name{
	padding:15px 0 0 20px;
	background:url(../images/mediadata/sample/img_namebgtop.gif) no-repeat left top;
}
.sample .logoin h2.name{
	margin-left:115px;
}
.sample .shop_head h2.name span{
	display:block;
	margin-top:5px;
	font-size:60%;
	font-weight:normal;
	color:#666666;
}

/*　Tel　*/
.sample .tel{
	margin-left:75px;
}
.sample .coupon{
	height:25px;
	padding-left:42px;
	/*background:url(../images/mediadata/sample/img_coupon.gif) no-repeat left center;*/
}



.sample .tel p{
	padding:2px 0 0 25px;
	background:url(../images/mediadata/sample/img_tel.gif) no-repeat left center;
	font-size:125%;
	font-weight:bold;
}

/* ------ Comment ------ */
.sample .comment{
	margin-top:30px;
}
#main .cap_text .comment {
	font-size: 100%;
	padding-bottom: 0;
	border-bottom: none;
}
.sample .comment h3{
	padding-bottom:5px;
	border-bottom:dotted 1px #f79a9e;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	color:#c6010a;
}
.sample .comment_text{
	margin-top:10px;
	padding:0 5px;
}

/*　Photo Caption　*/
.cap_photo p{
	padding:0 0 2px 3px;
	border-right:dotted 1px #cccccc;
	border-bottom:dotted 1px #cccccc;
	font-size:90%;
	line-height:1.3;
}
.cap_photo p span{
	font-size:80%;
	color:#c6010a;
}

/*　Caption Sub　*/
.caption_sub{
	clear:both;
	overflow:hidden;
	height:1%;
	padding:15px 10px 15px 0;
	margin:0 10px;
	background-color:#fff0d6;
}
.caption_sub img{
	float:right;
}
.caption_sub dl{
	float:right;
	width:500px;
}
.caption_sub dt{
	padding:5px 5px 0 15px;
	background-color:#f8af2c;
	font-size:110%;
	font-weight:bold;
}
.caption_sub dd{
	padding-left:15px;
	margin-top:10px;
}

.option{ /*option*/
	padding:15px 0 15px 10px;
	margin-top:15px;
	background-color:#fff1f1;
}
.option img{
	float:left;
}
.option dl{
	float:left;
}
.option dt{
	padding-left:10px;
	background-color:#ffafaf;
}
.option dd{
	padding:0 10px;
}

/* ------ Menu ------ */
.menu{
	overflow:hidden;
	heigt:1%;
	margin-top:50px;
}
.menu_mainph{
	float:left;
	width:220px;
	margin:5px 0 0 10px;
}
.menu_mainph span{
	font-size:80%;
}

.menu dl{
	float:left;
	width:140px;
	margin:5px 0 20px 20px;
}

.menu dd span{
	display:block;
	/*font-weight:bold;*/
}



.menu_option{ /*option*/
	clear:both;
	padding:10px 10px 0 10px;
}
.menu_option dl{
	width:490px;
	margin:0 15px 0 0;
}
.menu_option dt{
	font-size:110%;
	font-weight:bold;
}
.menu_option dd{
	margin-top:5px;
}

/*  Menu List  */
.menu_list{
	clear:both;
	width:709px;
	padding-top:22px;
	margin-left:10px;
	border:solid 3px #d1c0a5;
	background:url(../images/mediadata/sample/img_menubgtop.gif) no-repeat left top;
}

.menu_list ul.left{
	float:left;
	width:324px;
	margin-left:30px;
	border-right:solid 2px #f3ede4;
}
*html .menu_list ul.left{
	margin-left:15px;
}

.menu_list li{
	padding:8px 10px 3px 25px;
	border-bottom:dotted 1px #ffeac5;
}
.menu_list ul.left li{
	margin-right:20px;
}
.menu_list ul.right li{
	margin-left:374px;
	margin-right:30px;
}
.menu_list li.category{
	background-color:#f6f2eb;
	font-weight:bold;
}
.menu_list li.ex{
	padding-top:30px;
	border-bottom:none;
	text-align:right;
}

.menu_list img{
	clear:both;
	display:block;
	margin-top:5px;
}



#main .h_shopdata{
	margin-top:80px;
	background:transparent url(../images/mediadata/sample/hline_shopdata.gif) no-repeat scroll left top;
}


/* ------ Shopdata ------ */
#main .shop_details{
	padding-bottom:20px;
	border-bottom: 3px #dad3c9 solid;
}

.btn_print{
	margin:15px 0;
	text-align:center;
}


/* ------ Mobile ------ */
.mobile{
	width:535px;
	padding:10px;
	margin:0 auto;
	border:solid 2px #dad3c9;
}
.mobile img{
	display:block;
	float:left;
}
.mobile p{
	margin-left:100px;
}
.mobile p span{
	display:block;
	padding:5px 10px 0px 30px;
	margin-bottom:5px;
	background:url(../images/mediadata/sample/img_mobile.gif) no-repeat left top;
	border-bottom:dotted 1px #d35a60;
	font-size:105%;
	font-weight:bold;
}


/*企画営業スタッフ募集
===================================================*/

#recruit_info{
background-image:url(../images/mediadata/recruitment_back.gif);
background-repeat:repeat-y;
background-position:35px;
padding-left:30px;
position:relative;
top:-7px;
}

html* #recruit_info{
top:0px;
}

#recruit_info h2{
color:#b9b95b;
font-size:30px;
font-weight:bold;
}

#info_content{
width:613px;
margin:0 auto 0px 25px;
padding:0 0 20px 40px;
background-color:#ffffff;
}

#info_content p{
margin:0 0 15px 0;
}

#info_content dl{
margin:0 0 15px 0;
}

#info_content dt{
font-size:12px;
color:#ffffff;
text-indent:10px;
padding:4px 0;
background-image:url(../images/mediadata/recruitment_point.gif);
background-repeat:no-repeat;
}

.info_text{
width:580px;
}

#back_bottom{
width:672px;
padding:0 0 0 0px;
margin:0 0 0 6px;
background-color:#ffffff;
}

#recruitment_detail{
width:613px;
margin:20px auto 0 40px;
padding:0;
}

td.list{
width:70px;
background-image:url(../images/mediadata/recruitment_point_s.gif);
background-repeat:no-repeat;
vertical-align:top;

font-size:12px;
text-align:center;
}

#recruitment_detail table{
width:610px;
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:dotted 1px #b9b95b;
}

span.small_text{
font-size:11px;
}

#apply{
width:600px;
margin:0 auto;
padding:5px 0;
background-color:#ECE2C6;
}

#apply h3{
text-align:center;
font-size:17px;
font-weight:bold;
}

#send{
width:560px;
margin:0 auto;
padding:3px 0;

border-top:dotted 1px #b9b95b;
border-bottom:dotted 1px #b9b95b;

}

#send p{
font-weight:bold;
text-align:center;
}

#info_address{
width:570px;
padding:15px 0 0 20px;
}