@charset "utf-8";

div#header_bg {
	background-color:#209FE2;
	min-width:1000px;
}
div#header_box {
	width:1000px;
	margin:0 auto;
	padding:25px 0 15px 0;
	color:white;
	display: table;
}
div#header_logo {
	width:50%;
	display: table-cell;
}
div#header_menu_box {
	width:50%;
	height:77px;
	display: table-cell;
	vertical-align: bottom;
}
ul#header_menu li {
	float:right;
	padding-top:10px;
/*201808 ADD*/
	line-height:40px;

}
/*201808 ADD*/
ul#header_menu li a.registBtn{
	text-align:  center;
	display: inline-block;
	padding-top:  0px;
	width: 155px;
	height: 40px;
	color: #fff;
	margin: auto;
	line-height: 3;
	border-radius: 6px;
	background: #FF6600;
}

/*Global Navi*/
/*----------------------------------------*/
nav#global_navi_2 {
	min-width:1000px;
	height:37px;
	background: #58baf5;
	margin-bottom: 0px;
}
nav#global_navi_2 .navi_inner{
	width:1000px;
	height:37px;
	margin:0 auto;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
nav#global_navi_2 .navi_inner li{
    position: relative;
}
nav#global_navi_2 .navi_inner li a{
	float:left;
	display: block;
	height:37px;
	line-height: 2.9;
	text-align: center;
	color:#fff;
	font-size: 13px;
	font-weight: normal;
}
nav#global_navi_2 .navi_inner li a:hover{
	background: #35aded;
	text-decoration: none;
}
nav#global_navi_2 .navi_inner li#g_nav_01 a{
	width:265px;
}
nav#global_navi_2 .navi_inner li#g_nav_02 a{
	width:170px;
}
nav#global_navi_2 .navi_inner li#g_nav_03 a{
	width:100px;
}
nav#global_navi_2 .navi_inner li#g_nav_04 a{
	width:240px;
}

nav#global_navi_2 .navi_inner li#g_nav_05 a{
	float:right;
	width:138px;
	height:25px;
	background: #0e4c6c;
	line-height: 2;
	border-radius:5px;
	position: relative;
	top:5px;
}
nav#global_navi_2 .navi_inner li#g_nav_05 a:hover{
	opacity: 0.7;
}
nav#global_navi_2 .navi_inner li#g_nav_05_2 a{
	float:right;
	width:160px;
	height:25px;
	background: #209fe2;
	line-height: 2;
	border-radius:5px;
	position: relative;
	top:5px;
}
nav#global_navi_2 .navi_inner li#g_nav_05_2 a:hover{
	opacity: 0.7;
}
nav#global_navi_2 .navi_inner .g_nav_select a{
	background: #35aded;
}

nav#global_navi_2 .navi_inner li .label_new{
    display: inline-block;
    background: #fc4242;
    color:#fff;
    font-size: 10px;
    font-weight: bold;
    padding:0 3px;
}
nav#global_navi_2 .navi_inner li .label_new::before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    right: -5px;
    top: 6px;
    border-left: 5px solid #fc4242;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}
nav#global_navi_2 .navi_inner li#g_nav_05_2 .label_new{
    position: absolute;
    right:168px;
    top:6px;
}
/*old*/
nav#global_navi {
	width:980px;
	margin:0 auto;
	padding:15px 10px;
	border-bottom:1px solid #DDDDDD;
}

nav#global_navi ul li {
	float:left;
	color:#999999;
	margin-right:25px;
	font-size:14px;
}

nav#global_navi ul li:before {
	content:"▶";
}

div#content {
	width:1000px;
	margin:0 auto 40px;
}

div.index h2 {
	font-size:32px;
	font-weight:normal;
}

section {
	padding:10px;
}

section.gray_box {
	background-color:#F6F6F6;
	border-top:1px solid #DDDDDD;
}

/* 201808 ADD */
div#content section div a.registBtn {
	text-align:  center;
	display: inline-block;
	padding-top:  0px;
	width: 155px;
	height: 43px;
	color: #fff;
	margin: auto;
	line-height: 3;
	border-radius: 6px;
	background: #83b600;
}

dl.search_box {
	background-color:white;
	border:1px solid #66ccff;
}

div.index dl.search_box {
	width:235px;
	height:190px;
}

div#leftside dl.search_box {
	width:268px;
}

dl.search_box dt {
	background-color:#66ccff;
	color:white;
	text-align:center;
	padding:8px;
	font-size:14px;
}

dl.search_box dd {
	padding:15px;
}

table.ranking_box {
	border:1px solid #66ccff;
	border-collapse: collapse;
}

