@charset "utf-8";
/* CSS Document */





/* **********************************************************************************************

 最上段メニュー

*********************************************************************************************** */

.topBar {
	height:30px;
	margin:0 0 10px;
	padding:0;
	overflow:hidden;
	background:#222;
}

.topBar_wrap {
	width:1000px;
	height:30px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

ul.top_nv {
	width:440px;
	height:30px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:right;
}

ul.top_nv li {
	margin:0 15px 0 0;
	padding:0;
	font-size:12px;
	line-height:2.8;
	overflow:hidden;
	float:right;
}


/* **********************************************************************************************

 #wrap

*********************************************************************************************** */

#wrap {
	width:1000px;
	margin:0 auto 20px;
	padding:0;
	overflow:hidden;
	text-align:left;
}

#wrap.mb10 {
	margin:0 auto 10px;
}

#wrap.w800 {
	width:800px;
	margin:0 auto 20px;
	padding:0;
	overflow:hidden;
	text-align:left;
}





/* **********************************************************************************************

 header

*********************************************************************************************** */

header {
	height:90px;
	margin:0;
	padding:0;
	overflow:hidden;
}

header.h50 {
	height:50px;
	margin:0 0 5px;
}

.header_top {
	height:50px;
	overflow:hidden;
}

.logo {
	width:255px;
	height:50px;
	overflow:hidden;
	float:left;
}

.logo.nolink {
	width:255px;
	height:50px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	float:none;
	background:url(/design/pc/img/logo.png) no-repeat;
}

.logo a {
	width:255px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/design/pc/img/logo.png) no-repeat;
	display:block;
}

ul.header_top_r {
	height:50px;
	overflow:hidden;
	float:right;
}

ul.header_top_r li {
	margin:0 5px 0 0;
	overflow:hidden;
	float:left;
}

ul.header_top_r li:last-child {
	margin:0;
}


.header_mid {
	height:40px;
	overflow:hidden;
}

h1 {
	width:950px;
	height:40px;
	font-size:14px;
	line-height:3.0;
	overflow:hidden;
	float:left;
}

h1.w800 {
	width:800px;
	text-align:center;
	float:none;
}


/* **********************************************************************************************

 nav

*********************************************************************************************** */

nav {
	height:40px;
	margin:0 0 10px;
	overflow:hidden;
}

ul.gnv {
	height:40px;
	overflow:hidden;
	background:#3CAFDD;
}

ul.gnv li {
	float:left;
}

ul.gnv li a {
	margin:0;
	padding:0 15px;
	color:#FFF;
	font-size:18px;
	line-height:2.4;
	text-align:center;
	display:block;
}

ul.gnv li a.on,
ul.gnv li a:hover {
	background:#058BC1;
}



/* **********************************************************************************************

 #container

*********************************************************************************************** */

#container {
	width:1000px;
	margin:0;
	padding:0;
	overflow:hidden;
}


/* ==========================================================================================

 #main

=========================================================================================== */

#main {
	width:810px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

#main.w680 {
	width:680px;
}

/* 中身はcommon.css */


/* ==========================================================================================

 #right

=========================================================================================== */

#right {
	width:180px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:right;
}

#right.w310 {
	width:310px;
}



/* 右カラムのユーザー情報 ------------------------------------ */
dl.r_userData {
	width:160px;
	margin:0 9px;
	padding:0;
	font-size:12px;
	overflow:hidden;
}

dl.r_userData dt,
dl.r_userData dd {
	height:15px;
	margin:0 0 5px;
	font-size:12px;
	overflow:hidden;
	word-break:break-all;
}

dl.r_userData dt {
	float:left;
}

dl.r_userData dd {
	text-align:right;
}

dl.r_userData dd span {
	width:15px;
	color:#666;
	float:right;
}

dl.r_userData dd a {
	padding:0 3px 0 0;
	display:inline-block;
}

dl.r_userData dd a.id {
	width:110px;
}



ul.r_menu {
	margin:0 9px 9px;
	padding:0;
	font-size:12px;
	overflow:hidden;
}

ul.r_menu li {
	height:16px;
	margin:0 0 3px;
	padding:0 0 0 10px;
	overflow:hidden;
	background:url(/design/pc/img/icon02.gif) no-repeat 0 6px;
}

ul.r_menu li a {
	overflow:hidden;
	display:block;
}

ul.r_menu li:last-child {
	margin:0px;
}



.r_avator_rank {
	width:160px;
	margin:0 9px 9px;
	padding:0;
	font-size:12px;
	overflow:hidden;
}

