@charset "utf-8";/*文字コード*/

/*=============================
 * PC web header for SP
 *=============================*/

.box_view_mode_menu{
	margin:12px 12px;
}
	.box_view_mode_menu a{
		display:block;
		padding:24px 0px;
		text-align:center;
		font-size:40px;

		text-decoration:none;
		font-weight:bold;

		border:4px solid #012;
		background:#345;

		color:#fff;

		-webkit-border-radius: 12px;
		   -moz-border-radius: 12px;
		        border-radius: 12px;
	}

/*=============================
 * from aftergolf(right my menu)
 *=============================*/

.box_user_menu_link_me{
	margin-top:-10px;
	margin-bottom:20px;
}
	.box_user_menu_link_me ul{
		list-style: none;
		margin:0px;
		overflow:hidden;
	}
	.box_user_menu_link_me li{
		float:none;
		border-bottom:1px dotted #ccc;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.box_user_menu_link_me li.li_img a{
		color:#f00;
	}
	.box_user_menu_link_me li:hover{
		background-color:#fde;
	}
	.box_user_menu_link_me li a{
		display: block;
		padding:10px 0px 10px 20px;
	}

/*=============================
 * form
 *=============================*/

.box_normal_form{
	margin-bottom:20px;
}
.box_normal_form form{
	text-align:center;
}
	.box_normal_form th,
	.box_normal_form td{
		padding:10px 0px 10px 10px;
		border-bottom: 1px dotted #ccc;
		font-size:14px;
	}


/*=============================
 * title
 *=============================*/