table.ranking_box tr.even {
	background-color:#F6F6F6;
}

table.ranking_box th {
	text-align:center;
	background-color:#F6F6F6;
	font-weight:normal;
	font-size:18px;
	width:286px;
	padding:20px;
	border:1px solid #66ccff;
}

table.ranking_box td {
	padding:10px;
	border:1px solid #66ccff;
}

table.ranking_box td span.brand_name {
	display:block;
	float:left;
	padding-top:8px;
	padding-left:10px;
	height:22px;
	overflow:hidden;
	width:255px;
}

table.item_ranking {
	border:1px solid #66ccff;
	border-collapse: collapse;
	width:100%;
}

table.item_ranking td {
	border:1px solid #66ccff;
	width:20%;
	padding:15px;
}

footer {
	background-color:#444444;
	color:white;
	min-width:1000px;
}

div#footer_box {
	width:980px;
	margin:0 auto;
	padding:10px;
	overflow:auto;
	padding-bottom:110px;
}

dl.footer_links {
	width:235px;
	float:left;
	padding:5px;
}

dl.footer_links dd li {
	margin-top:5px;
	font-size:12px;
}

dl.footer_links dd li:before {
	content:"　▶ ";
}

div#leftside {
	float:left;
	width:270px;
}

div#mainarea {
	float:left;
	width:710px;
	margin-left:20px;
}

div#mainarea h2 {
	padding:8px;
	border-bottom:1px solid #66ccff;
	font-size:20px;
}

/*Information*/
/*----------------------------------------*/
.information{
	background: #1487c4;
}

.information p{
	margin:0;
	color:#fff;
}

.information_container{
	width:1000px;
	height:37px;
	background:url("../img/info_title_bg.png");
	background-repeat: no-repeat;
	margin: auto;
}

.information_title{
	float:left;
	width:84px;
	height:37px;
	font-size:12px;
	padding:0 0 0 10px;
	line-height: 3.3;
}

.information_body{
	float:left;
	width:900px;
	font-size:12px;
	line-height: 3.3;
}

/*Plan*/
/*------------------------------------------------*/
div.plan h2 {
	font-size:32px;
	font-weight:normal;
}

div.plan .plan_table{
	width:100%;
	border-collapse:collapse;
	margin: 30px auto 0 auto;
}
div.plan .plan_table .plan_head_1{
	width:140px;
	height:60px;
	color:#fff;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	margin-bottom:2px;
	text-align: center;
}
div.plan .plan_table .plan_head_2,
div.plan .plan_table .plan_head_3,
div.plan .plan_table .plan_head_4{
	width:180px;
	height:60px;
	color:#fff;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #fff;
	margin-bottom:2px;
	text-align: center;
    line-height: 1.6em;
}
div.plan .plan_table .plan_head_1{
	background: #58baf5;
}
div.plan .plan_table .plan_head_2{
	background: #2e9ee4;
}
div.plan .plan_table .plan_head_3{
	background: #1780c8;
}
div.plan .plan_table .plan_head_4{
	background: #1674b3;
}
div.plan .plan_table tbody{
	border:solid 1px #929292;
}
div.plan .plan_table tbody th{
	text-align: left;
	height:41px;
	padding-left:10px;
	border-bottom:solid 1px #cacaca;
	border-right:solid 1px #929292;
	background: #eee;
	vertical-align: middle
}
div.plan .plan_table tbody td{
	text-align: center;
	border-bottom:solid 1px #d9d9d9;
	border-right:solid 1px #929292;
	vertical-align: middle;
    padding:10px 0;
}
div.plan .plan_table .table_bottom{
	border-bottom:solid 1px #929292;
}
div.plan .plan_table .table_end{
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	background: #fff;
	vertical-align: top;
}
div.plan .plan_table a.plan_detail{
	display: inline-block;
	width:43px;
	height:22px;
	background: #ff7400;
	color:#fff;
	text-align: center;
	line-height: 1.5;
	border-radius: 5px;
	float:right;
	position: relative;
	right:5px;
}
div.plan .plan_table a.plan_detail:hover{
	text-decoration: none;
	opacity: 0.7;
}
div.plan .plan_table .plan_num_1{
	font-size:22px;
	font-weight: bold;
}
div.plan .plan_table .plan_num_2{
	font-size:16px;
	font-weight: bold;
}
div.plan .plan_table .btn{
	color:#fff;
}
div.plan .plan_table .btn:hover{
	text-decoration: none;
	opacity: 0.7;
}
div.plan .plan_table tbody tr td.bg_premium1{
    background: #2283c5;
    color:#fff;
}
div.plan .plan_table tbody tr td.bg_premium2{
    background: #1674b3;
    color:#fff;
}