.r_avator_rank_l {
	width:102px;
	height:122px;
	margin:0 5px 0 0;
	padding:0;
	overflow:hidden;
	float:left;
}

.r_avator_rank_l a {
	width:100px;
	height:120px;
	margin:0;
	padding:0;
	overflow:hidden;
	border:1px solid #555;
	display:block;
}

.r_avator_rank_l a:hover {
	border:1px solid #FF8670;
}

ul.r_avator_rank_r {
	width:52px;
	height:122px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

ul.r_avator_rank_r li {
	width:52px;
	margin:0 0 10px;
	padding:0;
	overflow:hidden;
}

ul.r_avator_rank_r li em {
	font-size:10px;
	color:#999;
	display:block;
}








/* ==========================================================================================

 #mypage_l

=========================================================================================== */

#mypage_l {
	width:340px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}


/* マイページ左カラムのユーザー情報 ------------------------------------ */
.userInfo {
	width:320px;
	margin:0 9px 20px;
	padding:0;
	overflow:hidden;
}

.userID{
	height:18px;
	margin:0 0 10px;
	padding:0;
	font-size:14px;
	overflow:hidden;
	text-align:left;
	vertical-align:baseline;
}

.userInfo a {
	max-width:200px;
	height:18px;
	margin:0;
	padding:0 5px;
	overflow:hidden;
	display:inline-block;
	vertical-align:text-top;
	word-break:break-all;
}


.user_mid {
	margin:0 0 10px;
	overflow:hidden;
}

.user_mid_l {
	width:102px;
	margin:0 8px 0 0;
	padding:0;
	overflow:hidden;
	float:left;
}

p.avator {
	margin:0 0 10px;
	padding:0;
}

p.avator a {
	width:100px;
	height:120px;
	margin:0;
	padding:0;
	overflow:hidden;
	border:1px solid #555;
	display:block;
}

p.avator a:hover {
	border:1px solid #D44153;
}


.user_mid_r {
	width:210px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

.user_mid_r.w400 {
	width:400px;
}


ul.user_mid_r_top {
	width:210px;
	height:50px;
	margin:0 0 10px;
	padding:0;
	overflow:hidden;
}

ul.user_mid_r_top li {
	width:210px;
	height:20px;
	margin:0 0 7px;
	padding:0;
	line-height:1.5;
	overflow:hidden;
}

ul.user_mid_r_top li:last-child {
	margin:0;
}


ul.user_mid_r_top li span {
	margin:0;
	padding:0 5px;
	font-weight:bold;
}

ul.user_mid_r_top li span.rank {
	margin:0 5px;
	padding:1px 5px;
	border-radius:2px;
	display:inline-block;
}

ul.user_mid_r_top li span.rank.premium {
	color:#333;
	text-shadow:1px 1px 0px #F4E0AF;
	background:#f1d15a;
}

ul.user_mid_r_top li span.rank.regular {
	color:#FFF;
	text-shadow:-1px -1px 0 #4d91ad;
	background:#67C1E5;
}


dl.user_mid_r_btm {
	height:40px;
	margin:0;
	padding:0;
	font-size:14px;
	overflow:hidden;
}

dl.user_mid_r_btm dt {
	width:100px;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:right;
	float:left;
}

dl.user_mid_r_btm dd {
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:right;
}

/* like-badボタン */
ul.user_like-bad {
	width:210px;
	height:35px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

ul.user_like-bad { /width: 220px; }


ul.user_like-bad li {
	width:100px;
	height:35px;
	margin:0 10px 0 0;
	padding:0;
	overflow:hidden;
	float:left;
}

ul.user_like-bad li:last-child {
	margin:0;
}

ul.user_like-bad li a {
	width:60px;
	height:35px;
	margin:0;
	padding:0 10px 0 30px;
	font-size:14px;
	line-height:2.4;
	text-align:center;
	word-break:break-all;
	display:block;
}

ul.user_like-bad li a.like {
	background:url(/design/pc/img/btn_like.png) no-repeat 0 0;
}

ul.user_like-bad li a.like:hover {
	background:url(/design/pc/img/btn_like.png) no-repeat 0 -35px;
}

ul.user_like-bad li a.like:active {
	line-height:2.8;
	background:url(/design/pc/img/btn_like.png) no-repeat 0 -70px;
}

ul.user_like-bad li a.bad {
	background:url(/design/pc/img/btn_bad.png) no-repeat 0 0;
}

ul.user_like-bad li a.bad:hover {
	background:url(/design/pc/img/btn_bad.png) no-repeat 0 -35px;
}

ul.user_like-bad li a.bad:active {
	line-height:2.8;
	background:url(/design/pc/img/btn_bad.png) no-repeat 0 -70px;
}



/* ==========================================================================================

 #mypage_r

=========================================================================================== */

#mypage_r {
	width:650px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:right;
}

/* 中身はcommon.css */



/* **********************************************************************************************

 footer

*********************************************************************************************** */

ul.btm_bnr {
	width:1000px;
	margin:0 auto;
	padding:0 0 0 5px;
	overflow:hidden;
}

ul.btm_bnr li {
	width:240px;
	height:150px;
	margin:0 10px 0 0;
	overflow:hidden;
	float:left;
}

ul.btm_bnr li:last-child {
	margin:0;
}


footer {
	margin:60px 0 0 0;
	padding:0;
	background:#F1F1EF;
}

#footer_wrap {
	width:1000px;
	height:200px;
	margin:0 auto;
	padding:15px 0;
	text-align:left;
	position:relative;
}

