@charset "utf-8";


/*---defaultStyle ------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.4;
	font-size:12px;
	min-width:320px;
}

input,textarea {
	font-family:Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 640px) {
#rim-tpl-header .rim-tpl-utitlity li.rim-tpl-last{
	background:url(/common/img/sp-header-utilitynav-bg.png) no-repeat -10px 0 !important;
}
}

/*---Big Pull Down Navi (only English page) ------------------*/
#rim-tpl-header #rim-tpl-categorynav .rim-tpl-btn-products .rim-tpl-sub-box {
	width: 280px;
}




/*---headline ------------------*/

.text-title-lv1 {
	font-size:32px;
	font-weight:bold;
	margin: 0 0 30px;
	clear:both;
}
.text-title-lv2 {
	font-size:20px;
	padding:0 0 15px;
	font-weight:bold;
}

	.text-title-lv2 span {
		display: block;
		float: left;
		padding: 3px 15px 0 0;
		font-weight:bold;
	}
	.text-title-lv2 a {
		display: block;
		float: left;
		font-size: 12px;
		line-height: 1.2;
		text-decoration: none;
		background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
		padding: 10px 0 0 10px;
		color: #00468C!important;
	}

.text-title-lv3 {
	font-size:15px;
	padding:0 0 5px;
	font-weight:bold;
}

.text-title-lv4 {
	font-size:12px;
	padding-bottom: 4px;
	font-weight:bold;
}


.title-lv2 {
	display:block;
	line-height:33px;
	background:#F4F4F4;
	border:1px solid #DDDDDB;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
	.title-lv2 span {
		display: block;
		float: left;
		padding: 0 15px 0;
		font-size: 17px;
		font-weight:bold;
	}
	.title-lv2 a {
		display: block;
		float: left;
		font-size: 12px;
		line-height: 1.2;
		text-decoration: none;
		background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
		padding: 10px 0 0 10px;
		color: #00468C!important;
	}

.title-lv3 {
	font-size:14px;
	background: #777;
	color: #fff;
	padding: 5px 10px;
}

.title-lv4 {
	font-size:14px;
	line-height:1;
	padding:0 0 5px;
	font-weight:bold;
	border-bottom:2px solid #CCC;
}


@media screen and (max-width: 640px) {
.text-title-lv1 {
	font-size:26px;
}
.text-title-lv2 {
	font-size:18px;
}

.text-title-lv3 {
}
}


/*---parts ------------------*/
.btn-white-h30 a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: url(/common/img/btn-white-bg.gif) repeat-x;
	position: relative;
	padding: 0 5px;
	text-align: center;
	font-weight: bold;
}

.btn-white-h30 a:hover {
	text-decoration: none;
}

	.btn-white-h30 a .bgL {
		display: block;
		width: 5px;
		height: 30px;
		background: url(/common/img/btn-white-bg-l.gif) no-repeat;
		position: absolute;
		left: 0;
		top: 0;
	}

	.btn-white-h30 a .bgR {
		display: block;
		width: 5px;
		height: 30px;
		background: url(/common/img/btn-white-bg-r.gif) right top no-repeat;
		position: absolute;
		right: 0;
		top: 0;
	}

.btn-white-h50 a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background: url(/common/img/btn-white-h50-bg.gif) repeat-x;
	position: relative;
	padding: 0 5px;
	text-align: center;
	font-weight: bold;
}

.ie7 .btn-white-h50 a {
	display: inline;
	zoom:1;
}

.btn-white-h50 a:hover {
	text-decoration: none;
}

	.btn-white-h50 a .bgL {
		display: block;
		width: 5px;
		height: 50px;
		background: url(/common/img/btn-white-h50-bg-l.gif) no-repeat;
		position: absolute;
		left: 0;
		top: 0;
	}

	.btn-white-h50 a .bgR {
		display: block;
		width: 5px;
		height: 50px;
		background: url(/common/img/btn-white-h50-bg-r.gif) right top no-repeat;
		position: absolute;
		right: 0;
		top: 0;
	}

.btn-gray-h50 a {
	display: inline-block;
	height: 52px;
	line-height: 52px;
	background: url(/common/img/btn-gray-h50-bg.gif) repeat-x;
	position: relative;
	padding: 0 5px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
}

