@charset "UTF-8";

* {margin: 0px; padding: 0px; font-family: "ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}

body {
	font-size: 14px;
	line-height: 1.8em;
	color: #FFFFFF;
	background-color: #000000;
}
a {outline: none; overflow: hidden;}
a:link {color: #FFFFFF; text-decoration: none;}
a:visited {color: #FFFFFF; text-decoration: none;}
a:hover {color: #3588bf; text-decoration: none;}
a:active {color: #3588bf; text-decoration: none;}


/* ▼clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/*▲ clearfix */

.small {font-size: 12px; line-height: 1.8em;}
.large {font-size: 16px; line-height: 1.8em;}
.blue {color: #3588bf;}

.r10 {margin-right: 10px;}
.r20 {margin-right: 20px;}
.r40 {margin-right: 40px;}
.l20 {margin-left: 20px;}
.l30 {margin-left: 30px;}
.l40 {margin-left: 40px;}
.l42 {margin-left: 42px;}
.l70 {margin-left: 70px;}
.l90 {margin-left: 90px;}
.un10 {margin-bottom: 10px;}
.un20 {margin-bottom: 20px;}
.un30 {margin-bottom: 30px;}
.un50 {margin-bottom: 50px;}
.un70 {margin-bottom: 70px;}

.side20 {margin: 0px 20px;}
.side30 {margin: 0px 30px;}
.side40 {margin: 0px 40px;}
.side70 {margin: 0px 70px;}
hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	height: 1px;
	clear: both;
}

#box0 {
	clear: both;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}


#box0 .container {padding: 20px 10px;}

#main {
	clear: both;
	margin-bottom: 40px;
}
#flashbox {
	clear: both;
	height: 400px;
	width: 970px;
	margin-bottom: 40px;
	background-color: #000000;
	color: #333333;
}
#info {float: left; width: 800px;}
a.topbn {
	background-position: 0px 0px;
	background-image: url(../img/topbn1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 417px;
}
a.topbn:hover {background-position: 0px -88px;}
#bnbox {
	float: left;
	width: 417px;
}

#info {float: left; width: 800px;}
a.topbn2 {
	background-position: 0px 0px;
	background-image: url(../img/topbn2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 417px;
}
a.topbn2:hover {background-position: 0px -88px;}
#bnbox2 {
	float: left;
	width: 417px;
}

a.topbn3 {
	background-position: 0px 0px;
	background-image: url(../img/campaign.JPG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 132px;
	width: 322px;
}
a.topbn3:hover {background-position: 0px -136px;}
#bnbox3 {
	float: left;
	width: 322px;
}

a.topbn4 {
	background-position: 0px 0px;
	background-image: url(../img/friend.JPG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 134px;
	width: 319px;
}
a.topbn4:hover {background-position: 0px -137px;}
#bnbox4 {
	float: left;
	width: 319px;
}

a.topbn5 {
	background-position: 0px 0px;
	background-image: url(../trial/trial_newbn.JPG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 134px;
	width: 320px;
}
a.topbn5:hover {background-position: 0px -136px;}
#bnbox5 {
	float: left;
	width: 320px;
}

.topbn6 {
	background-position: 0px 0px;
	background-image: url(../img/item_sm_bn2.JPG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 210px;	
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-bottom: 30px;

}
a.topbn6:hover {background-position: 0px -89px;}
#bnbox6 {
	float: left;
	width: 210px;
}

.topbn7 {
	background-position: 0px 0px;
	background-image: url(../img/item_sw_bn2.JPG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 190px;
	margin-left: 80px;
	margin-right: 10px;
	margin-bottom: 30px;
}
a.topbn7:hover {background-position: 0px -87px;}
#bnbox7 {
	float: left;
	width: 190px;
}

.topbn8 {
	background-position: 0px 0px;
	background-image: url(../img/item_se_bn2.JPG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 88px;
	width: 190px;
	margin-left: 50px;
	margin-right: 10px;
	margin-bottom: 30px;
}
a.topbn8:hover {background-position: 0px -88px;}
#bnbox8 {
	float: left;
	width: 190px;
}

.topbn9 {
	background-position: 0px 0px;
	background-image: url(../trial/buy_bn.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 90px;
	width: 863px;
	margin-bottom: 20px;
}
a.topbn9:hover {background-position: 0px -85px;}
#bnbox9 {
	float: left;
	width: 863px;
}

.topbn10 {
	background-position: 0px 0px;
	background-image: url(../trial/PDF_link.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 190px;
	margin-bottom: 20px;
}
a.topbn10:hover {background-position: 0px -50px;}
#bnbox10 {
	float: left;
	width: 250px;
}
.topbn11 {
	background-position: 0px 0px;
	background-image: url(../trial/adobe_download.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 250px;
	margin-bottom: 20px;
}
a.topbn11:hover {background-position: 0px -50px;}
#bnbox11 {
	float: left;
	width: 260px;
}

.topbn12 {
	background-position: 0px 0px;
	background-image: url(../img/member.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 141px;
	margin-bottom: 20px;
}
a.topbn12:hover {background-position: 0px -47px;}
#bnbox12 {
	float: left;
	width: 141px;
}

.topbn13 {
	background-position: 0px 0px;
	background-image: url(../img/member_new.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 141px;
	margin-bottom: 20px;
}
a.topbn13:hover {background-position: 0px -47px;}
#bnbox13 {
	float: left;
	width: 141px;
}

.topbn14 {
	background-position: 0px 0px;
	background-image: url(../img/twitter.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 141px;
	margin-bottom: 20px;
}
a.topbn14:hover {background-position: 0px -47px;}
#bnbox14 {
	float: left;
	width: 141px;
}

.topbn15 {
	background-position: 0px 0px;
	background-image: url(../img/whattrial_ban.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 260px;
	margin-bottom: 20px;
}
a.topbn15:hover {background-position: 0px -23px;}
#bnbox15 {
	float: left;
	width: 260px;
}

.topbn16 {
	background-position: 0px 0px;
	background-image: url(../friend/friend_form.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 863px;
	margin-bottom: 20px;
}
a.topbn16:hover {background-position: 0px -83px;}
#bnbox16 {
	float: left;
	width: 863px;
}
.topbn17 {
	background-position: 0px 0px;
	background-image: url(../img/point_bn.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 141px;
	margin-bottom: 20px;
}
a.topbn17:hover {background-position: 0px -47px;}
#bnbox17 {
	float: left;
	width: 141px;
}

.topbn18 {
	background-position: 0px 0px;
	background-image: url(../friend/friend_member.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 414px;
	margin-bottom: 20px;
}
a.topbn18:hover {background-position: 0px -102px;}
#bnbox18 {
	float: left;
	width: 414px;

}
.topbn19 {
	background-position: 0px 0px;
	background-image: url(../friend/friend_nonmember.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 414px;
	margin-bottom: 20px;
}
a.topbn19:hover {background-position: 0px -102px;}
#bnbox19 {
	float: left;
	width: 414px;
}

.topbn20 {
	background-position: 0px 0px;
	background-image: url(../monitor/monitor_apply.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 85px;
	width: 833px;
	margin-bottom: 20px;
}
a.topbn20:hover {background-position: 0px -83px;}
#bnbox9 {
	float: left;
	width: 833px;
}

.topbn21 {
	background-position: 0px 0px;
	background-image: url(../img/mobile.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 141px;
	margin-bottom: 20px;
}
a.topbn21:hover {background-position: 0px -47px;}
#bnbox21 {
	float: left;
	width: 141px;
}

a.topbn22 {
	background-position: 0px 0px;
	background-image: url(../secret/secretbn.PNG);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 132px;
	width: 322px;
}
a.topbn22:hover {background-position: 0px -136px;}
#bnbox22 {
	float: left;
	width: 322px;
}

#info ul {
	list-style-type: none;
	padding-left: 10px;
}
#info li {margin-bottom: 3px;}