/*Selcategory*/
/*------------------------------------------------*/
div.selcategory ul#category_list li {
	font-size:18px;
	padding:7px;
}

div.selcategory ul#category_list li a.sel_btn {
	display:inline-block;
	background-color: #66ccff;
	color:white;
	padding:6px;
	text-decoration: none;
	text-align:center;
	border-radius: 10px;
	font-size:14px;
}

div.ranking ul#ranking_list li.list_item {
	padding:10px;
}

div.ranking ul#ranking_list div.brand_name {
	float:left;
	width:290px;
	margin-left:10px;
}

div.ranking ul#ranking_list div.brand_name span.small_name {
	font-size:11px;
}

div.ranking ul#ranking_list div.status_box {
	float:left;
	width:350px;
	margin-left:10px;
}

div.ranking ul#ranking_list ul.otherrank_list li {
	float:left;
	width:70px;
}

div.ranking ul#ranking_list a.list_btn {
	display:inline-block;
	background-color: #66ccff;
	color:white;
	padding:6px;
	text-decoration: none;
	text-align:center;
	border-radius: 10px;
	font-size:14px;
}

div.search_result ul#result_list li {
	padding:10px;
}

div.search_result ul#result_list li div.img {
	float:left;
	width:90px;
}

div.search_result ul#result_list li div.info {
	float:left;
	margin-left:10px;
	width:590px;
}

div.search_result ul#result_list li div.info dt {
	float:left;
	width:80px;
	margin-top:5px;
}

div.search_result ul#result_list li div.info dd {
	float:left;
	width:510px;
	margin-top:5px;
}

div.brands ul#char_list {
}

div.brands ul#char_list li {
	float:left;
	font-size:13px;
	margin-left:5px;
}

div.brands ul#char_list li:after {
	content:" | ";
}

div.brands ul#char_list li:last-child:after {
	content:"";
}

div.brands h3.char_label {
	margin-left:5px;
	font-size:17px;
}

div.brands ul#brand_list li.list_item {
	padding:10px;
}

div.brands ul#brand_list div.brand_name {
	float:left;
	width:260px;
}

div.brands ul#brand_list div.brand_name span.small_name {
	font-size:11px;
}

div.brands ul#brand_list div.status_box {
	float:left;
	width:420px;
	margin-left:10px;
}

div.brands ul#brand_list ul.otherrank_list li {
	float:left;
	width:70px;
}

div.brands ul#brand_list a.list_btn {
	display:inline-block;
	background-color: #66ccff;
	color:white;
	padding:6px;
	text-decoration: none;
	text-align:center;
	border-radius: 10px;
	font-size:14px;
}

div#leftside h3 {
	padding:5px;
	border-bottom:1px solid #66ccff;
	font-size:14px;
}

.btn {
	display:inline-block;
	background-color: #FF6600;
	color:white;
	padding:10px;
	text-decoration: none;
	text-align:center;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: linear-gradient(to bottom, #FF9900, #FF6600);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size:16px;
	font-family:mplus-1p-light,Arial,sans-serif,Meiryo;
}
.btn:hover {
	opacity: 0.7;
	cursor: pointer;
}
/*トップ　ランキング*/
/*-----------------------------------------*/
.index_ranking_bg a{
	display: block;
	width:330px;
	height:36px;
	background: url(/img/bg-ranking-hukidashi.gif);
	color:#fff;
	line-height: 2.5;
	position: relative;
	left:650px;
	top:-28px;
}
.index_ranking_bg a:hover{
	text-decoration: none;
	opacity: 0.7;
}

/*フッター*/
/*-----------------------------------------*/

div#float_bar {
    position: absolute;
	background-color:#444444;
	color:white;
	width:100%;
	min-width:1000px;
	height:92px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

div#float_bar_box {
	width:980px;
	margin:0 auto;
	padding:10px 0 0 0;
	line-height: 1.6;
}

div#float_bar_banner1 {
	float:left;
	width:203px;
	text-align:center;
	font-size:13px;
}
div#float_bar_banner1 .footer_btn1 a{
	display:inline-block;
	width:203px;
	height:25px;
	color:#fff;
	margin: auto;
	line-height: 2;
	border-radius:6px;
	margin-top:5px;
	background:#83b600 url(../img/icon-premium_01_l.png) no-repeat 5px 0px;
    background-size: 29px 25px;
}
div#float_bar_banner1 .footer_btn1 a:hover{
	text-decoration: none;
	background: #9bd019 url(../img/icon-premium_01_l.png) no-repeat 5px 0px;
    background-size: 29px 25px;
}