.ie7 .btn-gray-h50 a {
	display: inline;
	zoom:1;
}

.btn-gray-h50 a:hover {
	text-decoration: none;
}

	.btn-gray-h50 a .bgL {
		display: block;
		width: 5px;
		height: 52px;
		background: url(/common/img/btn-gray-h50-bg-l.gif) no-repeat;
		position: absolute;
		left: 0;
		top: 0;
	}

	.btn-gray-h50 a .bgR {
		display: block;
		width: 5px;
		height: 52px;
		background: url(/common/img/btn-gray-h50-bg-r.gif) right top no-repeat;
		position: absolute;
		right: 0;
		top: 0;
	}



/* table
-----------------------*/
#main table {
	width: 100%;
	border-top: 1px solid #CCC;
	font-size: 11px;
	line-height: 1.2;
}

	#main table th {
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		padding: 9px 14px 9px;
		vertical-align: top;
		font-weight: bold;
	}
	#main table td {
		border-bottom: 1px solid #CCC;
		padding: 9px 7px 9px 7px;
	}
	#main table th.Beth {
		padding: 9px 0 9px 7px;
	}
	#main table td.Beth {
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		vertical-align: top;
	}
	#main table th.Betd {
		padding: 9px 0 9px 7px;
	}
	#main table .noright {
		border-right: none!important;
	}
	#main table .odd2 th, table .odd2 td {
		background-color: #666;
		color: #fff;
	}
	#main table .odd th, table .odd td {
		background-color: #E9E9E9;
	}
	#main table .taC {
		text-align: center;
		padding-left: 0;
	}
	#main table td.note {
		border-bottom: none;
		padding: 9px 0 9px 14px;
	}
	#main table.style3 tr th,
	#main table.style3 tr td {
		border: 1px solid #CCC;
		text-align: center;
	}
	#main table.style3 tr .last-border{
		border-right: none;
	}

	#main table.style3 tr .first-border{
		border-left: none;
	}
	#main table.style3 tr .note{
		border: none;
		text-align: left;
	}
	#main table .break{
		word-break: break-all;
	}

	@media screen and (max-width: 640px) {
	#main table {
		font-size: 10px;
	}
	}


/* #head-area
--------------------------*/
#head-area {
	background: url(/common/img/bg_lin_01.gif) repeat-x 0 bottom;
	min-height: 1px;
}
	#head-area .inner{
		position:relative;
		z-index:20;
	}

@media only screen and (max-width:640px){
#head-area{
	background:#FFF;
	padding:15px 0 10px;
}
}