span.gotop {
	width:160px;
	height:40px;
	position:absolute;
	top:-40px;
	right:10px;
}

span.gotop a {
	width:160px;
	height:40px;
	font-size:16px;
	line-height:2.8;
	text-align:center;
	background:#F1F1EF;
	display:block;
}


dl.footer_menu {
	width:190px;
	margin:0;
	padding:0 0 0 10px;
	overflow:hidden;
	float:left;
}

dl.footer_menu dt {
	width:184px;
	height:18px;
	margin:0 0 10px;
	padding:0 0 0 6px;
	color:#3D4B50;
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	overflow:hidden;
	border-left:3px solid #058BC1;
}

dl.footer_menu dd {
	width:180px;
	height:18px;
	margin:0 0 5px;
	padding:0 0 0 10px;
	font-size:12px;
	line-height:1.4;
	overflow:hidden;
	background:url(/design/pc/img/icon02.gif) no-repeat 0 7px;
}

dl.footer_menu dd a {
	display:block;
}


address {
	height:10px;
	padding:15px 0;
	overflow:hidden;
	background:#222;
}

address.enter {
	background:#FFF;
}

.copy {
	width:720px;
	height:10px;
	margin:0 auto;
	padding:0;
	color:#666;
	font-family:Lucida Console, Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:1.0;
	text-align:left;
	overflow:hidden;
	background:url(/design/pc/img/copy.gif) right no-repeat;
	display:block;
}




/* 150204 修正 */ 
/* ヘッダー -------------------------------------------- */ 

header {
	height:auto;
}

.header_top_02 {
	height:55px;
	overflow:hidden;
}


.header_top_r_02 {
	width:700px;
	height:70px;
	float:right;
}

.header_top_r_02 ul {
	height:30px;
	margin:0 0 5px;
	overflow:hidden;
	float:right;
}

.header_top_r_02 ul li {
	margin:0 5px 0 0;
	overflow:hidden;
	float:left;
}

.header_top_r_02 ul li:last-child {
	margin:0;
}

span.search-opt {
	width:117px;
	height:27px;
	margin:2px 5px 0 0;
	padding:0;
	overflow:hidden;
	display:block;
}

span.search-opt a {
	height:24px;
	color:#FFF;
	font-size:12px;
	text-indent:24px;
	text-shadow:-1px -1px 0 #1E85AE;
	line-height:2.3;
	border-bottom:3px solid #058BC1;
	background:#3CAFDD url(/design/pc/img/h-search.png) no-repeat 7px 6px;
	display:block;
}

span.search-opt a:hover {
	background-color:#52B8E1;
}

span.search-opt a:active {
	height:26px;
	border-bottom:1px solid #058BC1;
}


/* 流れるタグ */

.marquee_wrap {
	width:680px;
	height:20px;
	margin:0;
	padding:0;
	overflow:hidden;
	clear:both;
	float:right;
}

.marquee_wrap span.marquee_tt {
	width:80px;
	height:20px;
	margin:0;
	padding:0;
	color:#FFF;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	line-height:1.9;
	overflow:hidden;
	background:#22C479;
	float:left;
	display:block;
}

.marquee {
	width:600px;
	height:20px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#f6f6f6;
	float:right;
}


.marquee p:after {
	content:"";
	white-space:nowrap;
}