div#float_bar_banner2 {
	float:left;
	width:270px;
	text-align:center;
	font-size:13px;
}
div#float_bar_banner2 .footer_btn2 a{
	display:inline-block;
	width:240px;
	height:25px;
	color:#fff;
	margin: auto;
	line-height: 2;
	border-radius:6px;
	margin-top:5px;
	background:#83b600 url(../img/icon-hakobu_01_l.png) no-repeat 15px 0px;
    background-size: 39px 25px;
}
div#float_bar_banner2 .footer_btn2 a:hover{
	text-decoration: none;
	background: #9bd019 url(../img/icon-hakobu_01_l.png) no-repeat 15px 0px;
    background-size: 39px 25px;
}

div#float_bar_banner3 {
	float:left;
	width:240px;
	text-align:center;
	font-size:13px;
}
div#float_bar_banner3 .footer_btn3 a{
	display:inline-block;
	width:240px;
	height:25px;
	color:#fff;
	margin: auto;
	line-height: 2;
	border-radius:6px;
	margin-top:5px;
	background:#83b600 url(../img/icon-hisyo_01_l.png) no-repeat 20px 0px;
    background-size: 30px 25px;
}
div#float_bar_banner3 .footer_btn3 a:hover{
	text-decoration: none;
	background: #9bd019 url(../img/icon-hisyo_01_l.png) no-repeat 20px 0px;
    background-size: 30px 25px;
}

div#float_bar_banner4 {
	float:right;
	width:250px;
	text-align:center;
	font-size:13px;
}
div#float_bar_banner4 .footer_btn4 a{
	display:inline-block;
	width:139px;
	height:43px;
	color:#fff;
	margin: auto;
	line-height: 3.4;
	border-radius:6px;
	margin-top:5px;
	background:#83b600;
}
div#float_bar_banner4 .footer_btn4 a:hover{
	text-decoration: none;
}
div#float_bar_banner4 .footer_btn4 a:hover{
	text-decoration: none;
	background: #9bd019;
}
div#float_bar_banner4 .footer_btn_lg a{
	display:inline-block;
    padding:20px 20px;
	color:#fff;
	margin: auto;
	line-height: 1.4;
	border-radius:6px;
	margin-top:10px;
}
div#float_bar_banner4 .footer_btn_lg a:hover{
	text-decoration: none;
}
.btn_orange a{
    background:#fc8d2c;
}
.btn_orange a:hover{
    background: #ff9e48;
}

/*old*/
/*
div#float_bar_banner1 {
	float:left;
	width:335px;
	text-align:center;
	font-size:16px;
}

div#float_bar_banner2 {
	float:left;
	width:335px;
	text-align:center;
	font-size:16px;
}

*/
div#float_bar_login {
	float:right;
	width:300
	font-size:16px;
}

table.common th {
	background-color:#F6F6F6;
	padding:10px;
	font-weight:normal;
}

table.common td {
	padding:10px;
}

dl.common {
	padding:5px;
}

dl.common dt {
	padding-top:10px;
}

dl.common dt:before {
	content:"■";
}

dl.common dd {
	padding-top:5px;
	margin-left:15px;
}

ul.disc li {
	margin-left:10px;
	list-style:disc;
}

span.rank1 {
	float:left;
	background-image:url('../img/pcnew/star1.png');
	width:30px;
	height:23px;
	text-align:center;
	padding-top:7px;
}

span.rank2 {
	float:left;
	background-image:url('../img/pcnew/star2.png');
	width:30px;
	height:23px;
	text-align:center;
	padding-top:7px;
}

span.rank3 {
	float:left;
	background-image:url('../img/pcnew/star3.png');
	width:30px;
	height:23px;
	text-align:center;
	padding-top:7px;
}

span.rank4 {
	float:left;
	background-image:url('../img/pcnew/star4.png');
	width:30px;
	height:23px;
	text-align:center;
	padding-top:7px;
}

dl.toggle_box {
	padding:5px;
}

dl.toggle_box dt {
	background-color:#66ccff;
	padding:10px;
	color:white;
	margin-top:10px;
	border-radius:6px;
}

dl.toggle_box dt:before {
	content:"▼ "
}

dl.toggle_box dd {
	padding:5px;
}

a.close_btn {
	display:inline-block;
	background-color: #FF6600;
	color:white;
	padding:5px 12px;
	text-decoration: none;
	text-align:center;
	border-radius: 10px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: linear-gradient(to bottom, #FF9900, #FF6600);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	font-size:16px;
	font-family:mplus-1p-light,Arial,sans-serif,Meiryo;
	float:right;
}