#head-area .inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#head-area .page-navi {
	float: left;
}
	#head-area .page-navi li {
		float: left;
		height: 37px;
		font-size: 13px;
		line-height: 1.2;
		font-weight: bold;
	}
		#head-area .page-navi li a {
			text-decoration: none;
			display: block;
			text-align: center;
			background: url(/common/img/pag_nav_off.png) repeat-x 0 0;
			height: 27px;
			padding: 10px 15px 0 15px;
			position: relative;

			color:#333;
		}

		#head-area .page-navi li a:hover,
		.page-navi-01 #head-area .page-navi li.btn01 a,
		.page-navi-02 #head-area .page-navi li.btn02 a,
		.page-navi-03 #head-area .page-navi li.btn03 a,
		.page-navi-04 #head-area .page-navi li.btn04 a,
		.page-navi-05 #head-area .page-navi li.btn05 a,
		.page-navi-06 #head-area .page-navi li.btn06 a,
		.page-navi-07 #head-area .page-navi li.btn07 a,
		.page-navi-08 #head-area .page-navi li.btn08 a,
		.page-navi-09 #head-area .page-navi li.btn09 a,
		.page-navi-10 #head-area .page-navi li.btn10 a {
			background: url(/common/img/pag_nav_on.png) repeat-x 0 0;
		}
		#head-area .page-navi li a span.bgL {
			display: block;
			text-align: center;
			background: url(/common/img/pag_nav_left_01_off.png) no-repeat 0 0;
			width: 4px;
			height: 37px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 100;
		}
		#head-area .page-navi li a:hover span.bgL,
		.page-navi-01 #head-area .page-navi li.btn01 a span.bgL,
		.page-navi-02 #head-area .page-navi li.btn02 a span.bgL,
		.page-navi-03 #head-area .page-navi li.btn03 a span.bgL,
		.page-navi-04 #head-area .page-navi li.btn04 a span.bgL,
		.page-navi-05 #head-area .page-navi li.btn05 a span.bgL,
		.page-navi-06 #head-area .page-navi li.btn06 a span.bgL,
		.page-navi-07 #head-area .page-navi li.btn07 a span.bgL,
		.page-navi-08 #head-area .page-navi li.btn08 a span.bgL,
		.page-navi-09 #head-area .page-navi li.btn09 a span.bgL,
		.page-navi-10 #head-area .page-navi li.btn10 a span.bgL {
			background: url(/common/img/pag_nav_left_01_on.png) no-repeat 0 0;
		}
		#head-area .page-navi li a span.bgR {
			display: block;
			text-align: center;
			background: url(/common/img/pag_nav_right_01_off.png) no-repeat 0 0;
			width: 4px;
			height: 37px;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 100;
		}
		#head-area .page-navi li a:hover span.bgR,
		.page-navi-01 #head-area .page-navi li.btn01 a span.bgR,
		.page-navi-02 #head-area .page-navi li.btn02 a span.bgR,
		.page-navi-03 #head-area .page-navi li.btn03 a span.bgR,
		.page-navi-04 #head-area .page-navi li.btn04 a span.bgR,
		.page-navi-05 #head-area .page-navi li.btn05 a span.bgR,
		.page-navi-06 #head-area .page-navi li.btn06 a span.bgR,
		.page-navi-07 #head-area .page-navi li.btn07 a span.bgR,
		.page-navi-08 #head-area .page-navi li.btn08 a span.bgR,
		.page-navi-09 #head-area .page-navi li.btn09 a span.bgR,
		.page-navi-10 #head-area .page-navi li.btn10 a span.bgR{
			background: url(/common/img/pag_nav_right_01_on.png) no-repeat 0 0;
		}
		#head-area .page-navi li.bg2 a span.bgL {
			background: url(/common/img/pag_nav_left_02_off.png) no-repeat 0 0;
		}
		#head-area .page-navi li.bg2 a:hover span.bgL,
		.page-navi-01 #head-area .page-navi li.bg2.btn01 a span.bgL,
		.page-navi-02 #head-area .page-navi li.bg2.btn02 a span.bgL,
		.page-navi-03 #head-area .page-navi li.bg2.btn03 a span.bgL,
		.page-navi-04 #head-area .page-navi li.bg2.btn04 a span.bgL,
		.page-navi-05 #head-area .page-navi li.bg2.btn05 a span.bgL,
		.page-navi-06 #head-area .page-navi li.bg2.btn06 a span.bgL,
		.page-navi-07 #head-area .page-navi li.bg2.btn07 a span.bgL,
		.page-navi-08 #head-area .page-navi li.bg2.btn08 a span.bgL,
		.page-navi-09 #head-area .page-navi li.bg2.btn09 a span.bgL,
		.page-navi-10 #head-area .page-navi li.bg2.btn10 a span.bgL {
			background: url(/common/img/pag_nav_left_02_on.png) no-repeat 0 0;
		}

		#page-navi-parent{
			/*hidden*/
			width: 1px;
			height: 1px;
			margin: -1px;
			overflow:hidden;
			position:absolute;
		}


	@media only screen and (max-width:640px){

	/* #page-navi-parent */
	#page-navi-parent{
		/*visible*/
		position:static;
		overflow:visible;
		display:block;
		width:100%;
		float:right;
		height:32px;
		margin: 0 0 15px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.ie7 #page-navi-parent{
		width:96.77419355%;/* 600/620 */
		padding: 0 1.612903225%;/* 10/620 */
	}

		#page-navi-parent a {
			text-decoration: none;
			display: block;
			text-align:left;
			background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
			color:#FFF;
			height:37px;
			padding:0 5px;
			position: relative;
			line-height:37px;
		}
		#page-navi-parent a:hover {
			background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
		}


	#head-area .page-navi{
		width:100%;
		margin:0;
		position:absolute;
		top:37px;
		right:0;
		padding: 0 10px;
		box-sizing: border-box;
		display:none;
	}
	.ie7 #head-area .page-navi{
		width:96.77419355%;/* 600/620 */
		padding: 0 1.612903225%;/* 10/620 */
	}
		#head-area .page-navi.active{
			display:block;
		}

	#head-area .page-navi li {
		float:none;
		height: 37px;
		font-size: 13px;
		line-height: 1.2;
		font-weight: normal;
	}
		#head-area .page-navi li a {
			text-decoration: none;
			display: block;
			text-align:left;
			background:#999 !important;
			color:#FFF;
			height:37px;
			padding:0 5px;
			position: relative;
			line-height:37px;
		}
		#head-area .page-navi li a:hover {
			background:#CCC !important;
		}
			#head-area .page-navi li a span.bgL {
				display:none;
				background:none !important;
			}
			#head-area .page-navi li a:hover span.bgL,
			#head-area .page-navi li a.current span.bgL {
				display:none;
				background:none !important;
			}
			#head-area .page-navi li a span.bgR {
				display:none;
				background:none !important;
			}
			#head-area .page-navi li a:hover span.bgR,
			#head-area .page-navi li a.current span.bgR {
				display:none;
				background:none !important;
			}
			#head-area .page-navi li.bg2 a span.bgL {
				display:none;
			}
			#head-area .page-navi li.bg2 a:hover span.bgL,
			#head-area .page-navi li.bg2 a.current span.bgL {
				display:none;
				background:none !important;
			}
	}

	/* socialbutton */
	#head-area ul.socialbutton {
		float: right;
		width: 308px;
		padding: 3px 0 0 0;
		margin: 0;
		list-style-type: none;
	}
		#head-area ul.socialbutton li {
			float: left;
			width: 108px;
			line-height: 0;
		}

		#head-area ul.socialbutton li.fb{
			width:	120px;
		}

		#head-area ul.socialbutton li.gp {
			width: 80px;
			overflow:hidden;
		}

		/* fix */
			@media only screen and (max-width:790px){
			#head-area ul.socialbutton {
				float:none;
				clear:both;
				position:absolute;
				bottom:-29px;
				right:0;
			}
			}
			@media only screen and (max-width:640px){
			#head-area ul.socialbutton {
				position:static;
				padding-left:10px;
			}
			}