.title_l{

	overflow:hidden;
	margin-bottom:10px;
	font-size:16px;

	padding:5px 0px 5px 10px;

	border:1px solid #ccc;
	border-top:5px solid #c00;

	background-image: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#eeeeff 10%,
		#ffffff 40%,
		#ffffff);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#ffffff),
		color-stop(0.1, #eeeeff),
		color-stop(0.4, #ffffff),
		to(#ffffff));

	-webkit-border-radius: 5px 5px 5px 5px;
	   -moz-border-radius: 5px 5px 5px 5px;
	        border-radius: 5px 5px 5px 5px;

}
	.title_l strong{
/*
		border-left:7px solid #c00;
		padding:2px 0px 2px 5px;
		font-weight:bold;
		float:left;
*/
	}

.title_s{
	margin-bottom:10px;
	font-size:12px;

	padding:1px 0px 1px 5px;

	border:1px solid #ccc;
	border-left:7px solid #c00;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;

	background-image: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#eeeeff 10%,
		#ffffff 40%,
		#ffffff);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#ffffff),
		color-stop(0.1, #eeeeff),
		color-stop(0.4, #ffffff),
		to(#ffffff));
}
	.title_s strong{
		padding:0px 0px 0px 0px;
	}

.title_simple{
	margin-bottom:10px;
	font-size:14px;
	padding:3px 0px 3px 8px;
	border-left:5px solid #c00;
}
.box_left_menu_title{
	overflow:hidden;

	margin-bottom:10px;
	padding:3px 0px 3px 8px;

	font-size:16px;
	background:#c00;
	color:#fff;

	border:1px solid #c00;

	-webkit-border-radius: 5px 5px 0px 0px;
	   -moz-border-radius: 5px 5px 0px 0px;
	        border-radius: 5px 5px 0px 0px;

	background-image: -moz-linear-gradient(
		top,
		#f66 0%,
		#f66 10%,
		#c00 40%,
		#c00);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#f66),
		color-stop(0.1, #f66),
		color-stop(0.4, #c00),
		to(#c00));
}

	.title_l a,
	.box_left_menu_title a{
float:right;
		font-size:12px;
		text-decoration:none;
		color:#333;
		padding:2px 10px;
		margin:2px 10px 0px 0px;

		border:1px solid #ccc;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;

		background-image: -moz-linear-gradient(
			top,
			#eeeeff 0%,
			#ffffff 10%,
			#eeeeff 40%,
			#eeeeff);
		background-image: -webkit-gradient(
			linear,
			left top,left bottom,
			from(#eeeeff),
			color-stop(0.1, #ffffff),
			color-stop(0.4, #eeeeff),
			to(#eeeeff));

	}

/*=============================
 * right
 *=============================*/

.box_left{
	margin-bottom:15px;
}
	.box_left .box_left_menu ul{
		overflow:hidden;
		margin-right:-10px;
	}
	.box_left .box_left_menu li{
		float:left;
		overflow:hidden;
		width:139px;
		margin-right:10px;
		margin-bottom:10px;
		padding:2px;
		border:1px solid #ccc;
	}
	.box_left .box_left_menu li a{
		display:block;
		padding: 10px 0px 10px 20px;

		background:#f0f0f0 url(./pic/tri_brown.gif) no-repeat 8px 17px;
	}
	.box_left .box_left_menu li a.sel,
	.box_left .box_left_menu li a:hover{
		background-color:#e0f090;
		background-color:#E99316;
		color:#fff;
		text-decoration:none;
	}

.box_left_site_info_title{
	padding:5px;

	background-image: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#eeeeff 10%,
		#ffffff 40%,
		#ffffff);
	background-image: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#ffffff),
		color-stop(0.1, #eeeeff),
		color-stop(0.4, #ffffff),
		to(#ffffff));

	border:1px solid #ccc;
	border-top:5px solid #c00;

	-webkit-border-radius: 5px 5px 0px 0px;
	   -moz-border-radius: 5px 5px 0px 0px;
	        border-radius: 5px 5px 0px 0px;

}
.box_left_site_info{
	border:1px solid #ccc;
	border-top:none;
	padding:5px;
	background:#eee;
}

/*=============================
 * pager
 *=============================*/
.box_pager{
	padding:10px 0px;
	margin:0px auto 0px auto;
	line-height:200%;
	color:#f69;
	overflow:hidden;
	font-size:12px;
}
	.box_pager *{
		font-size:12px;
	}
	.box_pager ul li{
		float:left;
		margin-right:8px;
/*
		padding-bottom:2px;
*/
	}
	.box_pager span{
		color:#f69;
	}
	.box_pager a{
		display:block;
	}
	.box_pager a,
	.box_pager a:visited,
	.box_pager a:link{
		border:1px solid #f69;
		background:#fff;
		color:#f69;
		padding:3px 10px;
		text-decoration:none;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}
	.box_pager a.off{
		background:#f69;
		color:#fff;
	}
	.box_pager a:hover{
		background:#f9c;
		color:#fff;
	}
	.box_pager li > span.na{
		display:block;
		border:1px solid #ccc;
		background:#f0f0f0;
		color:#ccc;
		padding:3px 10px;
		text-decoration:none;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
		        border-radius: 3px;
	}

/*=============================
 * msg
 *=============================*/

.box_msg_mgn_tb{
	overflow:hidden;

	width:350px;
	margin:20px auto 20px auto;
	text-align:left;
	padding:10px 10px;

	border:1px solid #ccc;

	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;

}
	.box_msg_mgn_tb ul{
		list-style-type: disc;
		margin-left:20px;
	}
	.box_msg_mgn_tb li{
		list-style-type: disc;
		padding:5px 0px 5px 0px;
	}
	.box_msg_mgn_tb > .title_msg{
		background:#f0f0f0;
		padding: 5px 10px;
		font-weight: bold;

		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
		        border-radius: 5px;
	}


/*=============================
 * ul centerize
 *=============================*/

.box_ul_center{
	position: relative;
	overflow: hidden;
}
	.box_ul_center > ul{
		position: relative;
		left: 50%;
		float: left;
	}
	.box_ul_center > ul > li{
		position: relative;
		left: -50%;
		float: left;
	}


/*=============================
 * msg header
 *=============================*/

#box_header_msg {
	display:none;
	overflow: hidden;
//	position: absolute;
	top:0px; left:0px;
	position: fixed;
	z-index: 1000;


	width:100%;
	text-align: center;
	padding:20px 0px 20px 0px;

	font-size:20px;
	line-height:150%;

	background:#222;
	color:#fff;

	filter: alpha( opacity=80 );	/* IE */
	opacity:0.80;			/* Firefox,Opera,Safari */
	-moz-opacity:0.80;		/* Firefox 0.9より前 */
	border-bottom:1px solid #000;
}
	#box_header_msg span{
		font-size:20px;
	}



/*=============================
 * scroll button
 *=============================*/
#page-top {
	display: none;

	z-index: 1000;
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 10px;
}
#page-top #page_top_top a {
	border:1px solid #000;
	border-bottom:1px solid #345;
	text-decoration: none;
	color: #ccc;
	width: 80px;
	padding: 15px 0px;
	text-align: center;
	display: block;

	filter: alpha( opacity=60 );	/* IE */
	opacity:0.60;			/* Firefox,Opera,Safari */
	-moz-opacity:0.60;		/* Firefox 0.9より前 */

	background: #012;

	-webkit-border-radius: 5px 5px 0px 0px;
	   -moz-border-radius: 5px 5px 0px 0px;
	        border-radius: 5px 5px 0px 0px;
}
#page-top #page_top_back a {
	border:1px solid #000;
	text-decoration: none;
	color: #ccc;
	width: 80px;
	padding: 5px 0px;
	text-align: center;
	display: block;

	filter: alpha( opacity=60 );	/* IE */
	opacity:0.60;			/* Firefox,Opera,Safari */
	-moz-opacity:0.60;		/* Firefox 0.9より前 */

	background: #012;

	-webkit-border-radius: 0px 0px 5px 5px;
	   -moz-border-radius: 0px 0px 5px 5px;
	        border-radius: 0px 0px 5px 5px;
}
#page-top #page_top_top a:hover,
#page-top #page_top_back a:hover {
	filter: alpha( opacity=100 );	/* IE */
	opacity:1.00;			/* Firefox,Opera,Safari */
	-moz-opacity:1.00;		/* Firefox 0.9より前 */
}

/*=============================
 * ad parts
 *=============================*/

.box_ntc_12{
	text-align:left;
	margin:0 auto 0px auto;
	width:940px;
	padding:2px 0px;
}
.box_ntc11,
.box_ntc13,
.box_ntc_160{
	text-align:center;
}

.box_ntc_300		{	text-align:center;			margin:0 auto 15px auto;	}
.box_ntc_300_d		{	overflow:hidden;	width:620px;	margin:0px auto;		}
.box_ntc_300_d > .box_1	{	float:left;		width:300px;	margin:0px auto;		}
.box_ntc_300_d > .box_2	{	float:right;		width:300px;	margin:0px auto;		}

.box_ntc_336		{	text-align:center;			margin:0 auto 15px auto;	}
.box_ntc_336_d		{	overflow:hidden;	width:700px;	margin:0px auto;		}
.box_ntc_336_d > .box_1	{	float:left;		width:336px;	margin:0px auto;		}
.box_ntc_336_d > .box_2	{	float:right;		width:336px;	margin:0px auto;		}

.box_ntc32_gen{			margin-bottom:20px;}

.box_ad_gdo_menu{
	border:1px solid #030;
	width:570px;
	margin:0 auto;
}
	.box_ad_gdo_menu *{
		font-size:12px;
	}
	.box_ad_gdo_menu .box_1{
		background:#363;
		padding:3px 5px;
	}
	.box_ad_gdo_menu .box_1 a{
		color:#fff;
	}
	.box_ad_gdo_menu .box_1 span{
		color:#fff;
		font-weight:bold;
	}
	.box_ad_gdo_menu .box_2{
		background:#ffc;
		padding:3px 5px;
	}
	.box_ad_gdo_menu .box_2 .sale{
		background:#fcc;
		font-weight:bold;
		color:#f00;
	}