.marquee p {
	height:20px;
	margin:0;
	overflow:hidden;
	padding-left:600px;
	font-size:12px;
	line-height:1.8;
	display:inline-block;
	white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:120s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:120s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:120s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:120s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:120s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}


.marquee p a {
	margin:0 20px 0 0;
}


/* 160225 修正 */ 
/* GNVドロップダウン -------------------------------------------- */ 

nav {
	width:1000px;
	height:35px;
	margin:0 0 10px;
	padding:0;
	overflow:visible;
	background:#3CAFDD;
}

nav dl.dropdown {
	width:160px;
	float:left;
}

nav dl.dropdown dt {
	padding:0 12px;
	height:35px;
	color:#FFF;
	font-size:15px;
	line-height:2.4;
	text-align:center;
	cursor:pointer;
}

nav dl.dropdown dt em {
	margin:0 0 0 10px;
	padding:0;
	color:#FFF;
	font-size:10px;
	vertical-align:text-top;
	display:inline-block;
}

nav dl.dropdown dt:hover {
	background:#058BC1;
}

nav dl.dropdown dd {
	width:989px;
	margin:0 0 10px;
	padding:9px 0 0 9px;
	border:1px solid #CCC;
	border-width:0 1px 1px 1px;
	overflow:hidden;
	background:#FDFDFD;
	display:none;
}

nav dl.dropdown dd span {
	margin:0 10px 10px 0;
	float:left;
}

nav dl.dropdown dd span a {
	margin:0;
	padding:5px;
	border-radius:3px;
	border:1px solid #CCC;
	overflow:hidden;
	background:#FDFDFD;
	display:block;
	float:left;
}

nav dl.dropdown dd span a:hover {
	border:1px solid #3CAFDD;
	background:#3CAFDD;
}

nav div a {
	padding:0 12px;
	height:35px;
	font-size:15px;
	line-height:2.4;
	text-align:center;
	float:left;
	display:block;
}

nav div a:hover {
	background:#058BC1;
}

nav a:link,
nav a:visited {
	color:#FFF;
}

nav div a span{
	height:20px;
	font-size:13px;
	margin:0 0 0 5px;
	padding:0 5px;
	background:#F72DBD;
	color:#FFF;
	border-radius:5px; 
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;	
}

nav dl.dropdown dd span a:link,
nav dl.dropdown dd span a:visited { color:#333; text-decoration:none;}

nav dl.dropdown dd span a:hover { color:#FFF; text-decoration:none;}


/* 150416 追加 */ 
/* 右カラムTOP -------------------------------------------- */ 
.side-top {
	width:162px;
	margin:0 0 10px;
	padding:8px;
	border:1px solid #CCC;
	border-radius:5px;
	background:#FDFDF6;
}

.side-top img {
	width:160px;
	height:120px;
	margin:0 0 5px;
	padding:0;
	border:1px solid #CCC;
}

.side-top img:hover {
	border:1px solid #D44153;
}

.side-top p {
	font-size:10px;
	text-align:center;
}


/* 1500427 修正 */ 
/* サイドユーザーランク -------------------------------------------- */ 

.side_avator_rank {
	width:160px;
	margin:0 9px 9px;
	padding:0;
	font-size:12px;
	overflow:hidden;
}

.side_avator_rank_l {
	width:62px;
	height:74px;
	margin:0 5px 0 0;
	padding:0;
	overflow:hidden;
	float:left;
}

.side_avator_rank_l a {
	width:60px;
	height:72px;
	margin:0;
	padding:0;
	overflow:hidden;
	border:1px solid #555;
	display:block;
}

.side_avator_rank_l a:hover {
	border:1px solid #FF8670;
}

ul.side_avator_rank_r {
	width:90px;
	height:72px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

ul.side_avator_rank_r li {
	width:90px;
	height:16px;
	margin:0 0 3px;
	padding:0;
	overflow:hidden;
	word-break:break-all;
}

ul.side_avator_rank_r li span {
	font-weight:bold;
}

ul.side_avator_rank_r li em {
	font-size:10px;
	color:#999;
}


dl.side_avotor_rank02 {
	height:20px;
	margin:0 9px 5px;
	padding:0;
	padding:0;
	overflow:hidden;
}

dl.side_avotor_rank02 dt {
	width:30px;
	margin:0;
	padding:0;
	font-weight:bold;
	float:left;
}

dl.side_avotor_rank02 dd {
	margin:0;
	padding:0;
	overflow:hidden;
	word-break:break-all;
}