@charset "UTF-8";


/*=====================================================
 * container
 *=====================================================*/
div.container{
}
@media (min-width: 768px) {
	div.container{
		max-width: 1200px;
	}
} /* media */

/*=====================================================
 * body
 *=====================================================*/
body.view {
	background-image: url(./_img/bg.gif);
}
@media (min-width: 768px) {
	body.view {
		margin-bottom: 11rem;
	}
} /* media */
@media (max-width: 767px) {
	body.view {
	}
} /* media */



/*=====================================================
 * header
 *=====================================================*/
.view header {
	border-bottom: 1px #ccc dotted;
	background-color: #696969;
	color: #fff;
}
.view header a,
.view header a:visited{
	color: #fff;
}
.view header a:hover{
	color: #ff8c00;
}

/*=====================================================
 * footer
 *=====================================================*/
.view footer {
	background-color: #f0f0f0;
	border-top: 1px #ccc dotted;
}
@media (min-width: 768px) {
	.view footer {
		height: 10rem;
		position: absolute;
		bottom: 0;
	}
} /* media */

/*=====================================================
 * TOP area
 *=====================================================*/
div.top_area {
	padding: 1rem;
}

/*=====================================================
 * TOP menu
 *=====================================================*/
div.top_menu {
	position: relative;
	background-size: auto 100%;
	background-image: url(./_img/menu_bg.png);
}
.top_menu nav{
	width: 100%;
}
.top_menu ul{
	list-style: none;
	display: table;
	width: 100%;
}
.top_menu li{
	float: left;
	position: relative;
	display: block;
	text-align: center;
	height: 4.4rem;
	background-size: auto 100%;
	background-image: url(./_img/menu_bg.png);
}
/*
.top_menu li+li{
	border-left-style: none;
}
*/
.top_menu a{
	height: 100%;
	position: relative;
	display: block;
	padding-left:1.5rem;
	padding-right:1.5rem;
	font-size: 1.1rem;
	text-shadow: 1px 1px 2px #222;
}
@media (max-width: 1000px) {
	.top_menu a{
		padding-left:0.8rem;
		padding-right:0.8rem;
		font-size: 1rem;
	}
} /* media */

.top_menu a:hover{
	color: #fffacd !important;
	background-size: auto 100%;
	background-image: url(./_img/menu_bg_hover.png);
}
.top_menu .a_1r{
	padding-top:    1.5rem;
}
.top_menu .a_2r{
	padding-top:    0.9rem;
}
.top_menu .a_3r{
	padding-top:    0.2rem;
}
@media (max-width: 767px) {
	.top_menu li{
		width: 50%;
	}
} /* media */

/*=====================================================
 * Internal menu
 *=====================================================*/
div.imenu{
	display: inline-block;
	vertical-align: top;
	border: 2px #444 solid;
	font-size: 1.2rem;
	text-align: center;
	margin: 0.5rem;
	border-radius: 4px;
}
div.imenu a{
	padding: 0.5rem;
	display: block;
	cursor:pointer;
}
div.imenu_act{
	background-color: #ff0;
}

/*=====================================================
 * advertising
 *=====================================================*/
div.adv_block{
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: none;
	text-align: center;
}
div.splink,
div.splink_w30,
div.splink_w32,
div.splink_w72{
	margin:  0 auto;
	text-align: right;
	font-size: 0.7rem;
	color: #aaa;
	padding-right: 0;
	background-image: url(./_img/splink_bg.png);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: right;
}
div.splink_w30{
	width: 300px;
}
div.splink_w32{
	width: 320px;
}
div.splink_w72{
	width: 728px;
}
@media (min-width: 768px) {
	div.adv_block{
		width: 374px;
		padding: 1rem 0 1rem 1rem;
	}
} /* media */
@media (min-width: 800px) {
	div.adv_block{
		width: 390px;
	}
} /* media */
@media (max-width: 767px) {
	div.adv_block{
		margin: 1rem 0.5rem;
	}
} /* media */
ins {
	background-color: transparent !important;
}

/*=====================================================
 * page title
 *=====================================================*/
