@charset "utf-8";

/*
==================================================
基本スタイルシート
製作者：Naoko
更新日：2010/10/15
==================================================
*/

/*デフォルト
--------------------------------------------------*/
*{ padding:0px; margin:0px; }
body { font-size:small; font-family:Verdana, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; line-height: 1.6; color:#555; background:url("../images/bg.gif"); }
h1	{ font-size:80%;}
*+html h1{font-size:10px;}
h2	{ font-size:120%;}
h3	{ font-size: 100%; font-weight: bold; text-align:left; margin:0px 0 10px 0; padding:0px 0 0 35px; border: 1px solid #CCC; color:#555; background: url(../images/common/subtitle_2.gif) repeat-x; height: 30px; line-height: 30px; }

/*--画像--*/
img{ border:none; margin:0px; background-color:transparent; }

/*--リンク--*/
a:link,a:visited { color:#777; text-decoration:none; -moz-outline-style:none; overflow:hidden; outline: none; text-decoration: none; }
a:hover,a:active,a:after { color:#6588c7; text-decoration:underline; -moz-outline-style:none; overflow:hidden; }

input:hover {outline: none;}

a.alpha:hover,
input.alpha:hover{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}


/*--リスト--*/
ul,ol,dl,dt,dd,li{ color:#333333; list-style:none; }

/*--clearfix--*/
.clearfix:after{ content:url("../images/pixel.gif"); display:block; clear:both; height:0; }
.clearfix{ display:inline-block; }
.clearfix{ display: block; }
.no_show { display: none; }



.left { float: left;}
.right { float: right;}
.center { text-align: center;}

.small{ font-size: 80%; letter-spacing: 0px; color: #AAA;}
.big { font-size: 115%;}
.red { color: red;}
.blue { color: blue;}
.gray { color: #999; font-size: 90%;}
.bold { font-weight: bold;}
/*レイアウト
--------------------------------------------------*/
#header{ background:; }
#header_wrap{ width:960px; height:100px; margin:0px auto; text-align:center; padding:0px; background:#ffffff; }
#navi{ height:50px; }
#naviwrap{ width:960px; margin:0px auto; text-align:center; padding:0px; background: #FFF;  }
#contents{ width:960px; margin:0px auto; padding:15px 0; text-align:center; background:#ffffff; text-align: left; }
#contents_wrap{ margin:0px 15px 15px; text-align:left; }
#page_wrap { width: 700px; margin: 0 auto; padding: 10px 0 0 0; border-top: 3px solid #5095E5;}

#footer{ background-color:#FFF; text-align:center; color:#333333; }


.left_col{ width: 700px; float: left; margin: 0 15px 0 15px; padding: 10px 0 0 0; border-top: 3px solid #5095E5; }
.right_col{ width: 215px; float: right; margin: 0 15px 0 0; padding: 10px 0; border-top: 3px solid #CCC;}

/*右カラム*/
.side_box { border: 1px solid #CCC; padding: 5px; margin: 15px 0 0 0; background: url("../images/side/side_box.gif") no-repeat; }
.side_box h2{ font-weight: normal; font-size: 95%; color: #24377B; border-bottom: 1px dotted #444; margin: 0 0 5px;}
.side_box p{ font-size: 80%;}

.side_box p.see_detail_page { text-align: right; margin: 3px 0;}
.side_box p.see_detail_page a{ border: 1px solid #999; padding: 3px; background: #A9C4D9; text-decoration: none;}
.side_box p.see_detail_page a:hover{ border: 1px solid #333; background: #FFF;}


.right_col ul.side_company_info { list-style: none; margin: 0; padding: 0; border: 4px solid #CCC;}
.right_col ul.side_company_info li { margin: 0; background: url(../images/common/arrow01.gif) no-repeat 5px 18px; }
.right_col ul.side_company_info li a{ color: #555; background: url(../images/common/line.gif) repeat-x left bottom; width: 171px; display: block; padding:10px 15px; margin: 0 3px;}
.right_col ul.side_company_info li a.last{ background:none;}

.right_col ul.side_company_info li a:hover{ background: #EEE; text-decoration: none;}



/*ヘッダー
--------------------------------------------------*/
/*--ロゴエリア--*/
.titlearea{ width:625px; float:left; margin:0; text-align:left; }
.titlearea h1{ font-weight:lighter; text-align:left; color:#666666; margin: 0 0 0 15px; }
.titlearea h2{ text-indent:-9999px; }
.titlearea h2 a{ background:url("../images/logo_190.gif") no-repeat; display:block; width:190px; height:50px; margin: 15px 0 0 15px; float: left; }
.titlearea h2 a:hover{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}

.titlearea .campaign_ad{ float: left; margin: 10px; }



/*--ログインフォーム--*/
#loginform{ float:right; text-align:right; margin-top:15px; padding-bottom:3px; height:60px; }
.login_input{ float:left; font-size: 11px; }
.login_input input{ border: 1px solid #AAA; background:url(../images/common/bg_form.gif) repeat-x ; padding: 2px; margin: 0 0 3px; width: 120px;}
.login_input input:focus{ border: 1px solid #111; background:#EEE; }

input.login_btn{ background: url(../images/login_btn.gif) no-repeat; width: 90px; height: 40px; display: block; margin:0px 15px; float:left; border: none; cursor: pointer; }
input.login_btn_en{ background: url(../images_en/login_btn.gif) no-repeat; width: 90px; height: 40px; display: block; margin:0px 15px; float:left; border: none; cursor: pointer; }
input.login_btn_en:hover,
input.login_btn:hover{ background-position:0px -40px;}

.reminder a{ margin-right:15px; text-decoration:underline; font-size: 11px; }
/*--ヘッダーナビ--*/
.header_navi{ margin:0px 15px 0px 0px; float:right; text-align:right; font-size: 85%; }
.header_navi li{ float:left; margin-left:15px; padding-left:13px; line-height:11px; background:url("../images/header_icon.gif") no-repeat; }
.header_navi li.language_us{ padding-left:20px; background:url("../images/common/flag_us.jpg") no-repeat; }
.header_navi li.language_jp{ padding-left:20px; background:url("../images/common/flag_jp.jpg") no-repeat; }
.header_navi li a:link{ color:#333333; text-decoration:none; }
.header_navi li a:hover{ color:#999999; }

	
/*ナビゲーション
--------------------------------------------------*/
#naviwrap ul{ float:left; padding: 0 15px; background: #FFF;}
#naviwrap ul li{ float:left; list-style:none; display:inline; }
#naviwrap ul li a{width:155px; height:50px; display:block; text-indent:-9999px; background:url("../images/nav.gif") no-repeat; }

#naviwrap ul.nav_ul_en li a{background:url("../images_en/nav.gif") no-repeat; }

/*--navi1--*/
#naviwrap ul li#navi1 a{ background-position:-0px 0px; }
#naviwrap ul li#navi1 a:hover{ background-position: 0px -50px; }
#naviwrap ul li#navi1 a.active{ background-position: 0px -50px; }
/*--navi2--*/
#naviwrap ul li#navi2 a{ background-position:-155px 0px; }
#naviwrap ul li#navi2 a:hover{ background-position:-155px -50px; }
#naviwrap ul li#navi2 a.active{ background-position:-155px -50px; }
/*--navi3--*/
#naviwrap ul li#navi3 a{ background-position:-310px 0px; }
#naviwrap ul li#navi3 a:hover{ background-position:-310px -50px; }
#naviwrap ul li#navi3 a.active{ background-position:-310px -50px; }
/*--navi4--*/
#naviwrap ul li#navi4 a{ background-position:-465px 0px; }
#naviwrap ul li#navi4 a:hover{ background-position:-465px -50px; }
#naviwrap ul li#navi4 a.active{ background-position:-465px -50px; }
/*--navi5--*/
#naviwrap ul li#navi5 a{ background-position:-620px 0px; }
#naviwrap ul li#navi5 a:hover{ background-position:-620px -50px; }
#naviwrap ul li#navi5 a.active{ background-position:-620px -50px; }

#naviwrap ul li#navi6 a{ background-position:-775px 0px; }
#naviwrap ul li#navi6 a:hover{ background-position:-775px -50px; }
#naviwrap ul li#navi6 a.active{ background-position:-775px -50px; }


/*メインコンテンツ
--------------------------------------------------*/
.subtitle{ width:900px; text-align:left; margin:0px 15px 15px; padding:0px 15px 0px; height:33px; padding-bottom:2px; line-height:33px; background:url("../images/common/sub_title_bg.gif") repeat-x; color:#666666; }

.subtitle_2{ font-size: 100%; font-weight: bold; text-align:left; margin:0px 0 10px 0; padding:0px 0 0 35px; border: 1px solid #CCC; color:#555; background: url(../images/common/subtitle_2.gif) repeat-x; height: 30px; line-height: 30px; }

.subtitle_3{ text-align:left; padding:0px 15px 5px; color:#1D7154; }
.subtitle_3 a{ color:#1D7154; }
.subtitle_4{ text-align:left; padding:0px 15px 5px; font-weight:lighter; }
.subtitle_4 a{ color:#2C8F5F; }
.ex{ padding:0px 15px 15px; }

.arrow_left {background: url(../images/common/arrow_left.gif) no-repeat left; padding: 0 0px 0 20px;}
.arrow_right {background: url(../images/common/arrow_right.gif) no-repeat right; padding: 0 20px 0 0;}

/*トップページ　キャッチイメージ
--------------------------------------------------*/



/*--トップページ　左カラム　--*/

#top_contents{ margin: 0 15px 15px; }
.top_leftcol { float: left; width: 775px; padding: 0; margin: 0;}

.referral { width: 155px; height: 305px; float: left; margin: 0 10px 10px 0; padding: 0;}
.catch{ width:600px; height: 305px; background:#eeeeee; float:left; margin:0px 10px 10px 0; padding: 0; overflow-x: hidden; }

/*トップページ　ランキング
--------------------------------------------------*/
#ranking{ width:155px; margin:0px 10px 0px 0px; float:left;  }
#ranking h3{ margin: 0; font-size: 11px;}

#ranking ol{ border-bottom:solid 1px #ECECEC; font-size: 11px; color: #555; padding: 0 0 5px; }
#ranking ol li{ line-height:35px; height: 35px; margin:0px; padding: 0 0 0 20px; text-align:center; width: 200px; }
.rankiing_icon1{ height:30px; width:50px; background:url("../images/ranking.gif") no-repeat; background-position:0px 0px; }
.rankiing_icon2{ height:30px; width:50px; background:url("../images/ranking.gif") no-repeat; background-position:0px -30px; }
.rankiing_icon3{ height:30px; width:50px; background:url("../images/ranking.gif") no-repeat; background-position:0px -60px; }

/*トップページ　ニュース
--------------------------------------------------*/
/*h3.h3_news { padding:0px 5px 0 35px; border: 1px solid #BAE1ED; background: url(../images/common/news_title.gif) repeat-x;}*/
h3.h3_news { padding:0px 10px 0 35px; }

#news{ width:600px; margin:0px; float:left; }
#news h3{ margin: 0;}
#news h3 span{float: left;}
#news h3 span.small{ margin: 2px 5px 0 5px;}
#news h3 a img { float: left; margin: 3px 0 0 0;}
#news h3 span.see_newslist{ float: right; font-size: 80%; font-family: Gothic; letter-spacing: 0; padding: 2px 3px;}

.newswrap{ border-bottom: 1px solid #ECECEC; clear:both; padding: 0 0 2px;}
#news dl dt{ float: left; line-height:35px; width:400px; height: 35px; margin: 0 0 0 10px; color: #FFF; font-size: 90%; }
#news dl dt.cat{ float: left; width: 65px; height: 20px; line-height: 20px; text-align:center; margin: 7px 15px 7px 10px; font-size: 85%; border-radius: 5px;/* CSS3草案 */ -webkit-border-radius: 5px;/* Safari,Google Chrome用 */ -moz-border-radius: 5px;/* Firefox用 */ }
#news dl dt.cat_news{ background: #555; }
#news dl dt.cat_campaign{ background: #555; }

#news dl dd{ width: 90px; float: right; line-height:35px; text-align:right; font-size: 80%; height: 35px; margin-right: 10px;}
.underline{ border-bottom:1px dotted #dddddd; }
#news p{ text-align:right; line-height:2.5; margin-right:15px; }


/*--トップページ　右カラム　--*/

.top_rightcol { float: right; width: 155px; padding: 0; margin: 0;}
.af_register{ width: 155px; height: 305px; background: url(../images/home/af_register.jpg); margin: 0 auto;}
.af_register_en{ width: 155px; height: 305px; background: url(../images_en/home/af_register.jpg); margin: 0 auto;}
.af_register div.af_register_in,
.af_register_en div.af_register_in{ margin: 165px 8px 10px; float: left; font-size: 11px; line-height: 14px;}
.terms_link { text-align: center; margin: 16px 0;}
.top_rightcol .top_rightcol_box { margin:10px 0 0px; padding: 0px 0px; }


/*--始めようバナー　--*/
#lets{ width:300px; height:80px; float:right; }
#lets a{ width:300px; display:block; height:80px; text-indent:-9999px; }
.letsbanner1{ background:url("../images/begin1.gif") no-repeat; }
/*--新規登録ボタンエリア--*/
#apply_btns{ width:300px; height:355px; background:url("../images/apply_bg.gif") no-repeat; float:right; position:relative; }
.apply_user{ display:block; text-indent:-9999px; width:240px; height:130px; background:url("../images/apply_btn2.gif") no-repeat; position:absolute; top:60px; left:30px; }
.apply_user_s{ display:block; text-indent:-9999px; width:180px; height:100px; background:url("../images/apply_btn_s.gif") no-repeat; margin-bottom:15px; }
.apply_ecsite{ display:block; text-indent:-9999px; width:240px; height:90px; background:url("../images/apply_ecsite.gif") no-repeat; position:absolute; top:250px; left:30px; }
.apply_ecsite_s{ display:block; text-indent:-9999px; width:180px; height:60px; background:url("../images/apply_ecsite_s.gif") no-repeat; margin-bottom:15px; }

	
/*トップページ　ステップ
--------------------------------------------------*/
#step{ width:765px; margin:0px 0px 15px 15px; float:left; }
#step h3{ margin: 0;}
#step img.left { margin: 0 5px 0px 0;}
#step a img { margin: 5px 0 0;}
#step a:hover img{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}


#step h5{ text-indent:-9999px; }
#step ul li{ width:167px; height:160px; float:left; margin:10px 11px 0px 0px; padding: 75px 8px 0; color: #666; font-size: 11px;  }
#step ul li.last{ margin:10px 0px 0px 0px}
#step ul li p{ line-height: 15px;}

.step1{ background:url("../images/home/step1.jpg") no-repeat; }
.step2{ background:url("../images/home/step2.jpg") no-repeat; }
.step3{ background:url("../images/home/step3.jpg") no-repeat; }
.step4{ background:url("../images/home/step4.jpg") no-repeat; }


.step_en_01{ background:url("../images_en/home/step1.jpg") no-repeat; }
.step_en_02{ background:url("../images_en/home/step2.jpg") no-repeat; }
.step_en_03{ background:url("../images_en/home/step3.jpg") no-repeat; }
.step_en_04{ background:url("../images_en/home/step4.jpg") no-repeat; }


/*お客様の声
--------------------------------------------------*/
#testimonial {width:155px; margin:0px 15px 10px 0px; float:right; }
#testimonial h3{ margin: 0;}
#testimonial img{ float: right; margin: 0 0 5px 5px;}

#testimonial div{ padding: 10px 0 10px 5px; font-size: 11px; line-height: 15px;}
#testimonial div a{ margin: 10px 0 0 0; font-weight: bold;}
#testimonial div.testimonial01{ border-bottom: 1px dotted #CCC;}
#testimonial div.testimonial02{ }


/*ニュース一覧
--------------------------------------------------*/
.newslist h4{ display:block; width:615px; height:35px; background:url("../images/news_title.gif") no-repeat; text-indent:-9999px; }
.newslist dl dt{ line-height:2.5; margin-left:15px; text-align:left; float:left; width:450px;  }
.newslist dl dd{ line-height:2.5; margin-right:15px; text-align:right; float:right; width:200px; }
.newslist p{ text-align:right; line-height:2.5; margin:15px; }
/*ニュース一覧ページャー
--------------------------------------------------*/
.page-sent{ margin:15px auto; text-align:center; }
.page-sent ul .select{ display:inline; margin:0px 5px; border:solid 1px #dddddd; background:#ffffff; padding:5px; font-weight:bolder; }
.page-sent ul .pages, .prev, .next{ display:inline; margin:0px 5px; border:solid 1px #dddddd; background:#FFFBEF; padding:5px; }
/*ニュース詳細ページ
--------------------------------------------------*/
.news_date{ text-align:right; margin:0px; color:#666; font-size: 90%; }
.news_detail{ margin:5px 0px 10px; padding:0 15px; font-size: 90%;  }
.news_detail h4 { border-bottom: dotted 1px #CCC; padding: 0 0 10px; font-size: 100%; margin: 0 0 15px;}
.news_link{ text-align:right; padding-top:30px; border-top:2px dotted #dddddd; margin-top:30px;}

.side_news_list h2 { font-size: 100%; font-weight: bold; text-align:left; margin:0px 0 10px 0; padding:0px 0 0 35px; border: 1px solid #CCC; color:#555; background: url(../images/common/subtitle_2.gif) repeat-x; height: 30px; line-height: 30px; }
.side_news_list ul { list-style: none; margin: 0 0 15px; padding: 0; border: 4px solid #CCC;}
.side_news_list ul li { margin: 0; background: url(../images/common/arrow01.gif) no-repeat 5px 25px; }
.side_news_list ul li span{ font-size: 10px; color: #BBB; padding: 5px 3px 0 0;}
.side_news_list ul li a{ color: #555; background: url(../images/common/line.gif) repeat-x left bottom; width: 171px; display: block; padding:5px 15px; margin: 0 3px; font-size: 12px}
.side_news_list ul li a:hover{ background: #EEE; text-decoration: none;}
.side_news_list ul .last{ background:none; }
.side_news_list ul li a.news{  background: url(../images/common/list_icon.gif) no-repeat 0px 5px; font-size: 11px; padding:5px 17px 0px;  }
.side_news_list ul li a.rss{  background: url(../images/common/rss_icon.gif) no-repeat 0px 5px; font-size: 11px; padding:5px 17px;  }
.side_news_list ul li a:hover.news, .side_news_list ul li a:hover.rss{ color: #AAA;}




/*フッター参加サイト一覧
--------------------------------------------------*/
#ecsites{ width:930px; padding:0; margin:5px auto 20px; }
#ecsites h3{}
#ecsites h3 a{ font-size: 80%; margin-bottom: 10px;}
#ecsites .logos { margin: 0px 0 10px 15px; clear: both;}
#ecsites a img { float: left; margin: 0 5px 15px 0;}
#ecsites a:hover img{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}



/*登録画面・パスワードリマインダー
--------------------------------------------------*/
#form{ margin:0px auto 15px; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/  }
#form input{ padding:5px; border: 1px solid #CCC; background:url(../images/common/bg_form.gif) repeat-x ; width: 300px; font-size: 12px;  }
#form textarea{ padding:5px; width:360px; height:180px; border: 1px solid #CCC; background:url(../images/common/bg_form.gif) repeat-x ; font-size: 12px; }
#form input:focus,
#form textarea:focus{ border: 1px solid #999; background: #EEE;}

#form select{ padding:3px; }
#form input.submit_btn{ background:url(../images/common/submit_btn_bg.gif) repeat-x; height: 30px; width: auto; border: none; cursor: pointer; border: 1px solid #CCC; color: #FFF; }
#form input:hover.submit_btn{border: 1px solid #333; color: #000; }

#form table{ width:500px; margin:0px auto; border-collapse: collapse; }
.td_left{ width:135px; padding-right:15px; padding-bottom:15px; text-align:right; vertical-align:top; }
.td_right{ width:350px; text-align:left; padding-bottom:15px; }
.input_position{ position:relative; }
.hint{ display:none; position:absolute; left:0px; top:0px; width:250px; margin-top:0px; border:3px solid #ABDF45; padding:10px; line-height:1.1; background-color:#ffff99; z-index:10; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.agree{ font-weight:bolder; text-align:center; margin:0px auto 15px; }
.agree .agree_check{ vertical-align:middle; margin:0px 3px 0 0; padding: 0; }
.agree span{ vertical-align:middle; margin: 5px 0 0 0; }

.form_p{ text-align:left; margin:0px 10px 15px; }
.form_p2{ text-align:right; margin:0px auto 15px; }
.form_p3{ text-align:left; margin:0px auto 60px; }

.backtotop { background: url(../images/common/back.jpg) no-repeat left ; padding: 0 0 0 18px;}


#form .input_position input { margin: 0;}

.apply_btn3,
.apply_btn3_en { width: 300px; margin: 0 auto;}

p.apply_btn3 .active_apply_btn3{ width:300px; height:60px; margin:0px auto 45px; background:url("../images/apply_btn3.gif") no-repeat; border:none; cursor:pointer; }
p.apply_btn3 .disable_apply_btn3{ width:300px; height:60px; margin:0px auto 45px; background:url("../images/apply_btn3-2.gif") no-repeat; border:none; }


p.apply_btn3_en .active_apply_btn3{ width:300px; height:60px; margin:0px auto 45px; background:url("../images_en/apply_btn3.gif") no-repeat; border:none; cursor:pointer; }
p.apply_btn3_en .disable_apply_btn3{ width:300px; height:60px; margin:0px auto 45px; background:url("../images_en/apply_btn3-2.gif") no-repeat; border:none; }

.nomal_btn{ padding:5px 15px; margin:0px auto 45px; }
.err_txt{ color:#ff4200; }
.input{padding: 0; margin: 0;}


.apply_btn_conf { width: 650px; margin: 0 auto; text-align: center;}
.apply_btn_done { width: 200px; margin: 0 auto;}

/*ログイン画面
--------------------------------------------------*/
#loginform_page{ }
#loginform_left{ width:300px; float:left; }

#loginform_right{ width:320px; float:right; margin-left:10px; padding:10px; }
.apply_user_page{ display:block; text-indent:-9999px; width:180px; height:100px; background:url("../images/apply_btn_s.gif") no-repeat; margin:0px auto; }
.apply_message{ text-align:left; margin-bottom:10px; }

.login_page { margin: 15px 0 0 0;}

#form input.login_btn{ background: url(../images/login_btn.gif) no-repeat; width: 90px; height: 40px; display: block; margin:5px 0 0 0; float:left; border: none; cursor: pointer; float: right; }
#form input.login_btn:hover{ background-position:0px -40px;}


.login_btn_page{ margin:0px 15px; }
.reminder_page{ margin-top:3px; text-decoration:underline; float: left; }

/*よくある質問
--------------------------------------------------*/
.faq_wrap{ margin:0px 15px 15px; }
.question{ color:#224486; cursor:pointer; border-bottom:1px dotted #dddddd; padding:2px 5px; }
.answer{ background:#ffffcc; border:1px dotted #ABDF45; padding:10px; margin:10px auto; }

/*会社概要
--------------------------------------------------*/
.company_table{ border-spacing:none; margin:0px auto 15px; }
.company_table td{ padding:5px 2px; border-bottom:1px dotted #eeeeee; }
.left_td{ width:25%; vertical-align:top; }

.lets_apply_btn{ border: 1px solid #CFE3E8; background: #E4F3F7; margin:15px auto 30px; padding: 10px; text-align: center; }

/*参加サイト一覧
--------------------------------------------------*/
.site-box{  border:solid 1px #dddddd; margin:0px 0px 15px; /*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/ padding:15px 0px; }
.site-logoimgs{ width:220px; float:left; margin-left:15px; }
.site-logoimg{ margin-bottom:15px; }
.site-contents{ width:440px; float:right; margin:0px 15px 15px 0px; }
table.site-price{ width: 210px; border-collapse:collapse; float:right; margin:0px 15px 15px 0px; border:solid 1px #dddddd; font-size: 12px; }
table.site-price td{ border:solid 1px #dddddd; text-align:right; padding:1px 10px 1px 0; width:50%; }
table.site-price th{ padding:1px 0 1px 10px; }
.price-title{ background:#e0efef; border-bottom:solid 1px #dddddd; }
.price-bg{ background:#f9ffff; }
.strong{ color:#ff3300; }
.notes{ font-size:11px; color:#999999; text-align:right; margin-right:15px; float:right; }

/*TMP特長ページ
--------------------------------------------------*/
.tokucho_table{ border-collapse:collapse; width:600px; margin:0px auto 15px; border:solid 1px #dddddd; }
.tokucho_table td{ border:solid 1px #dddddd; text-align:left; padding:5px 10px; width:70%; }
.tokucho_table th{ width:30%; padding:0px 10px; border:solid 1px #dddddd; background:#f9ffff; color:#666666; font-weight: normal; }




/*成功事例
--------------------------------------------------*/
table.testimonial_table {  width: 670px; border: 1px #E3E3E3 solid; border-collapse: collapse; border-spacing: 0; margin: 0 auto 10px; font-size: 95%;}
table.testimonial_table th { padding: 8px; border: #E3E3E3 solid; border-width: 0 0 1px 1px; background: #F5F5F5; font-weight: bold; line-height: 120%; text-align: left;}
table.testimonial_table td { padding: 8px; border: 1px #E3E3E3 solid; border-width: 0 0 1px 1px; text-align: left;}

table.testimonial_table tr.sp_row th { background: #FFF481; }
table.testimonial_table tr.sp_row td { background: #FFFBCE; }

div.testimonial_box { padding: 5px 15px 10px; font-size: 90%; border-bottom: 1px dotted #CCC;}
p.qa { padding: 7px 0 5px 30px; margin: 20px 0 0 0; background: url(../images/testimonial/question.jpg) 0px 2px no-repeat; color: #4A90E2; }

/*2011_01*/

a.campaign_2011_01_01,
a.campaign_2011_01_02,
a.campaign_2011_01_03 { width: 250px; height: 440px; margin: 10px auto; display: block; color: #FFF; padding: 60px 10px 0 310px;}

a.campaign_2011_01_01 { background: url(../images/campaign/201101/02.jpg) no-repeat top;}
a.campaign_2011_01_02 { background: url(../images/campaign/201101/03.jpg) no-repeat top;}
a.campaign_2011_01_03 { background: url(../images/campaign/201101/04.jpg) no-repeat top;}

a:hover.campaign_2011_01_01 { background-position: bottom; color: #333; text-decoration: none; }
a:hover.campaign_2011_01_02 { background-position: bottom; color: #FFF; text-decoration: none; }
a:hover.campaign_2011_01_03 { background-position: bottom; color: #FFF; text-decoration: none; }



.s_banner {margin: 20px 0 20px;}
.s_banner p { margin: 10px 0;}


/*
#ecsites h4{ display:block; width:930px; height:35px; background:url("../images/ecsites_title.gif") no-repeat; text-indent:-9999px; }
.ecsites_wrap{ width:928px; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; border-bottom:solid 1px #dddddd; }
#ecsites ul{ padding:15px 0px 0px; margin:0px auto; width:925px; }
#ecsites ul li{ width:152px; height:60px; display:block; float:left; margin:1px; text-indent:-9999px; }
#ecsites ul li a{ width:152px; height:60px; display:block; }
#ecsites ul li a:hover{ width:152px; height:60px; display:block; margin-top:1px; margin-left:1px; }
.doukore{ background:url("../images/logos/doukore.gif") no-repeat; }
.logo2c{ background:url("../images/logos/2c.gif") no-repeat; }
.tosatsu{ background:url("../images/logos/tosatsu.gif") no-repeat; }
.hceleb{ background:url("../images/logos/hceleb.gif") no-repeat; }
.enkou55{ background:url("../images/logos/enkou55.gif") no-repeat; }
.uk{ background:url("../images/logos/uk.gif") no-repeat; }
.hanimez{ background:url("../images/logos/hanimez.gif") no-repeat; }
.gspot{ background:url("../images/logos/gspot.gif") no-repeat; }
.sukisuki{ background:url("../images/logos/sukisuki.gif") no-repeat; }
.gajiro{ background:url("../images/logos/gajiro.gif") no-repeat; }
.logo21sai{ background:url("../images/logos/21sai.gif") no-repeat; }
.mukashi{ background:url("../images/logos/mukashi.gif") no-repeat; }
.lovepop{ background:url("../images/logos/lovepop.gif") no-repeat; }
.degigra{ background:url("../images/logos/degigra.gif") no-repeat; }
.streetangels{ background:url("../images/logos/streetangels.gif") no-repeat; }
#ecsites p{ text-align:right; margin-right:15px; line-height:2.5; }
*/
/*フッター
--------------------------------------------------*/
#footer{ width:960px; margin:0px auto ; position:relative; padding:15px 0; font-size: 11px; border-top: 3px solid #666; }
/*--メニュー・コピーライト部分--*/
	}
#footer ul{ margin:0px auto; text-align:center; }
#footer ul li{ display:inline; margin:0px 7px; }
#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:after{ color:#333333; text-decoration:none; }
#footer a:hover{ color:#AAA; }

/* ニュース本文用 */
.fcf00 { color: #f00; }
.fc00f { color: #00f; }
.fc090 { color: #090; }
.fcfc0 { color: #fc0; }
.fcf90 { color: #f90; }
.fcc0c { color: #c0c; }
.fcf39 { color: #f39; }
.fc900 { color: #900; }
.fc009 { color: #009; }


/*冬のボーナスキャンペーン
--------------------------------------------------*/
.bonus_text{
	width:670px;
	margin:20px 0;
}

#bonus_site{ width:670px; margin:0px 0px 15px 15px; float:left; }
#bonus_site img.left { margin: 0 5px 0px 0;}
#bonus_site a img { margin: 5px 0 0;}
#bonus_site a:hover img{opacity:0.70; /* opera firefox safari */ filter: alpha(opacity=70); /* ie */}


#bonus_site h5{ text-indent:-9999px; }
#bonus_site ul li{ width:220px; height:120px; float:left; margin:0; padding: 0; color: #666; font-size: 11px;}
#bonus_site ul li.last{ margin:0}
#bonus_site ul li p{ line-height: 15px;}