.l_line {clear: both; border-bottom: 1px solid #FFFFFF;}
.l_cercle {
	clear: both;
	background-image: url(../img/l_cercle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
}
h3.l_line {margin:0px 30px; margin-bottom: 30px;}
h3.l_cercle {margin:0px 10px; margin-bottom: 30px;}
h4.l_cercle {margin:0px 40px; margin-bottom: 30px;}
h5.l_cercle {margin:0px 40px; margin-bottom: 0px;}
#main .conbox {
	margin-bottom: 70px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#main .conbox2 {
	margin-bottom: 70px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#submenu {
	clear: both;
	padding-top: 10px;
	padding-right: 3px;
	padding-left: 3px;
	margin-bottom: 45px;
}
#submenu .sub_un {
	margin-bottom: 20px;
}
a.pagetop {
	background-position: 0px 0px;
	background-image: url(../img/bt_pagetop.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 84px;
	float: right;
}
a.pagetop:hover {background-position: 0px -16px;}
.pagetop_mg {
	margin-right: 30px;
}

.left {float: left;}
.right {float: right;}

table.about {
	width: 830px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 40px;
}
table.about th {
	background-image: url(../img/about_line.gif);
	background-repeat: repeat-x;
	height: 20px;
	background-position: 0px 0px;
	text-align: left;
	padding-bottom: 10px;
}
table.about .s_line {
	background-image: url(../img/about_s_line.gif);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: right;
	padding-right: 40px;
	vertical-align: top;
}
.rightbox {
	width: 475px;
	float: left;
}
.rightbox2 {
	width: 370px;
	float: left;
}
.rightbox3 {
	width: 450px;
	float: left;
}

.rightbox4 {
	width: 300px;
	float: left;
}

a.bt_ss,a.bt_sm,a.bt_sw,a.bt_se,a.bt_smm {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 23px;
	margin-left: 30px;
}
a.bt_ss {background-image: url(../img/bt_ss.gif); width: 234px;}
a.bt_sm {background-image: url(../img/bt_sm.gif); width: 370px;}
a.bt_sw {background-image: url(../img/bt_sw.gif); width: 356px;}
a.bt_se {background-image: url(../img/bt_se.gif); width: 350px;}
a.bt_smm {background-image: url(../img/bt_smm.gif); width: 370px;}
a.bt_ss:hover,a.bt_sm:hover,a.bt_smm:hover,a.bt_sw:hover,a.bt_se:hover {background-position: 0px -23px;}

.ssbox {
	float: left;
	width: 520px;
}
.smbox {
	float: left;
	width: 440px;
}

a.bt_ss1,a.bt_ss2,a.bt_ss3,a.bt_ss4 {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 165px;
	float: left;
	margin-right: 5px;
}
a.bt_ss1 {background-image: url(../img/bt_ss1.gif);}
a.bt_ss2 {background-image: url(../img/bt_ss2.gif);}
a.bt_ss3 {background-image: url(../img/bt_ss3.gif);}
a.bt_ss4 {background-image: url(../img/bt_ss4.gif);}
a.bt_ss1:hover,a.bt_ss2:hover,a.bt_ss3:hover,a.bt_ss4:hover {background-position: 0px -25px;}

table.howto {
	width: 830px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 70px;
}

table.howto1 {
	width: 550px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 70px;
}
a.bt_sss1 {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 150px;
	float: left;
	margin-right: 5px;
}
a.bt_sss1 {background-image: url(../img/bt_ss1aa.GIF);}
a.bt_sss1:hover {background-position: 0px -25px;}


a.bt_sss2,a.bt_sss3,a.bt_sss4 {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 130px;
	float: left;
	margin-right: 5px;
}
a.bt_sss2 {background-image: url(../img/bt_ss2aa.GIF);}
a.bt_sss3 {background-image: url(../img/bt_ss3aa.GIF);}
a.bt_sss4 {background-image: url(../img/bt_ss4aa.GIF);}
a.bt_sss2:hover,a.bt_sss3:hover,a.bt_sss4:hover {background-position: 0px -25px;}


table.howtoo {
	width: 830px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 70px;
}
table.howto td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}
.voice {
	background-image: url(../img/press_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
	clear: both;
	margin-bottom: 30px;
	width: 800px;
}
#main .faqboxbox {
	clear: both;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
#main .faqboxbox2 {
	clear: both;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 20px;
	background-image: url(../img/line2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 30px;
	padding-bottom: 20px;
	

}
.top_q,.top_a,.top_c {
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	vertical-align: middle;
	clear: both;
	margin-bottom: 20px;
	padding-left: 30px;
	padding-bottom: 5px;
}
.top_q {background-image: url(../img/ic_q.gif);color: #3588bf;}
.top_a {background-image: url(../img/ic_a.gif);}
.top_c {background-image: url(../img/l_cercle.gif);color: #3588bf;}
ul.q01 {list-style-type:none;list-style-position:outside}
ul.q02 {list-style-type:square;list-style-position:outside}
ul.q03 {list-style-type:decimal;list-style-position:outside}

.privacy_title {
	clear: both;
	margin-bottom: 10px;
	padding-right: 50px;
	padding-left: 70px;
	background-image: url(../img/l_cercle.gif);
	background-repeat: no-repeat;
	background-position: 45px 0px;
}

table.topicsrulebox {
	width: 910px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 5px;
}
table.topicsrulebox td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 5px;
}

table.shoprulebox {
	width: 930px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 40px;
}
table.shoprulebox td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}
table.form {
	width: 800px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 40px;
}
table.form td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
	padding-left: 20px;
}
table.form .side {
	text-align: right;
	vertical-align: top;
}