.page_title{
	background: linear-gradient(#fff, #e0e0e0);
	border-bottom: 2px #000 solid;
	margin-bottom: 1.5rem;
	padding-left: 4px;
}

/*=====================================================
 * ranking frame
 *=====================================================*/
div.rankfrm {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

/* ranking active player */
.bg_active {
	background-color: #ffc0cb !important;
}
/* year leader */
span.ld_y{
	color: #d00000;
	font-weight: bold;
}
/* 部門成績優良表示 */
span.recGood{
	color: #00f;
	font-weight: bold;
}

/*=====================================================
 * intro
 *=====================================================*/
div.intro{
	font-size: 1.2rem;
}
@media (min-width: 768px) {
	div.intro {
		margin: 0.5rem 0.5rem 0.5rem 1rem;
	}
} /* media */
@media (max-width: 767px) {
	div.intro {
		margin: 0.5rem 0.2rem 0.5rem 0.2rem;
	}
} /* media */
div.intro p{
	font-size: 1.2rem;
	padding-left: 2rem;
}

/*=====================================================
 * personal history
 *=====================================================*/
.record td.kitei_noclr{
	background-color: #ddd;
}




/*#######################################################
 * generic tr
 *#######################################################*/
tr.inactive{
	background-color: #ddd !important;
}
tr.inactive th,
tr.inactive td{
	background-color: #ddd !important;
}


/*#######################################################
 * generic table
 *#######################################################*/
table.generic{
	border: 2px #888 solid;
}
table.generic th,
table.generic td {
	line-height: 1.1;
	padding: 0.2rem;
	border: 1px #888 solid;
}
table.generic th{
	text-align: center;
	vertical-align:middle;
	background-color: #eee;
}
table.generic td{
	text-align: left;
	vertical-align:middle;
}
@media (min-width: 768px) {
	table.generic{
		margin: 1rem 0 1rem 1rem;
	}
} /* media */
@media (max-width: 767px) {
	table.generic{
		margin: 1rem 0;
	}
} /* media */




/*#######################################################
 * record table
 *#######################################################*/
table.record{
	border: 2px #888 solid;
}
table.record th,
table.record td {
	line-height: 1.1;
	padding: 0.2rem;
	border: 1px #888 solid;
}
table.record th{
	text-align: center;
	vertical-align:middle;
	background-color: #eee;
}
table.record td{
	text-align: right;
	vertical-align:middle;
}
@media (min-width: 768px) {
	table.record{
		margin: 1rem;
	}
} /* media */
@media (max-width: 767px) {
	table.record{
		margin: 1rem 0;
	}
} /* media */
table.record colgroup.act {
	background-color: #ff0 !important;
}



/*#######################################################
 * manage table
 *#######################################################*/
@media (min-width: 768px) {
	table.manage {
		border: 2px solid #ddd;
		margin: 1rem;
	}
} /* media */
@media (max-width: 767px) {
	table.manage {
		width: 100%;
		border: 2px solid #ddd;
		margin: 1rem 0;
	}
} /* media */
table.manage th {
	padding: 3px 4px;
	text-align: center;
	vertical-align: top;
	background-color: #f5f5dc;
	border: 1px solid #ddd;
	color: #000;
	text-shadow: none;
}
@media (min-width: 768px) {
	table.manage th.mainmenu {
		width: 25%;
	}
	table.manage th.mainmenu img.menuicon{
	}
} /* media */
@media (max-width: 767px) {
	table.manage th.mainmenu {
		width: 40%;
	}
	table.manage th.mainmenu img.menuicon{
		width: 6rem;
	}
} /* media */
table.manage td {
	padding: 3px;
	background-color: #fffff0;
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	color: #000;
	text-shadow: none;
}
table.manage td.inv{
	background-color: #ddd;
}
table.manage td.invC{
	background-color: #ddd;
	text-align: center;
}
@media (min-width: 768px) {
	table.manage th.dow{
		width:3.5rem;
	}
	table.manage th.acttime{
		width:3.5rem;
	}
	table.manage th.member{
		width:10rem;
	}
} /* media */
@media (max-width: 767px) {
	table.manage th.dow{
	}
	table.manage th.acttime{
	}
	table.manage th.member{
		width:30%;
	}
} /* media */




/*#######################################################
 * others...
 *#######################################################*/
div.page_summary{
	border-radius: 4px;
	padding: 0.5rem;
	font-size: 1.2rem;
	line-height: 1.5;
	background-color: #fff;
}
@media (min-width: 768px) {
	div.page_summary {
		margin: 1rem;
	}
} /* media */
@media (max-width: 767px) {
	div.page_summary {
		margin: 1rem 0;
	}
} /* media */

/*#######################################################
 *ranking
 *#######################################################*/
img.rank_icon{
	vertical-align: middle;
	width: 2rem;
}
.h_rank_icon{
	height: 2rem;
}