@charset "utf-8";

/* text color
----------------------------------------------------- */
a,a:link,a:visited { color:#04c; }
a:hover,a:active { color:#EC4645; }


/* Element
----------------------------------------------------- */
.alert{ color:#ef4040; margin:10px 0 0; }
.alert .message{ font-size:17px; font-weight:bold; }
.alert dl{ margin:0 10px 10px; }
.alert dl dt{ font-weight:bold; }

.info p{ color:#2792d5; }

/* layout
----------------------------------------------------- */
#container { margin:0 auto; overflow:hidden; text-align:left; width:900px; position:relative; }
#main { float:right; width:680px; margin:0; padding:0; }
#sidemenu { float:left; width:200px; margin:0; padding:0; }

/* header
----------------------------------------------------- */
/* logo */
#sh_header { height:120px; padding:0; zoom:1; }
#sh_header h1 { margin:0; padding:20px 0 0; }
#sh_header h1 a { color: #000; font-size: 27px; font-weight: bold; }
#sh_header h1 span.site-name { background:url("../fc2img/web-title-rogo.png") no-repeat right bottom; padding: 3px 50px 0 6px; }
/* adult_btn */
#switch_adt{ width:120px; margin-left:10px; padding:7px 0 0; }
#switch_adt a{ display:block; width:120px; height:24px; background:url("../fc2img/image.png") no-repeat -320px -900px; }
#switch_adt a:link,#switch_adt a:visited{ background-position:-320px -900px; }
#switch_adt a:hover,#switch_adt a:active{ background-position:-320px -924px; }

/* main content desin
----------------------------------------------------- */
/* heading */
.content_body { margin-bottom:30px; }
.content_body h2{ margin-bottom:20px; }
#main .content_body h3,#main_width .content_body h3{ margin:30px 0 20px; height:auto; }
/* ad_box */
#main .ad_box{ text-align: center; margin:0 auto; }
/* text */
.attention { color: #FF0000; }
/* form area */
.btn { text-align:center; }
/* form */
label { margin-right:10px; }
.instr { color:#666; font-size:12px; }
/* right-justify link */
.content_body p.footerlink{ padding: 10px 0 5px; text-align:right; }
.content_body p.footerlink a{ padding: 5px 0 5px 25px; background:url("../fc2img/image.png") no-repeat -1180px -89px; }
/* table */
.content_body .table,.content_body .tablelist {
width:100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-collapse: collapse;
margin-bottom:20px;
}
.content_body .table th { background-color: #D8D8D8; text-align: center; border: solid 1px #ccc; padding:5px; }
.content_body .table td { padding: 5px; border: 1px solid #ccc; text-align:left; }
.content_body .table .c_line td { background: none repeat scroll 0 0 #eee; }
.content_body .tablelist th { background-color: #eee; border: 1px solid #ccc; text-align: center; width: 200px; }
.content_body .tablelist td { border: 1px solid #ccc; padding: 10px; width: 480px; }
.content_body .tablelist td input{ vertical-align:middle; }
/* table main_width */
#main_width .content_body .tablelist th { width:250px }
#main_width .content_body .tablelist td { width:auto; }
/* pager fc2commondesign */
.page_control2 { line-height: 2em; margin: 20px auto; text-align: center; }
.page_control2 a { margin: 0 1px; padding: 2px 6px; }
.page_control2 a:link, .page_control2 a:visited { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #ccc; }
.page_control2 a.current_box,.page_control2 a:hover { background: none repeat scroll 0 0 #266BFF; color: #fff; }
.page_control2 a.page_link_ { display: none; }
/* control regist smarty_template style */
.content_body .manage_guide_btn { margin: 0 auto 30px; text-align: center; }
.regatt { color:#FF0000; font-weight:bold; }

/* side contents
---------------------------------------------------------------------*/
/* side contents */
#side_login { text-align:center; margin: 0 0 15px; }
#sh_menu { margin: 0 0 20px; }
#side_info { margin: 0 0 20px; }
#side_recommend { margin: 0 0 20px; }
/* side_login */
#side_login .oldweblogin { text-align:center; }
/* side_info */
#side_info h3,#side_hostingbanner h3 { margin-bottom:10px; }
#side_info p { margin: 0 0 5px; }
/* side_recommend */
#side_recommend h3 { margin-bottom:10px; }
#side_recommend li { text-align:center; }
/* side_hostingbanner not-adult */
#side_hostingbanner h3 {
background: url("../fc2img/image.png") no-repeat scroll 0px -1000px transparent;
padding-left: 45px;
padding-top: 14px;
height: 46px;
}
#side_hostingbanner .bannercome {
text-align:center;
color:#666666;
font-size:93%;
border-bottom:#CDCDCD 1px dashed;
padding-bottom:10px;
margin-bottom:10px;
}
#side_hostingbanner li { text-align:center; }
/* sh_menu accordioncategory not-adult */
#sh_menu .accordioncategory { padding-left:10px; }
#sh_menu .categoryselect li {
background: url("../fc2img/icon.png?20140508") no-repeat scroll left center transparent;
line-height: 1.6em;
margin-bottom: 5px;
padding-left: 20px;
}
#sh_menu .categoryselect li.life { background-position: 0 0;}
#sh_menu .categoryselect li.digital { background-position: 0 -30px; }
#sh_menu .categoryselect li.sports { background-position: 0 -60px; }
#sh_menu .categoryselect li.culture { background-position: 0 -90px; }
#sh_menu .categoryselect li.beauty { background-position: 0 -120px; }
#sh_menu .categoryselect li.pets { background-position: 0 -150px; }
#sh_menu .categoryselect li.cars { background-position: 0 -180px; }
#sh_menu .categoryselect li.outdoor { background-position: 0 -210px; }
#sh_menu .categoryselect li.indoor { background-position: 0 -240px; }
#sh_menu .categoryselect li.music { background-position: 0 -270px; }
#sh_menu .categoryselect li.photos { background-position: 0 -300px; }
#sh_menu .categoryselect li.movies { background-position: 0 -330px; }
#sh_menu .categoryselect li.manga { background-position: 0 -360px; }
#sh_menu .categoryselect li.novels { background-position: 0 -390px; }
#sh_menu .categoryselect li.games { background-position: 0 -420px; }
#sh_menu .categoryselect li.bussiness { background-position: 0 -450px; }
#sh_menu .categoryselect li.other { background-position: 0 -480px; }
#sh_menu .categoryselect li.adult { background-position: -282px -121px;}

/* ERROR
--------------------------------------------------------------------- */
#error #main_width{
background:#eeeeee;
font-weight:bold;
text-decoration:none;
border:1px solid #e83b3b;
padding:8px 10px;
margin:20px 5px;
border-radius:5px;
background:linear-gradient(center top, #eeeeee, #ffffff);
background:-moz-linear-gradient(rgba(255,255,255,1), rgba(238,238,238,1.5));
background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(238,238,238,1.5)));
box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
#error h2{ border-bottom:1px dotted #F4425B; font-weight:bold; font-size:25px; color:#f4425b; text-shadow:0 -1px 0px #e83b3b,0 -1px 0px #e83b3b; }
#error #main_width p{ color:#f4425b; padding:10px; }


/* kantan
--------------------------------------------------- */

/* regist --------------- */
#jpkantan {
background:#EEE;
border-radius:5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
font-size:17px;
margin:10px 0;
padding:10px;
width:490px;
text-align:center;
}
#jpkantan img{ margin:10px 0 0; }
#jpkantan strong{ font-size:25px; display:block; margin:0; }
#jpkantan a{
color:#ffffff;
cursor:pointer;
background:#97ca00;
border:1px solid #47a200;
font-weight:bold;
display:block;
text-shadow:0 0px 0px #97ca00,0 -1px 0px #47a200;
text-align:center;
text-decoration:none;
padding:10px;
margin:15px 0px 10px;
border-radius:5px;
background:linear-gradient(center top, #97ca00, #47a200);
background:-moz-linear-gradient(rgba(151,202,0,1), rgba(71,162,0,1.5));
background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(151,202,0,1)), to(rgba(71,162,0,1.5)));
box-shadow:1px 1px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}

#jpkantan a:hover{
color:#ffffff;
cursor:pointer;
background:#47a200;
background:linear-gradient(center top, #47a200, #97ca00);
box-shadow:1px 1px 1px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}

a.jpc{ display:block; width:660px; margin:5px auto 20px; }
a.registFine{ margin:20px auto; }

#kantan .regatt{ text-align:center; }


/* spbar --------------- */
#sp_bar {
position: relative;
z-index: 1001;
top: 0px;
left: 0px;
width: 100%;
height: 90px;
border-top: 1px solid #CDD5DF;
border-bottom: 1px solid #2E3744;
background-image: url(/image/svg/sp_change.svg);
background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#AEBBCC), to(#6D85A3));
background-position: initial initial;
background-repeat: initial initial;
}

#sp_bar a img {
padding: 7px 0 0 0;
}