@charset "utf-8";

/* men color */



/*=================================================================================
	layout
===============================================================================*/
/* header
------------------------------------------------------------------------------------------------ */
		#header li a {
			background: url(../img/men/icon_header.png) no-repeat;
			background-size: 120px 38px;
		}


/* content
------------------------------------------------------------------------------------------------ */
#content {}

	/* headline */
	#content .hd_large {
		color: #fff;
		background: #333;
	}

	/* border-box */
	#content .border-box {
	}


/* footer
------------------------------------------------------------------------------------------------ */
	/* navigation */

	/* top of page */
	#footer_new .topofpage:before {
		background: #9cf;
	}
	#footer_new .topofpage:after {
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
	}

	/* copyright */
	#footer_new .copyright {
		color: #fff;
		background: #333;
	}

/* subtitle
------------------------------------------------------------------------------------------------ */
h2.subtitle { height: 40px !important; line-height: 40px !important; background: #5e9cd9; background-size: 50px 80px; color: #fff; padding-left: 45px; text-shadow: -1px -1px 0px #999; vertical-align: middle; position: relative;}
h2.subtitle img { position: absolute; top: 6px; left: 11px; width:25px;}
h2.subtitle.noIcon { padding-left: 11px; }
h2.subtitle.noIcon a.newMemberBoard_badge {
	background-color: red;
	color: white;
    position: absolute;
    right: 5px;
    top: 5px;
    margin-left: 0;
    padding-bottom: 30px;
    padding: 0 15px;
    line-height: 30px;
    height: 30px;
}
h2.subtitle.static { padding: 0; text-align: center; }
h2.subtitle a.topBackLink img { left: 10px; top: 0px;  width: 58px; height: 30px;}
#gameGenre h2.subtitle { padding-left: 65px; }
h3.subtitle { color: #aadcff; background: #0075c0; padding: 3px 5px; margin: 0 8px 8px; }

.stamp_rally_titlebar_block {
	width: 100%;
	height: 40px;
	padding-left: 11px;
	padding-right: 5px;
	background: #5e9cd9;
	display: table;
}

/* mypage contents
------------------------------------------------------------------------------------------------ */
body#user.mypage_01 #contents h4 {
	color: #00508e ;
	background: #dcf1ff ;
	border: 2px solid #0075c0 ;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px ;
	margin: 50px;
}
body#user.mypage_01_org #contents h4 {
	position: relative;
	color: #00508e ;
	background: #dcf1ff ;
	border: 2px solid #0075c0 ;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px ;
	margin: 20px;
}

/* box
------------------------------------------------------------------------------------------------ */
#contents .box { background:#3A9DFF  left top; background-size: 750px 100px; padding-bottom: 10px; }
#contents .box h2 { height: 50px; line-height: 50px; text-align: left; border-top: 1px solid #3A9DFF; padding-left: 11px; text-shadow: -1px -1px 0px #999; color: #fff; vertical-align: middle; }
#contents .box.bottom {margin-bottom: 10px;}

/* menu
------------------------------------------------------------------------------------------------ */
	#menu ul {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019FCC), color-stop(100%,#007EB3));
		background: -webkit-linear-gradient(top, #019FCC 0%,#007EB3 100%);
		background: linear-gradient(to bottom, #019FCC 0%,#007EB3 100%);
		background-color: #019FCC;
	}


/* information
------------------------------------------------------------------------------------------------ */
#information .item-article .head:before {
	background: url(../img/men/icon_itemarticlehead.png) no-repeat;
	background-size: 72px 24px;
}



/*=================================================================================
	article
===============================================================================*/
/* article
------------------------------------------------ */
	.article .head {
		color: #fff;
		background: #333;
	}

/* item-horizontal
------------------------------------------------ */

