body {
	position: relative;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
}

/*=============================
 * html base
 *=============================*/

* {	margin:0; padding:0; text-align:left;
/*	vertical-align:top;*/
	font-weight:normal;
	line-height:150%;
	word-wrap: break-word;
	word-break: break-all;
}
body{	-webkit-text-size-adjust: 100%;}
br{	line-height:100%;}
html {	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', "Meiryo", 'ＭＳ Ｐゴシック', "sans-serif";
	font-size:14px;
	color:#333;}
table {	border-collapse: collapse; width:100%;}
th, td	{	vertical-align:middle;}
ul{list-style-type:none; margin:0 0 0 0px; padding:0;}
li{}
select{	height:36px; max-width:100%;}
select option{font-size:20px; padding:4px 0px;}
input { padding:4px; font-size:14px;}
textarea,
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="text"]{
	width:100%;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	border:1px solid #999;
	box-sizing: border-box;
}
select.form_hissu,
textarea.form_hissu,
input.form_hissu{
	background:#ffe6e6;
}
div.form_hissu{
	background:#ffe6e6;
	border:1px solid #ccc;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;	
	border:1px solid #999;
	box-sizing: border-box;
	width:100%;
	padding:4px;
	font-size:14px;
	height:60px;
	color:#666;
}
button{	color:#333;
	font-size:14px;
	text-align:center;

	padding:2px 4px;

	background:#ece9d8;

	border-top:2px solid #f9f8f3;
	border-left:2px solid #f9f8f3;
	border-right:2px solid #828177;
	border-bottom:2px solid #828177;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
textarea { padding:5px; font-size:14px;}
label{margin-right:5px; padding-left:2px;}
input::-webkit-input-placeholder,
input:-moz-placeholder{    color:    #ccc;}

.input_han{	ime-mode: inactive;
}
.input_no_han{	ime-mode: active;}

img { vertical-align:middle;}
strong, strong *{font-weight:bold;}
/*div, span, span img{vertical-align:baseline;}*/

/*=============================
 * common parts
 *=============================*/

/* other */
.dn {			display:none;}
.db {			display:block;}
.auto_short{		white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* はみ出し防止 */
.ww {word-wrap: break-word;}
.wb {word-break: break-all;}

.clearblock, .cb {	clear: both; visibility: hidden; height:0px; width:0px; padding:0px; margin:0px;}

/* link */
a:link,
a:visited,
a:hover{color:#333; text-decoration:none;}
a.a_link,
.f_link > a,
.f_link{color:#00f;}
a.a_999{color:#999;}
a.a_box_link{
	background:url(../pic/tri_li_sp.gif) no-repeat center right;

	display:block;
	color:#00f;
	padding:0px 30px 0px 0px;
}
a.a_box_link_dw{
	background:url(../pic/tri_dw_sp.gif) no-repeat center right;

	display:block;
	color:#00f;
	padding:0px 30px 0px 0px;
}
a.a_btn{
	color:#333;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;

	padding:2px 4px;

	background:#ece9d8;

	border-top:2px solid #f9f8f3;
	border-left:2px solid #f9f8f3;
	border-right:2px solid #828177;
	border-bottom:2px solid #828177;

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

/* img */
img.w100p{
	width:100%;
}

/* button */
a.btn{
	display:block;
	margin:0px auto;

	color:#333;
	padding:12px 0px;
	text-align:center;
	font-weight:bold;
	border:1px solid #999;

	background:#f0f0f0;
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#f0f0f0 48%,
		#999 52%,
		#f0f0f0);
	background: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#f0f0f0),
		color-stop(0.48, #f0f0f0),
		color-stop(0.52, #999),
		to(#f0f0f0));

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

	-webkit-text-shadow: 1px 1px 0px #fff; /* Safari、Chrome */
	   -moz-text-shadow: 1px 1px 0px #fff; /* Firefox */
	        text-shadow: 1px 1px 0px #fff; /* Opera、IE、ie-css3用 */
}
.btn_off{
	display:block;
	margin:0px auto;

	color:#ccc;
	padding:12px 0px;
	text-align:center;
	font-weight:bold;
	border:1px solid #ccc;

	background:#f0f0f0;
	background: -moz-linear-gradient(
		top,
		#f0f0f0 0%,
		#f0f0f0 48%,
		#f0f0f0 52%,
		#f0f0f0);
	background: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#f0f0f0),
		color-stop(0.48, #f0f0f0),
		color-stop(0.52, #f0f0f0),
		to(#f0f0f0));

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

	-webkit-text-shadow: 1px 1px 0px #fff; /* Safari、Chrome */
	   -moz-text-shadow: 1px 1px 0px #fff; /* Firefox */
	        text-shadow: 1px 1px 0px #fff; /* Opera、IE、ie-css3用 */
}

/* font */
.t_c{text-align:center;}
.t_r{text-align:right;}
.t_l{text-align:left;}

.f_lt{	text-decoration:line-through;}
.f_b{	font-weight:bold;}
.f_i{	font-style: italic;}

.f20{font-size:20px;}	.f18{font-size:18px;}	.f16{font-size:16px;}	.f14{font-size:14px;}	.f12{font-size:12px;}	.f10{font-size:10px;}
.l100{line-height:100%;}

.f_000{color:#000;}
.f_333{color:#333;}
.f_666{color:#666;}
.f_999{color:#999;}
.f_ccc{color:#ccc;}
.f_f93{color:#f93;}
.f_f00, .atntn{color:#f00;}
.f_f69, a.f_f69{color:#f69;}

.f_hissu{
	background:#f33;
	color:#fff;
	margin-left:10px;
	padding:0px 4px;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.f_ninni{
	background:#3c3;
	color:#fff;
	margin-left:10px;
	padding:0px 4px;

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

a.f_red,
.f_red{background:#f00; color:#fff;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}
.f_user,
.f_pale_brw{background:#f6f0e0; color:#630;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}
.f_pale_gry{background:#f0f0f0; color:#666;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}
.f_pale_red{background:#fcc; color:#f00;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}
.f_pale_ylw{background:#eeaa33; color:#fff;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}
.f_pale_pink{background:#e9a; color:#fff;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}
a.f_pale_blue,
.f_pale_blue{background:#7ba; color:#fff;
		padding:0px 4px;
		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
}

/*=============================
 * main frame header
 *=============================*/

#header{
	position: relative;
	box-sizing: border-box;
	height:104px;
	/*60+44*/
	top:0px;
}
	#header div{
		box-sizing: border-box;
	}
	#header > .box_header_wrapper{
		position: fixed;

		top:0px;
		left:0px;
		right:0px;
		z-index: 9999;

		overflow:hidden;
		height:104px;
		width:100%;
		background:#f0eedd;
	}
	#header > .box_header_wrapper > .box_2{
		overflow:hidden;
		height:60px;
	}
	#header > .box_header_wrapper > .box_2 > .box_2_1{
		float:left;
		width:160px;
		padding:6px 0px 0px 8px
	}
	#header > .box_header_wrapper > .box_2 > .box_2_2{
		float:right;
		width:160px;
		padding-top:0px;
	}
	#header > .box_header_wrapper > .box_2 > .box_2_1 h1{
		font-size:12px;
		margin-bottom:2px;
		color:#012;
		font-weight:bold;
		line-height:100%;
	}
	#header > .box_header_wrapper > .box_2 > .box_2_2 ul{
		overflow:hidden;
	}
	#header > .box_header_wrapper > .box_2 > .box_2_2 ul li{
		float:right;
		margin-right:0px;
		padding-top:16px;
	}
	#header > .box_header_wrapper > .box_2 > .box_2_2 ul li span,
	#header > .box_header_wrapper > .box_2 > .box_2_2 ul li a{
		display:block;
		text-align:center;
		font-size:10px;
		line-height:100%;
		width:52px;
	}
	#header > .box_header_wrapper > .box_2 > .box_2_2 ul li span img,
	#header > .box_header_wrapper > .box_2 > .box_2_2 ul li a img{
		margin-bottom:2px;
	}

	#header > .box_header_wrapper > .box_3{
		overflow:hidden;
		height:44px;
		width:100%;
		border-top:1px solid #e0ddd0;
	}
	#header > .box_header_wrapper > .box_3 ul{
		width:100%;
	}
	#header > .box_header_wrapper > .box_3 ul li{
		box-sizing: border-box;
		float:left;
		width:20%;
		padding-bottom:4px;
		border-left:1px solid #e0ddd0;
	}

	#header > .box_header_wrapper > .box_3 ul li:nth-child(1){	background:#ee6677;	border-left:0px;}
	#header > .box_header_wrapper > .box_3 ul li:nth-child(2){	background:#aacc55;	}
	#header > .box_header_wrapper > .box_3 ul li:nth-child(3){	background:#6655aa;	}
	#header > .box_header_wrapper > .box_3 ul li:nth-child(4){	background:#ff9900;	}
	#header > .box_header_wrapper > .box_3 ul li:nth-child(5){	background:#3399dd;	}

	#header > .box_header_wrapper > .box_3 ul li a{
		overflow:hidden;
		box-sizing: border-box;
		display:block;
		height:39px;
		padding-top:4px;

		background:#f0eedd;

		text-align:center;
		line-height:100%;
		font-size:10px;
	}
	#header > .box_header_wrapper > .box_3 ul li a img{
		margin-bottom:2px;
	}
	#header > .box_header_wrapper > .box_3 ul li a.sel{
		background-color:#d0ccbb;
		background-color:#e0ddd0;
	}


	#header > .box_header_wrapper > .box_2 > .box_2_3 a{
		display:block;
		background:#f0f0f0;
		padding:2px 0px;
		text-align:center;
		color:#666;
		font-size:12px;
		font-weight:bold;

		-webkit-box-shadow: 0px 4px 0px 0px #ccc;
		   -moz-box-shadow: 0px 4px 0px 0px #ccc;
		        box-shadow: 0px 4px 0px 0px #ccc;

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

/*=============================
 * main frame other
 *=============================*/

nav{
	display:none;
	margin:0px auto 0px auto;
	padding:4px;
	font-size:12px;

	background:#fff;

	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.box_view_mode_menu{
	margin:12px 0px;
	text-align:center;
}

footer{
	margin: 0px auto 0 auto;
	background:#f0eedd;
	padding:12px 0px 12px 0px;
}
	footer .box_1{
		line-height:180%;
		text-align:center;
		padding-bottom:12px;
		color:#ccc;
	}
	footer .box_cr{
		text-align:center;
	}


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

	width:100%;
	text-align: center;
	padding:30px 0px 30px 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;
}

/*=============================
 * normal
 *=============================*/

.box_nml{
	padding:0px 12px;
	margin:12px 0px;
}

/*
.tbl_nml{}
	.tbl_nml th{
		border:1px solid #ccc;
		background:#f0f0f0;
		padding:4px;
	}
	.tbl_nml td{
		border:1px solid #ccc;
		padding:4px;
	}
	.tbl_nml td a.a_bk{
		display:block;
		color:#00f;
		padding:12px 0px 12px 0px;
		margin:4px;
		text-align:center;

		border:1px solid #00f;

		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
	.tbl_nml td.td_title{
		background:#345;
		border:1px solid #012;
		color:#fff;
	}
*/


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

.box_ntc_sp{
	margin:12px 0px;
	text-align:center;
	line-height:0px;
}
.box_ntc_sp_top{
	margin:0px 0px 0px 0px;
	text-align:center;
	line-height:0px;
}
.box_ntc_sp_gdo_sq{
	box-sizing: border-box;

	margin:12px 12px 12px 12px;
	padding:6px 12px 0px 12px;

	border:6px solid #39c;

	-webkit-border-radius: 24px;
	   -moz-border-radius: 24px;
	        border-radius: 24px;
}
	.box_ntc_sp_gdo_sq .box_1{
		margin-bottom:6px;
	}
	.box_ntc_sp_gdo_sq .box_1 a{
		display:block;
		text-align:center;
	}
	.box_ntc_sp_gdo_sq .box_2{
		overflow:hidden;
	}
	.box_ntc_sp_gdo_sq .box_2 li{
		float:left;
		box-sizing: border-box;
		width:50%;
		padding:0px 10px;
		margin-bottom:12px;
	}
	.box_ntc_sp_gdo_sq .box_2 li a{
		display:block;
		color:#fff;
		padding:8px 0px 6px 0px;
		text-align:center;
		line-height:100%;

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

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

		background:#39c;
		background: -moz-linear-gradient(
			top,
			#069 0%,
			#39c 30%,
			#39c);
		background: -webkit-gradient(
			linear,
			left top,left bottom,
			from(#069),
			color-stop(0.3, #39c),
			to(#39c));
	}
	.box_ntc_sp_gdo_sq .box_2 li a.a_gdo_sale{
		background:#39c;
		background: -moz-linear-gradient(
			top,
			#900 0%,
			#c00 30%,
			#c00);
		background: -webkit-gradient(
			linear,
			left top,left bottom,
			from(#900),
			color-stop(0.3, #c00),
			to(#c00));
	}

/* adsense link typ 背景 */
mark, ins {
	background: transparent;
	text-decoration: none;
}

/*=============================
 * ul
 *=============================*/
ul.ul_nml{}
	ul.ul_nml > li{
		border-bottom:1px solid #ccc;
	}
	ul.ul_nml > li > a{
		display:block;
		background:#fff url(../pic/li_sp.png) no-repeat center right;
		padding:8px 30px 8px 8px;
	}
	ul.ul_nml > li > a.sel{
		background:#fff0f0 url(../pic/li_sp.png) no-repeat center right;
	}

ul.ul_menu{}
	ul.ul_menu li{
		float:left;
	}

.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;
	}

ul.ul_sort{
	width:100%;
}
	ul.ul_sort li a{
		display:block;
		text-align:center;
		padding:8px 0px;
		border:1px solid #345;
		border-left:none;
		color:#333;

		background:#fff;
		background-image: -moz-linear-gradient(
			top,
			#fff 0%,
			#ccc 10%,
			#fff 40%,
			#fff);
		background-image: -webkit-gradient(
			linear,
			left top,left bottom,
			from(#fff),
			color-stop(0.1, #ccc),
			color-stop(0.4, #fff),
			to(#fff));
	}
	ul.ul_sort li:first-child a{
		border-left:1px solid #345;
		-webkit-border-radius: 8px 0px 0px 8px;
		   -moz-border-radius: 8px 0px 0px 8px;
		        border-radius: 8px 0px 0px 8px;
	}
	ul.ul_sort li:last-child a{
		-webkit-border-radius: 0px 8px 8px 0px;
		   -moz-border-radius: 0px 8px 8px 0px;
		        border-radius: 0px 8px 8px 0px;
	}
	ul.ul_sort li a.sel{
		background:#345;
		color:#fff;

		background-image: -moz-linear-gradient(
			top,
			#678 0%,
			#345 10%,
			#345 40%,
			#012);
		background-image: -webkit-gradient(
			linear,
			left top,left bottom,
			from(#678),
			color-stop(0.1, #345),
			color-stop(0.4, #345),
			to(#012));
	}
ul.li_14 li{	width:14%;}
ul.li_25 li{	width:25%;}
ul.li_33 li{	width:33%;}
ul.li_50 li{	width:50%;}


/*=============================
 * pager
 *=============================*/
.box_pager{
	padding:12px 12px;
	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:12px;
	}
	.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:6px 6px;
		text-decoration:none;

		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
	.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:6px 6px;
		text-decoration:none;

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

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

	z-index: 1000;
	position: fixed;
	bottom: 60px;
	right: 0px;
	font-size: 10px;
}
#page-top #page_top_top a {
	box-sizing: border-box;
/*	letter-spacing: 0.5em;*/

	border:1px solid #000;
	border-bottom:1px solid #345;
	text-decoration: none;
	color: #ccc;
	width: 80px;
	padding: 12px 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: 8px 0px 0px 8px;
	   -moz-border-radius: 8px 0px 0px 8px;
	        border-radius: 8px 0px 0px 8px;
}
#page-top #page_top_top a:hover{
	filter: alpha( opacity=100 );	/* IE */
	opacity:1.00;			/* Firefox,Opera,Safari */
	-moz-opacity:1.00;		/* Firefox 0.9より前 */
}