table.media {
	width: 890px;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 40px;
	border: 1px solid #bebebe;
}
table.media td {
	padding-top: 20px;
	padding-left: 20px;
}

.media_book {
	float: left;
	width: 168px;
	margin-right: 3px;
	padding-bottom: 25px;
}

.media_book .text {
	font-size: 12px;
	clear: both;
	margin-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

.scope {
	background-position: 0px 0px;
	background-image: url(../img/scope.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 25px;
	margin-right: auto;
	margin-left: auto;
}
.media_book a:hover .scope {background-position: 0px -25px;}

.media_book .m_img {border: 1px solid #bebebe; margin-bottom: 10px;}
.media_book a:hover .m_img {border-color: #3588bf;}

.celeb_name {
	height: 30px;
	clear: both;
	margin-bottom: 20px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
ul.list_map {
	list-style-type: none;
	float: left;
	width: 400px;
}
ul.list_map li {
	margin-bottom: 40px;
}
ul.list_map li a {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
}
a.liist_top1 {background-image: url(../img/liist_top1.gif); height: 16px; width: 187px;}
a.liist_top2 {background-image: url(../img/liist_top2.gif); height: 16px; width: 187px;}
a.liist_top3 {background-image: url(../img/liist_top3.gif); height: 16px; width: 187px;}
a.liist_top4 {background-image: url(../img/liist_top4.gif); height: 16px; width: 187px;}
a.liist_top5 {background-image: url(../img/liist_top5.gif); height: 16px; width: 187px;}
a.liist_top6 {background-image: url(../img/liist_top6.gif); height: 16px; width: 187px;}
a.liist_top7 {background-image: url(../img/liist_top7.gif); height: 16px; width: 187px;}
a.liist_top8 {background-image: url(../img/liist_top8.gif); height: 16px; width: 187px;}
a.liist_top9 {background-image: url(../img/liist_top9.gif); height: 16px; width: 187px;}
a.liist_top10 {background-image: url(../img/liist_top10.gif); height: 16px; width: 187px;}
a.liist_top1a {background-image: url(../img/liist_top1a.gif); height: 16px; width: 131px;}
a.liist_top1b {background-image: url(../img/liist_top1b.gif); height: 16px; width: 105px;}
a.liist_top1c {background-image: url(../img/liist_top1c.gif); height: 16px; width: 131px;}
a.liist_top2a {background-image: url(../img/liist_top2a.gif); height: 16px; width: 108px;}
a.liist_top3a {background-image: url(../img/liist_top3a.gif); height: 16px; width: 191px;}
a.liist_top3b {background-image: url(../img/liist_top3b.gif); height: 16px; width: 135px;}
a.liist_top3c {background-image: url(../img/liist_top3c.gif); height: 16px; width: 212px;}
a.liist_top4a {background-image: url(../img/liist_top4a.gif); height: 16px; width: 135px;}
a.liist_top4b {background-image: url(../img/liist_top4b.gif); height: 16px; width: 135px;}

a.liist_top2a_1 {background-image: url(../img/liist_top2a_1.gif); height: 16px; width: 108px;}
a.liist_top2a_2 {background-image: url(../img/liist_top2a_2.gif); height: 16px; width: 180px;}
a.liist_top2a_3 {background-image: url(../img/liist_top2a_3.gif); height: 16px; width: 180px;}
a.liist_top2a_4 {background-image: url(../img/liist_top2a_4.gif); height: 16px; width: 180px;}
ul.list_map li a:hover {background-position: 0px -16px;}



ul.list_map li ul,ul.list_map li ul li ul {
	list-style-type: none;
	padding-left: 10px;
}
ul.list_map li ul li {
	margin-top: 10px;
	margin-bottom: 0px;
}
ul.list_map li ul li ul li {
	margin-top: 5px;
	margin-bottom: 0px;
}
.listtop {
	clear: both;
	padding-right: 20px;
	padding-left: 45px;
	padding-bottom: 20px;
	background-image: url(../img/l_cercle.gif);
	background-repeat: no-repeat;
	background-position: 15px 0px;
}
.listtop2 {
	clear: both;
	padding-left: 1em;
	background-image: url(../img/ten.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.listtop3 {
	clear: both;
	padding-left: 1em;
	background-image: url(../img/indent.GIF);
	background-repeat: no-repeat;
	background-position: left top;
}
.celeb_box {
	float: left;
	width: 270px;
	margin-right: 30px;
}
.celeb_box2 {
	float: left;
	width: 570px;
	margin-right: 30px;
}

.mgn_l{
	margin-left:60px;
	}
.mgn_ll{
	margin-left:99px;
	}