/* #head-area
--------------------------*/
#contents .content-wrap.border-top {
	border-top: 1px solid #ccc;
}
@media screen and (max-width: 640px) {
#contents .content-wrap.border-top {
	border-top: 0;
}
}

	/*.tool-box
	-----------------------*/
	.tool-box{
	}
	.tool-box-inner{
		background:#FCFCFC url(/common/img/toolbox-bg.jpg) repeat-x left bottom;

		position:relative;

		border:1px solid #CCC;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
		.tool-box form{
		}

		/*.dropdown-box
		-----------------------*/
		.tool-box .dropdown-box{
			float:left;
			padding:13px 25px 10px 8px;
		}
	@media screen and (max-width: 640px) {
	.tool-box{
		padding:50px 0 0;
		clear:both;
		zoom:1;
	}
	.tool-box-inner{
		padding-left: 0;
		border-right: none;
		border-left: none;
		border-radius:0;
		-webkit-border-radius:0;
		-moz-border-radius:0;
	}
		.tool-box .dropdown-box{
			position:absolute;
			width:100%;
			top:-50px;
			left:0;
			padding:0;
			z-index:10;
		}
	}

			/*.easy-select-box@javascript
			-----------------------*/
			.tool-box .dropdown-box .easy-select-box {
				position:relative;
				display:inline-block;
				*display:inline;
				*zoom:1;
			}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
				 background:#666 url(/common/img/page-navi-cursor.png) right center no-repeat;
				 display:block;
				 color:#FFF;
				 width:115px;
				 padding:0 25px 0 5px;
				 height:28px;
				 line-height:28px;
				 text-decoration:none;
				}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
				 position:relative;
				 text-decoration:none;
				 background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
				}
				.tool-box .dropdown-box .easy-select-box ul {
				 display:none;
				 overflow:auto;

				 position:absolute;
				 top:100%;
				 left:0;
				 z-index:99;

				 width:145px;
				 background:#FFF;
				}
				.tool-box .dropdown-box .easy-select-box ul li a,
				.tool-box .dropdown-box .easy-select-box ul li a:visited{
				 display:block;
				 background:#999;
				 color:#FFF;
				 cursor:default;
				 text-decoration:none;
				 height:28px;
				 line-height:28px;
				 padding:0 5px;
				}
				.tool-box .dropdown-box .easy-select-box ul li a:hover{
				 background:#CCC;
				 text-decoration:none;
				}

				@media screen and (max-width: 640px) {
				.tool-box .dropdown-box .easy-select-box {
					display:block;
					padding: 0 10px;
				}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp,
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:visited{
					background:#888 url(/common/img/page-navi-cursor.png) right center no-repeat;
					color:#FFF;
					width:auto;
					height: 37px;
					line-height: 37px;
				}
				.tool-box .dropdown-box .easy-select-box .easy-select-box-disp:hover{
					 background:#CCC url(/common/img/page-navi-cursor.png) right center no-repeat;
				}
				.tool-box .dropdown-box .easy-select-box ul {
					width:100%;
					padding: 0 10px;
					box-sizing: border-box;
				}
				.tool-box .dropdown-box .easy-select-box ul li a,
				.tool-box .dropdown-box .easy-select-box ul li a:visited {
					height: 37px;
					line-height: 37px;
				}
				}


		/*.check-box
		-----------------------*/
		.tool-box .check-box{
			float:left;
			padding:13px 0 13px 0;
		}
		@media screen and (max-width: 640px) {
		.tool-box .check-box{
			padding:13px 0 13px 10px;
		}
		}

			/*.style-checkbox
			-----------------------*/
			.tool-box .style-checkbox label{
				margin:0 20px  0 0;

				background:url(/common/img/style-checkbox-bg.png) no-repeat;
				padding:0 0 0 20px;
				line-height:28px;

				display:inline-block;
				*display:inline;
				*zoom:1;
			}
				.tool-box .style-checkbox label.on{
					background-position:0 -28px;
				}

			.tool-box .style-checkbox input{
				position:absolute;
				left:-99999px;
			}


		/*.pager-box
		-----------------------*/
		.pager-box {
			background:#F0F0F0;
			padding:10px 0;
			text-align:center;
			position:relative;
		}
			.pager-box ul{
				display:inline-block;
				*display:inline;
				*zoom:1;
			}
			@media screen and (max-width: 640px) {
			.pager-box ul{
				padding:0 0 20px;
			}
			}
				.pager-box li{
					display:inline-block;
					*display:inline;
					*zoom:1;

					border-right:1px solid #666;
					text-align:center;
					padding:0 8px;
					line-height:1;
				}
				.pager-box li.first{
					border-left:1px solid #666;
				}

				.pager-box li.prev{
					border:none;
					text-align:left;
					padding:0 20px 0 0;
				}

				.pager-box li.next{
					border:none;
					text-align:right;
					padding:0 0 0 20px;
				}


					.pager-box li a{
						font-size:12px;
						text-decoration:none;
						color:#00468C;
					}

					.pager-box li a:hover{
						color:#000;
						text-decoration:underline;
					}

					.pager-box li.on a{
						color:#000;
						cursor:default;
					}

					.pager-box li.prev a{
						background:url(/common/img/icon-cursor-reverse.png) no-repeat 0 center;
						padding:0 0 0 10px;
					}
					.pager-box li.next a{
						background:url(/common/img/icon-cursor.png) no-repeat right center;
						padding:0 10px 0 0;
					}

					.pager-box li.next a:hover{
						text-decoration:underline;
					}

				@media screen and (max-width: 640px) {
				.pager-box li.prev,
				.pager-box li.next{
					float:none;
					position:absolute;
					bottom:10px;
				}
				.pager-box li.prev{
					left:25%;
					text-align:left;
				}
				.pager-box li.next{
					right:25%;
					text-align:right;
				}
				}