/* item-list
------------------------------------------------ */
.item-list {
	border-color: #b6d1e3 !important;
}
	.item-list .item:after {
		border-top: 2px solid #9cf;
		border-right: 2px solid #9cf;
	}
	.item-list .item {
		border-color: #b6d1e3 !important;
	}
	.item-list .bonus {
		background: #ffbc00;
		text-align: center;
	}
	.item-list .non-bonus {
		background: #d1d1d1;
		text-align: center;
	}

/* item-article
------------------------------------------------ */
	.item-article .head {
		color: #fff;
		background: #029AC9;
	}

/* menu-list
------------------------------------------------ */
.menu-list {
	border-color: #b6d1e3 !important;
}
	.menu-list li {
		border-color: #b6d1e3 !important;
	}
		.menu-list a:after {
			border-top: 2px solid #9cf;
			border-right: 2px solid #9cf;
		}


/*=================================================================================
	form
===============================================================================*/
/* text
------------------------------------------------ */

/* select
------------------------------------------------ */

/* submit
------------------------------------------------ */
.btn_submit {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3284ff), color-stop(100%,#0166ff));
	background: -webkit-linear-gradient(top, #3284ff 0%,#0166ff 100%);
	background: linear-gradient(to bottom, #3284ff 0%,#0166ff 100%);
	background-color: #3284ff;
}
.btn_submit:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.btn_submit input[type=submit] {
		color: #fff;
}



/*=================================================================================
	toppage
===============================================================================*/
/* banner
------------------------------------------------------------------------------------------------ */
#content.toppage .bxslider {
	background: #d9d9d9;
}
#content.toppage .banner {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00206c), color-stop(100%,#0c6db9));
	background: -webkit-linear-gradient(top, #00206c 0%,#0c6db9 100%);
	background: linear-gradient(to bottom, #00206c 0%,#0c6db9 100%);
	background: #00206c;
}

#content.toppage .bx-wrapper {
	position: relative;
	margin: 0px auto 15px;
	padding: 0px 0px 0px;
	background: #d9d9d9;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
	margin-top: -1px;
	background: #d9d9d9;
}

/* article head icon
------------------------------------------------------------------------------------------------ */
#content.toppage  .article .head:before {
	background: url(../img/men/icon_toppage_articlehead2.png) no-repeat;
	background-size: 240px 24px;
}

#content.include-pr  .article {
	margin-top: 10px;
}

#content.include-pr  .article .head:before {
	background: url(../img/men/icon_toppage_articlehead2.png) no-repeat;
	background-size: 240px 24px;
}

/* item-article head icon
------------------------------------------------------------------------------------------------ */
#content.toppage .item-article .head:before {
	background: url(../img/men/icon_itemarticlehead.png) no-repeat;
	background-size: 96px 24px;
}


/* slider
------------------------------------------------------------------------------------------------ */
.bx-wrapper .bx-viewport {
	background: #d9d9d9;
}
.genderColor {
	background-color:#d9d9d9;
}

/* about this
------------------------------------------------------------------------------------------------ */
		#content.toppage #aboutthis .slider .scene {
			background: #4db4ff;
		}
			#content.toppage #aboutthis .scene > .scene1 {
				background: url(../img/men/img_aboutthis_1.jpg) no-repeat;
				background-size: 300px 178px;
			}
			#content.toppage #aboutthis .scene > .scene2 {
				background: url(../img/men/img_aboutthis_2.jpg) no-repeat;
				background-size: 300px 178px;
			}
			#content.toppage #aboutthis .scene > .scene3 {
				background: url(../img/men/img_aboutthis_3.jpg) no-repeat;
				background-size: 300px 178px;
			}

/* topic
------------------------------------------------------------------------------------------------ */
	/* form
	------------------------------------------------ */
	#content.toppage #topic form {
		background: #e2edf4;
	}
	

/* PC
------------------------------------------------------------------------------------------------ */
div.subtitle_nickname {
	color: #00508e;
	background: #dcf1ff;
	border-color: #0075c0;
}