﻿@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */



/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,sans-serif;
	font-size: 14px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.8em;
	color: #111;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
#contentsIn,
.section,
.pageTop,
.h4_basic,
.h4_basic02
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
#contentsIn:after,
.section:after,
.pageTop:after,
.h4_basic:after,
.h4_basic02:after,
#gNavi:after,
.topicksList:after,
.materialList:after,
.TwoClumn .right:after,
.storeBox li:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html #contentsIn,
* html .section,
* html .pageTop,
* html .h4_basic,
* html .h4_basic02
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


@media screen and (min-width: 721px){

.dispNonePC{
display:none;
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;height: 100%;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	min-width: 960px;
     height: auto !important;     /* IE6対策 */
     height: 100%;                    /* IE6対策 */
     min-heigth: 100%;
	 position: relative;
	}
/** html #wrapper {
	width: expression(document.body.clientWidth < 961? "960px" : "auto");
}*/
/* !header
---------------------------------------------------------- */
#header {
	text-align: center;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
	background-color:#f3f2ef;
	
}
	#headerTop {
		border-top:3px solid #8C2300;
		background-color:#f3f2ef;
	}
			#headerTop a{
				color:#666;
				text-decoration:none;
			}

		#headerTopIn {
			width: 960px;
			padding: 0;
			margin: 0 auto;
			text-align: left;
			background-color:#f3f2ef;
		}
			#headerH1 {
				float: left;
				font-size: 8px;
				color: #333;
			}
			#headerAccess {
				float: right;
			}
				#headerAccess li.tel {
					float:left;
					margin:3px 10px 0 0;
				}
				#headerAccess li.btn02 {
					float:left;
					margin:0 5px 0 0;
				}
				#headerAccess li.btn {
					position: absolute;
					right: 0;
					top: 0;
				}

			#headerTopIn .lang {
			    float: right;
			    width: auto;
    			margin-top: 2px;
			}
			#headerTopIn .lang li {
			    float: left;
			    display: block;
			}
			#headerTopIn .lang span {
			    padding-top: 0;
			    display: block;
			    font-size: 10px;
			    vertical-align: middle;
			    line-height: 1.9;
			    text-decoration: underline;
			}
			#headerTopIn .lang li a {
			    padding: 0px 0 0 0;
			    margin-left: 15px;
			    height: 20px;
			    display: block;
			}
			#headerTopIn .lang .english a,
			#headerTopIn .lang .chinaHantai a,
			#headerTopIn .lang .chinaKantai a {
			    background-position:left center;
			    background-size: contain;
			}
			#headerTopIn .lang a:hover{
				opacity: 0.6;
			}


	#headerMid {
	}
		#headerNaviTop {
			width: 960px;
			margin: 22px auto 12px;
			text-align: left;
		}
			#headerLogo {
				float: left;
			}
		#headerNavibtm {
			background: #000;
		}
			#headerNavibtmIn {
				width: 960px;
				margin: 0 auto;
			}
	#headerMid02 {
		background-color:#f3f2ef;
		padding-bottom:13px;
	}
	#underlang #headerMid02 {
	text-align:left;
	width:960px;
	margin:0 auto;
	}

	#headerBtm {
		width: 960px;
		margin: 0 auto;
		padding: 6px 0;
		text-align: left;
	}
		#headerLinks {
			float: right;
			padding: 1px 5px 0 0;
			overflow: hidden;
			line-height: 1.5;
		}
			#headerLinks ul {
				margin-left: -12px;
				overflow: hidden;
			}
				#headerLinks ul li {
					float: left;
					margin-left: 12px;
					padding-left: 8px;
					background: url(common/img/ico_arrow_r01.gif) no-repeat left 0.5em;
				}
				#headerLinks ul li.first {
					_margin-left: 0;
				}
					#headerLinks ul li a {
						color: #666;
						font-size:12px;
					}
					#headerLinks ul li a:hover {
						text-decoration: none;
					}
		#headerSns {
			float: right;
			margin-right: 10px;
			overflow: hidden;
			line-height: 1.5;
		}
			#headerSns ul {
				margin-left: -8px;
				overflow: hidden;
			}
				#headerSns ul li {
					float: left;
					margin-left: 8px;
				}

/* !gNavi
---------------------------------------------------------- */
#gNavi {
	display: block;
	position: relative;
	width: 960px;
	height: 52px;
	margin:0 auto;
}
	#gNavi li {
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
		height: 52px;
	}
	/* それぞれのリンクエリアの幅調整 */
	#gNavi li#gNav01 { left: 0; width: 87px;}
	#gNavi li#gNav02 { left: 87px; width: 128px;}
	#gNavi li#gNav03 { left: 215px; width: 128px;}
	#gNavi li#gNav04 { left: 343px; width: 245px;}
	#gNavi li#gNav06 { left: 592px; width: 128px;}
	/**/
	#gNavi li#gNav05 { left: 718px; width: 135px;}
	#gNavi li#gNav07 { left: 854px; width: 110px;}
	
		#gNavi li a {
			display: block;
			height: 52px;
			overflow: hidden;
			text-indent: -9999px;
			background: url(img/back_gNav01.png) no-repeat left top;
		}
		/* それぞれのリンクエリアの背景画像の位置調整 */
		#gNavi li#gNav01 a { background-position: 0 0;}
		#gNavi li#gNav02 a { background-position: -87px 0;}
		#gNavi li#gNav03 a { background-position: -215px 0;}
		#gNavi li#gNav04 a { background-position: -343px 0;}
		#gNavi li#gNav06 a { background-position: -588px 0;}
		/**/
		#gNavi li#gNav05 a { background-position: -716px 0;}
		#gNavi li#gNav07 a { background-position: -852px 0;}
		
		/* それぞれのリンクエリアの背景画像の位置調整（マウスオーバー、カレント時） */
		#g01 #gNavi li#gNav01 a,
		#gNavi li#gNav01 a:hover { background-position: 0 -52px;}
		#g02 #gNavi li#gNav02 a,
		#gNavi li#gNav02 a:hover { background-position: -87px -52px;}
		#g03 #gNavi li#gNav03 a,
		#gNavi li#gNav03 a:hover { background-position: -215px -52px;}
		#g04 #gNavi li#gNav04 a,
		#gNavi li#gNav04 a:hover { background-position: -343px -52px;}
		#g05 #gNavi li#gNav06 a,
		#gNavi li#gNav06 a:hover { background-position: -588px -52px;}
		/**/
		#g06 #gNavi li#gNav05 a,
		#gNavi li#gNav05 a:hover { background-position: -716px -52px;}
		#g07 #gNavi li#gNav07 a,
		#gNavi li#gNav07 a:hover { background-position: -852px -52px;}
		
	
/* !lNavi
---------------------------------------------------------- */
#lNavi {
	overflow: hidden;
	line-height: 1.5;
}
	#lNavi ul {
		margin-top: -20px;
		_margin-top: 0;
	}
		#lNavi ul li {
			margin-top: 20px;
		}
			#lNavi ul li a {
				color: #111;
				font-size: 134%;
				font-weight: bold;
				text-decoration: none;
				display: block;
				border-left: 9px solid #eb2828;
				zoom: 1;
			}
				#lNavi ul li a span {
					display: block;
					border: 1px solid #e0e0e0;
					border-left: none;
					padding: 8px 10px 8px 24px;
					cursor: pointer;
				}
			#lNavi ul li ul {
				margin: 0;
			}
				#lNavi ul li ul li {
					margin: 20px 0 0 19px;
					padding-left: 14px;
				}
					#lNavi ul li ul li a {
						color: #0099cc;
						font-size: 100%;
						font-weight: normal;
						text-decoration: none;
						display: inline;
						border: none;
						padding: 0;
						background: none !important;
					}
					#lNavi ul li ul li a:hover {
						text-decoration: underline;
					}
.bnrList {
	overflow: hidden;
	margin-top: 30px;
}
	.bnrList ul {
		margin-top: -15px;
		_margin-top: 0;
	}
		.bnrList ul li {
			margin-top: 15px;
		}

body#g06 #lNavi ul,
body#g07 #lNavi ul {
	margin-top: -10px;
	_margin-top: 0;
}
	body#g06 #lNavi ul li,
	body#g07 #lNavi ul li {
		margin-top: 10px;
	}
		body#g06 .bnrList,
		body#g07 .bnrList {
			margin-top: 15px;
		}



/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
		}

/* !contents
---------------------------------------------------------- */
#contents {
	/*visibility: hidden;*/
	text-align: center;
	height: 0;
}
	#contentsIn {
		text-align: left;
		width: 960px;
		margin: 0 auto;
		padding-bottom:50px;
	}
		#main {
			width: 960px;
		}
		#under #main,
		#underlang #main {
			margin-top:50px;
		}
		.TwoClumn {
		}
			.TwoClumn .left {
				width:467px;
				margin-right:26px;
				float:left;
			}
			.TwoClumn .right {
				width:467px;
				float:right;
			}

/* !mainimg
---------------------------------------------------------- */
#mainimg{
	background:url(img/mainimg_top01.png) no-repeat center center;
	height:508px;
	text-indent:-9999px;
	background-color:#fff;
}
#mainimg p{
  display:none;
}
#maintxt {
	background-color:#f3f2ef;
}
#mainshadow {
	background: url(img/img_shadow01.png) no-repeat center center;
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	margin-top: 20px;
	background: url(img/index/bg_pagetop01.gif) repeat-x left center;
}
	.pageTop p {
		float: right;
		background: #fff;
		padding-left: 5px;
	}
		.pageTop p a {
			color: #919191;
			text-decoration: none;
			font-size: 92%;
		}
		.pageTop p a:hover {
			text-decoration: underline;
		}
/* !footer
---------------------------------------------------------- */
#footer {
	margin: 24px 0 -50px;
	text-align: center;
	line-height: 1.8;
	min-width: 960px;
}
/** html #footer {
	width: expression(document.body.clientWidth < 961? "960px" : "auto");
}*/
		#footerCopyWrap {
			font-size: 80%;
			padding: 15px 0;
			background-color:#000;
			text-align: center;
			color:#fff;
		}
			#copyright {
			}


/* !h(n)eading
---------------------------------------------------------- */
.h1_basic {}
.h2_basic_wrap {
	background: url(common/img/bg_h203.jpg) repeat-x left bottom;
	padding-bottom: 9px;
	margin-bottom: 15px;
}
.h2_basic {
	background: url(common/img/bg_h201.jpg) repeat-x left top #fbfbfb;
	text-align: center;
	border-bottom: 3px solid #fff;
}
	.h2_basic h2 {
		width: 940px;
		margin: 0 auto;
		padding: 18px 0;
		background: url(common/img/bg_h202.jpg) no-repeat center top;
		font-size: 150%;
		font-weight: bold;
		text-align: left;
	}
.h4_basic,
.h4_basic02 {
	margin-bottom: 15px;
	line-height: 1.5;
}
	.h4_basic h4,
	.h4_basic02 h4 {
		float: left;
		padding-bottom: 5px;
		border-bottom: 1px solid #e80505;
		font-size: 134%;
		font-weight: bold;
	}
	.h4_basic02 h4 { border-bottom: 1px solid #1f73bb;}
		.h4_basic h4 .h4Color01 {
			color: #e80505;
		}
		.h4_basic02 h4 .h4Color01 {
			color: #1f73bb;
		}
	.h4_basic .h4Anchor01,
	.h4_basic02 .h4Anchor01 {
		float: right;
		padding-top: 6px;
	}
		.h4_basic .h4Anchor01 a,
		.h4_basic02 .h4Anchor01 a {
			color: #e80505;
			text-decoration: none;
		}
		.h4_basic .h4Anchor01 a:hover,
		.h4_basic02 .h4Anchor01 a:hover {
			text-decoration: underline;
		}
.h4_sub,
.h3_basic {
	padding: 0 10px;
	margin: 20px 0 15px;
	font-size: 120%;
	font-weight: bold;
	background:#eee;
}

.h5_basic {
	margin-bottom: 12px;
	color: #eb2727;
	font-weight: bold;
	font-size: 150%;
}
.h_bar {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 10px solid #EDEDED;
    	box-shadow: 1px 1px 3px #999999;
	padding: 10px 10px;
	position: relative;
	font-size:150%;
	font-weight: bold;
	margin:0 0 30px;
}
.h6_basic {}
/* !Listing
---------------------------------------------------------- */
.ul_basic {
}
	.ul_basic li {
	}

.ol_basic {
}
	.ol_basic li {
	}

.dl_basic {
}
	.dl_basic dt {
	}
	.dl_basic dd {
	}
.imageThreeColumn01 {
	width: 700px;
	overflow: hidden;
}
	.imageThreeColumn01 ul {
		margin-top: -30px;
		width: 725px;
		display: block;
		min-height: 1%;
	}
	.imageThreeColumn01 ul:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html .imageThreeColumn01 ul {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
		.imageThreeColumn01 ul li {
			float: left;
			width: 218px;
			margin: 30px 23px 0 0;
			padding-bottom: 10px;
			border-bottom: 2px solid #e80505;
		}
			.imageThreeColumn01 ul li .image {
				margin-bottom: 10px;
			}
			.imageThreeColumn01 ul li .title {
				font-size: 117%;
				font-weight: bold;
				margin-bottom: 3px;
			}
				.imageThreeColumn01 ul li .title a {
					color: #eb2828;
					text-decoration: none;
				}
				.imageThreeColumn01 ul li .title a:hover {
					text-decoration: underline;
				}
			.imageThreeColumn01 ul li .text {
			}
				.imageThreeColumn01 ul li .text a {
					color: #e80505;
					text-decoration: none;
					margin-left: 5px;
					white-space: nowrap;
				}
				.imageThreeColumn01 ul li .text a:hover {
					text-decoration: underline;
				}

.imageTwoColumn01 {
	width: 700px;
	overflow: hidden;
}
	.imageTwoColumn01 ul {
		margin-top: -30px;
		width: 725px;
		display: block;
		min-height: 1%;
	}
	.imageTwoColumn01 ul:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html .imageTwoColumn01 ul {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
		.imageTwoColumn01 ul li {
			float: left;
			width: 340px;
			margin: 30px 20px 0 0;
			padding-bottom: 10px;
			border-bottom: 2px solid #e80505;
		}
			.imageTwoColumn01 ul li .image {
				margin-bottom: 10px;
			}
			.imageTwoColumn01 ul li .title {
				font-size: 117%;
				font-weight: bold;
				margin-bottom: 3px;
			}
				.imageTwoColumn01 ul li .title a {
					color: #eb2828;
					text-decoration: none;
				}
				.imageTwoColumn01 ul li .title a:hover {
					text-decoration: underline;
				}
			.imageTwoColumn01 ul li .text {
			}
				.imageTwoColumn01 ul li .text a {
					color: #e80505;
					text-decoration: none;
					margin-left: 5px;
					white-space: nowrap;
				}
				.imageTwoColumn01 ul li .text a:hover {
					text-decoration: underline;
				}

/* !Table
---------------------------------------------------------- */
.table_basic {
	width: 100%;
	border: 1px solid #9c9c9c;
}
	.table_basic th,
	.table_basic td {
		border: 1px solid #9c9c9c;
		padding: 5px 22px 0px;
	}
	.table_basic thead th {
		background: #f1f1f1;
		font-size: 117%;
		font-weight: bold;
		text-align: center;
		white-space: nowrap;
	}
	.table_basic th {
		white-space: nowrap;
	}
	.table_basic tbody th {
		background: #fafafa;
		font-weight: bold;
	}
		.table_basic th div,
		.table_basic td div {

		}
.table_basic02 {
	width: 100%;
	border-bottom: 1px solid #9c9c9c;
}
	.table_basic02 th,
	.table_basic02 td {
		border-top: 1px solid #9c9c9c;
		padding: 15px 22px;
	}
	.table_basic02 thead th {
		background: #f1f1f1;
		font-size: 117%;
		font-weight: bold;
		text-align: center;
	}
	.table_basic02 tbody th {
		font-weight: bold;
	}

/* !button
---------------------------------------------------------- */
.btn_basic_bk {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #666666 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #666666));
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000000 100%);
	-pie-background: linear-gradient(top, #666666 0%, #000000 100%);
	*/
	background: url(common/img/btn_black01_no.gif) repeat-x left bottom #666;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_bk:hover {
	/*
	background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #595959), color-stop(0.00, #9b9b9b));
	background: -moz-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -ms-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	-pie-background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_black01_on.gif) repeat-x left bottom #9b9b9b;
}

.btn_basic_red {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #990000), color-stop(0.00, #ff0000));
	background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%);
	-pie-background: linear-gradient(top, #ff0000 0%, #990000 100%);
	*/
	background: url(common/img/btn_red01_no.gif) repeat-x left bottom #f00;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_red:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bd5959), color-stop(0.00, #ff5959));
	background: -moz-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: -ms-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	-pie-background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_red01_on.gif) repeat-x left bottom #ff5959;
}

.btn_basic_blue {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000099), color-stop(0.00, #0066cc));
	background: -moz-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: -ms-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: linear-gradient(top, #0066cc 0%, #000099 100%);
	-pie-background: linear-gradient(top, #0066cc 0%, #000099 100%);
	*/
	background: url(common/img/btn_blue01_no.gif) repeat-x left bottom #06c;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_blue:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5959bd), color-stop(0.00, #599bde));
	background: -moz-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: -ms-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	-pie-background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_blue01_on.gif) repeat-x left bottom #599bde;
}
/* !1Columnbutton
---------------------------------------------------------- */
.btn_basic_bk_1column {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #666666 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #666666));
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000000 100%);
	-pie-background: linear-gradient(top, #666666 0%, #000000 100%);
	*/
	background: url(common/img/btn_black01_no.gif) repeat-x left bottom #666;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_bk_1column:hover {
	/*
	background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #595959), color-stop(0.00, #9b9b9b));
	background: -moz-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -ms-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	-pie-background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_black01_on.gif) repeat-x left bottom #9b9b9b;
}

.btn_basic_red_1column {
	width: 270px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #990000), color-stop(0.00, #ff0000));
	background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%);
	-pie-background: linear-gradient(top, #ff0000 0%, #990000 100%);
	*/
	background: url(common/img/btn_red01_no.gif) repeat-x left bottom #f00;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_red_1column:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bd5959), color-stop(0.00, #ff5959));
	background: -moz-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: -ms-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	-pie-background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_red01_on.gif) repeat-x left bottom #ff5959;
}

.btn_basic_blue_1column {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000099), color-stop(0.00, #0066cc));
	background: -moz-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: -ms-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: linear-gradient(top, #0066cc 0%, #000099 100%);
	-pie-background: linear-gradient(top, #0066cc 0%, #000099 100%);
	*/
	background: url(common/img/btn_blue01_no.gif) repeat-x left bottom #06c;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_blue_1column:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5959bd), color-stop(0.00, #599bde));
	background: -moz-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: -ms-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	-pie-background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_blue01_on.gif) repeat-x left bottom #599bde;
}

/* !Section
---------------------------------------------------------- */
.section { margin-bottom: 35px;}


/* pagetop
---------------------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 50%;
    right: 0%;
    font-size: 70%;
	z-index:9999;
}

#page-top .toiTop a {
    display: block;
    text-decoration: none;
    padding-top: 230px;
    width: 40px;
    height: 0px;
    overflow: hidden;
    background: url(common/img/pagetop.png) no-repeat 0 0;
}
  
#page-top .toiTop a:hover {
    background-position: 0 -230px;
}
#page-top .arrowTop {
	margin-bottom:5px;
}
#page-top .arrowTop a {
    display: block;
    text-decoration: none;
    padding-top: 26px;
    width: 40px;
    height: 0px;
    overflow: hidden;
    background: url(common/img/pagetop_arrow.png) no-repeat 0 0;
}
  
#page-top .arrowTop a:hover {
    background-position: 0 -26px;
}

/* ImageList
---------------------------------------------------------- */
.topicksList li {
	width:233px;
}
.materialList li{
	width:134px;
}
.topicksList li,
.materialList li{
	float:left;
	margin-right:15px;
}
	.topicksList li:last-child,
	.materialList li:last-child {
		margin-right:0;
	}
	.topicksList .title,
	.materialList .title {
		display:block;
	}
	.topicksList img {
		width:233px;
		height:90px;
	}
	.materialList img {
		width:134px;
		height:134px;
	}

/* midashi
---------------------------------------------------------- */
.imgttl {
	margin:0 0 15px;
}
.ttl01 {
	margin-bottom:25px;
	font-weight:bold;
	font-size:1.5em;
}
.ttl02 {
    background: url(img/back_h3.png) no-repeat 0 0;
	margin:20px 0 15px;
	font-weight:bold;
	font-size:1.1em;
	height:30px;
	width:960px;
	padding-left:25px;
}
.ttl03 {
	font-weight:bold;
	margin:15px 0 5px;
}

	.lang {
		
	}
	
	.lang  span {
		padding-top:3px;
		display:block;
		font-size:1.2em;
	}
	.lang li a{
					float: left;
					padding: 2px 0 0 53px;
					margin-left:15px;
					height:31px;
					display:block;
				}
		.lang .japan a{
/*					background: url(img/ico_japan.png) no-repeat left 0.5em; */
		}
		.lang .english a{
/*					background: url(img/ico_english.png) no-repeat left 0.5em; */
		}
		.lang .chinaHantai a{
/*					background: url(img/ico_china.png) no-repeat left 0.5em; */
		}
		.lang .chinaKantai a{
/*					background: url(img/ico_china.png) no-repeat left 0.5em; */
		}

.onlineBox {
	background:#F3F3F3;
	padding:20px;
}
.onlineBox li {
		float:left;
		width:290px;
		margin-right:23px;
}
.onlineBox .title {
	text-align:center;
	display:block;
}
li.last {
	margin-right:0px;
}

.salesList li {
	font-weight:bold;
	list-style-type: disc;
	margin-left:20px;
}
.salesBox {
	background:#f3f3f3;
	border:2px solid #d2d2d2;
	width:805px;
	margin:0 auto;
	padding:20px;
	margin-top:20px;
}
	.salesBox img {
		float:right;
	}
	.salesBox h5 {
		float:left;
		width:245px;
		font-weight:bold;
		text-align:center;
	}
	
	
.tableLeft {
	width:460px;
	float:left;
}
.daikokuyacoBox {
	width:480px;
	float:right;
}
	.daikokuyacoBox p {
		background:#f3f3f3;
		padding:20px;
		width:380px;
		float:right;
	}

	
.storeBox li{
	position:relative;
	text-decoration:none;
	list-style:none;
	margin-bottom:30px;
}
	.storeBox img {
		float:left;
		margin-right:20px;
		margin-top:15px;
	}
	.storeBox p{
		overflow: auto;
		zoom: 1;
	}
	.storeBox .bottan{
		float:right;
		background: url(img/back_bottan01.png) no-repeat left center;
		width:217px;
		height:47px;
		margin-top:-60px;
	}
	.storeBox .bottan a{
		color:#fff;
		display:block;
		width:217px;
		height:47px;
		text-align:center;
	}
	.storeBox .bottan span {
		padding-top:10px;
		display:block;
	}
	
table .english,table .chinese,table .thai {
	width:50px;
}
table .prefecture　{
	width:;
}
table .store　{
	width:;
}
table .address　{
	width:300px;
}
table .service　{
	width:;
}
table .tel　{
	width:;
}
table .hours　{
	width:;
}



/*201504追加*/

.board{
width:100%;
  margin-top:20px;
  border: 1px solid #dfdfdf;
}

.board H2{
 font-weight:bold;
 font-size:14px;
 text-align:center;
 background-color:#8C2300;
 color:#FFFFFF;
 padding:5px;
 }
.board dt {
  float: left;
  line-height: 1.3em;
  clear: left;
  padding: 10px;
  font-size:13px;
}

.board dd {
  float: left;
  width: 80%;
  line-height: 1.3em;
  /*text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;*/
  padding: 10px;
   font-size:13px;
}
.board .scrollinner {
  height: 110px;
  overflow-y: scroll;
}
}





/*smartphone*/

@media screen and (max-width: 720px){


.dispNoneSp{
	display:none;
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;height: 100%;
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
     height: auto !important;     /* IE6対策 */
     height: 100%;                    /* IE6対策 */
     min-heigth: 100%;
	 position: relative;
	}



/* !header
---------------------------------------------------------- */
#header #headerTop,
#header #headerMid02{
	display:none;
}
#headerTopSp{
	height:50px;
	margin:5px 0;
	padding: 5px;
	border-top:3px solid #8C2300;
	background-color:#f3f2ef;
}
	#headerTopSp #logo{
		float:left;
	}
	#headerTopSp #menuBtn{
		float:right;
	}
	#spNavi{
		clear:both;
		display:none;
		text-align: left;
		margin: 0 5px 20px 5px;
	}
	#spNavi ul{
		border: 2px solid #E4E4E4;
		border-radius: 5px;
	}
	#spNavi ul li{
		border-bottom:2px solid #e4e4e4;
		padding:5px 0 5px 20px;
	}
	#spNavi ul li;last-child{
		border-bottom:none;
	}
/* !lNavi
---------------------------------------------------------- */
#lNavi {
	overflow: hidden;
	line-height: 1.5;
}
	#lNavi ul {
		margin-top: -20px;
		_margin-top: 0;
	}
		#lNavi ul li {
			margin-top: 20px;
		}
			#lNavi ul li a {
				color: #111;
				font-size: 134%;
				font-weight: bold;
				text-decoration: none;
				display: block;
				border-left: 9px solid #eb2828;
				zoom: 1;
			}
				#lNavi ul li a span {
					display: block;
					border: 1px solid #e0e0e0;
					border-left: none;
					padding: 8px 10px 8px 24px;
					cursor: pointer;
				}
			#lNavi ul li ul {
				margin: 0;
			}
				#lNavi ul li ul li {
					margin: 20px 0 0 19px;
					padding-left: 14px;
				}
					#lNavi ul li ul li a {
						color: #0099cc;
						font-size: 100%;
						font-weight: normal;
						text-decoration: none;
						display: inline;
						border: none;
						padding: 0;
						background: none !important;
					}
					#lNavi ul li ul li a:hover {
						text-decoration: underline;
					}
.bnrList {
	overflow: hidden;
	margin-top: 30px;
}
	.bnrList ul {
		margin-top: -15px;
		_margin-top: 0;
	}
		.bnrList ul li {
			margin-top: 15px;
		}

body#g06 #lNavi ul,
body#g07 #lNavi ul {
	margin-top: -10px;
	_margin-top: 0;
}
	body#g06 #lNavi ul li,
	body#g07 #lNavi ul li {
		margin-top: 10px;
	}
		body#g06 .bnrList,
		body#g07 .bnrList {
			margin-top: 15px;
		}



/* !breadcrumb
---------------------------------------------------------- */
#breadcrumb {
	overflow: hidden;
	*zoom: 1;
}
	#breadcrumb li {
		float: left;
		white-space: nowrap;
	}
	#breadcrumb li.home {
	}
		#breadcrumb li a {
			white-space: nowrap;
		}

/* !contents
---------------------------------------------------------- */
#contents {
	/*visibility: hidden;*/
	text-align: center;
	height: 0;
	margin: 0 8px 50px 8px;
}
	#contentsIn {
		text-align: left;
		width: 100%;
		
	}
		#main {
			width: 100%;
		}
		#under #main,
		#underlang #main {
			margin-top:50px;
		}


/* !mainimg
---------------------------------------------------------- */
#mainimg {
	display:none;
}

#maintxt {
	margin-top:5px;
	text-align: left;
	background-color:#f3f2ef;
}
#maintxt p{
	padding:5px;
}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	margin-top: 20px;
	background: url(img/index/bg_pagetop01.gif) repeat-x left center;
}
	.pageTop p {
		float: right;
		background: #fff;
		padding-left: 5px;
	}
		.pageTop p a {
			color: #919191;
			text-decoration: none;
			font-size: 92%;
		}
		.pageTop p a:hover {
			text-decoration: underline;
		}
/* !footer
---------------------------------------------------------- */
#footer {
	margin: 24px 0 -50px;
	text-align: center;
	line-height: 1.8;
	width: 100%;
}

		#footerCopyWrap {
			font-size: 80%;
			padding: 15px 0;
			background-color:#000;
			text-align: center;
			color:#fff;
		}
			#copyright {
			}


/* !h(n)eading
---------------------------------------------------------- */
.h1_basic {}
.h2_basic_wrap {
	background: url(common/img/bg_h203.jpg) repeat-x left bottom;
	padding-bottom: 9px;
	margin-bottom: 15px;
}
.h2_basic {
	background: url(common/img/bg_h201.jpg) repeat-x left top #fbfbfb;
	text-align: center;
	border-bottom: 3px solid #fff;
}
	.h2_basic h2 {
		width:100%;
		margin: 0 auto;
		padding: 18px 0;
		background: url(common/img/bg_h202.jpg) no-repeat center top;
		font-size: 150%;
		font-weight: bold;
		text-align: left;
	}
.h4_basic,
.h4_basic02 {
	margin-bottom: 15px;
	line-height: 1.5;
}
	.h4_basic h4,
	.h4_basic02 h4 {
		float: left;
		padding-bottom: 5px;
		border-bottom: 1px solid #e80505;
		font-size: 134%;
		font-weight: bold;
	}
	.h4_basic02 h4 { border-bottom: 1px solid #1f73bb;}
		.h4_basic h4 .h4Color01 {
			color: #e80505;
		}
		.h4_basic02 h4 .h4Color01 {
			color: #1f73bb;
		}
	.h4_basic .h4Anchor01,
	.h4_basic02 .h4Anchor01 {
		float: right;
		padding-top: 6px;
	}
		.h4_basic .h4Anchor01 a,
		.h4_basic02 .h4Anchor01 a {
			color: #e80505;
			text-decoration: none;
		}
		.h4_basic .h4Anchor01 a:hover,
		.h4_basic02 .h4Anchor01 a:hover {
			text-decoration: underline;
		}
.h4_sub,
.h3_basic {
	padding: 0 10px;
	margin: 20px 0 15px;
	font-size: 120%;
	font-weight: bold;
	background:#eee;
}

.h5_basic {
	margin-bottom: 12px;
	color: #eb2727;
	font-weight: bold;
	font-size: 150%;
}
.h_bar {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 10px solid #EDEDED;
    	box-shadow: 1px 1px 3px #999999;
	padding: 10px 10px;
	position: relative;
	font-size:150%;
	font-weight: bold;
	margin:0 0 30px;
}
.h6_basic {}
/* !Listing
---------------------------------------------------------- */
.ul_basic {
}
	.ul_basic li {
	}

.ol_basic {
}
	.ol_basic li {
	}

.dl_basic {
}
	.dl_basic dt {
	}
	.dl_basic dd {
	}
.imageThreeColumn01 {
	width: 100%;
	overflow: hidden;
}
	.imageThreeColumn01 ul {
		margin-top: -30px;
		width: 100%;
		display: block;
		min-height: 1%;
	}
	.imageThreeColumn01 ul:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html .imageThreeColumn01 ul {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
		.imageThreeColumn01 ul li {
			float: left;
			width: 100%;
			margin: 30px 23px 0 0;
			padding-bottom: 10px;
			border-bottom: 2px solid #e80505;
		}
			.imageThreeColumn01 ul li .image {
				margin-bottom: 10px;
			}
			.imageThreeColumn01 ul li .title {
				font-size: 117%;
				font-weight: bold;
				margin-bottom: 3px;
			}
				.imageThreeColumn01 ul li .title a {
					color: #eb2828;
					text-decoration: none;
				}
				.imageThreeColumn01 ul li .title a:hover {
					text-decoration: underline;
				}
			.imageThreeColumn01 ul li .text {
			}
				.imageThreeColumn01 ul li .text a {
					color: #e80505;
					text-decoration: none;
					margin-left: 5px;
					white-space: nowrap;
				}
				.imageThreeColumn01 ul li .text a:hover {
					text-decoration: underline;
				}

.imageTwoColumn01 {
	width: 100%;
	overflow: hidden;
}
	.imageTwoColumn01 ul {
		margin-top: -30px;
		width: 100%;
		display: block;
		min-height: 1%;
	}
	.imageTwoColumn01 ul:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
	* html .imageTwoColumn01 ul {
		height: 1%;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
	}
		.imageTwoColumn01 ul li {
			float: left;
			width: 100%;
			margin: 30px 20px 0 0;
			padding-bottom: 10px;
			border-bottom: 2px solid #e80505;
		}
			.imageTwoColumn01 ul li .image {
				margin-bottom: 10px;
			}
			.imageTwoColumn01 ul li .title {
				font-size: 117%;
				font-weight: bold;
				margin-bottom: 3px;
			}
				.imageTwoColumn01 ul li .title a {
					color: #eb2828;
					text-decoration: none;
				}
				.imageTwoColumn01 ul li .title a:hover {
					text-decoration: underline;
				}
			.imageTwoColumn01 ul li .text {
			}
				.imageTwoColumn01 ul li .text a {
					color: #e80505;
					text-decoration: none;
					margin-left: 5px;
					white-space: nowrap;
				}
				.imageTwoColumn01 ul li .text a:hover {
					text-decoration: underline;
				}

/* !Table
---------------------------------------------------------- */
.table_basic{
	border: 0;
	margin: 10px 0px;
	width:100%;
}
.table_basic td,
.table_basic th{
	display:block;
	border: 0px;
	padding: 5px 0 20px 20px;
}
.table_basic th{
	font-weight: bold;
	background: #eee;
	padding: 5px 20px;
}
.table_color{
	background:#8C2300 !important;
}
.table_color a{
	color:white;
}
.table_basic02 {
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
}
	.table_basic02 th,
	.table_basic02 td {
		border-top: 1px solid #dcdcdc;
		padding: 15px 22px;
	}
	.table_basic02 thead th {
		background: #f1f1f1;
		font-size: 117%;
		font-weight: bold;
		text-align: center;
	}
	.table_basic02 tbody th {
		font-weight: bold;
	}

/* !button
---------------------------------------------------------- */
.btn_basic_bk {
	width: 100%;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #666666 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #666666));
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000000 100%);
	-pie-background: linear-gradient(top, #666666 0%, #000000 100%);
	*/
	background: url(common/img/btn_black01_no.gif) repeat-x left bottom #666;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_bk:hover {
	/*
	background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #595959), color-stop(0.00, #9b9b9b));
	background: -moz-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -ms-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	-pie-background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_black01_on.gif) repeat-x left bottom #9b9b9b;
}

.btn_basic_red {
	width: 100%;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #990000), color-stop(0.00, #ff0000));
	background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%);
	-pie-background: linear-gradient(top, #ff0000 0%, #990000 100%);
	*/
	background: url(common/img/btn_red01_no.gif) repeat-x left bottom #f00;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_red:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bd5959), color-stop(0.00, #ff5959));
	background: -moz-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: -ms-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	-pie-background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_red01_on.gif) repeat-x left bottom #ff5959;
}

.btn_basic_blue {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000099), color-stop(0.00, #0066cc));
	background: -moz-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: -ms-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: linear-gradient(top, #0066cc 0%, #000099 100%);
	-pie-background: linear-gradient(top, #0066cc 0%, #000099 100%);
	*/
	background: url(common/img/btn_blue01_no.gif) repeat-x left bottom #06c;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_blue:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5959bd), color-stop(0.00, #599bde));
	background: -moz-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: -ms-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	-pie-background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_blue01_on.gif) repeat-x left bottom #599bde;
}
/* !1Columnbutton
---------------------------------------------------------- */
.btn_basic_bk_1column {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #666666 0%, #000000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #666666));
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
	background: -ms-linear-gradient(top, #666666 0%, #000000 100%);
	-pie-background: linear-gradient(top, #666666 0%, #000000 100%);
	*/
	background: url(common/img/btn_black01_no.gif) repeat-x left bottom #666;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_bk_1column:hover {
	/*
	background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #595959), color-stop(0.00, #9b9b9b));
	background: -moz-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	background: -ms-linear-gradient(top, #9b9b9b 0%, #595959 100%);
	-pie-background: linear-gradient(top, #9b9b9b 0%, #595959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_black01_on.gif) repeat-x left bottom #9b9b9b;
}

.btn_basic_red_1column {
	width: 270px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #990000), color-stop(0.00, #ff0000));
	background: -moz-linear-gradient(top, #ff0000 0%, #990000 100%);
	background: -ms-linear-gradient(top, #ff0000 0%, #990000 100%);
	-pie-background: linear-gradient(top, #ff0000 0%, #990000 100%);
	*/
	background: url(common/img/btn_red01_no.gif) repeat-x left bottom #f00;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_red_1column:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bd5959), color-stop(0.00, #ff5959));
	background: -moz-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: -ms-linear-gradient(top, #ff5959 0%, #bd5959 100%);
	background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	-pie-background: linear-gradient(top, #ff5959 0%, #bd5959 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_red01_on.gif) repeat-x left bottom #ff5959;
}

.btn_basic_blue_1column {
	width: 220px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 134%;
	font-weight: bold;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 5px 0;
	border-radius: 6px;
	text-shadow: 4px 4px 4px rgba(0,0,0,0.65);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000099), color-stop(0.00, #0066cc));
	background: -moz-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: -ms-linear-gradient(top, #0066cc 0%, #000099 100%);
	background: linear-gradient(top, #0066cc 0%, #000099 100%);
	-pie-background: linear-gradient(top, #0066cc 0%, #000099 100%);
	*/
	background: url(common/img/btn_blue01_no.gif) repeat-x left bottom #06c;
	behavior: url(/common/js/PIE.htc);
	position: relative;
}
.btn_basic_blue_1column:hover {
	/*
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #5959bd), color-stop(0.00, #599bde));
	background: -moz-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: -ms-linear-gradient(top, #599bde 0%, #5959bd 100%);
	background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	-pie-background: linear-gradient(top, #599bde 0%, #5959bd 100%);
	behavior: url(/common/js/PIE.htc);
	position: relative;
	*/
	background: url(common/img/btn_blue01_on.gif) repeat-x left bottom #599bde;
}

/* !Section
---------------------------------------------------------- */
.section { margin-bottom: 35px;}


/* pagetop
---------------------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 50%;
    right: 0%;
    font-size: 70%;
	z-index:9999;
}

#page-top .toiTop a {
    display: block;
    text-decoration: none;
    padding-top: 230px;
    width: 40px;
    height: 0px;
    overflow: hidden;
    background: url(common/img/pagetop.png) no-repeat 0 0;
}
  
#page-top .toiTop a:hover {
    background-position: 0 -230px;
}
#page-top .arrowTop {
	margin-bottom:5px;
}
#page-top .arrowTop a {
    display: block;
    text-decoration: none;
    padding-top: 26px;
    width: 40px;
    height: 0px;
    overflow: hidden;
    background: url(common/img/pagetop_arrow.png) no-repeat 0 0;
}
  
#page-top .arrowTop a:hover {
    background-position: 0 -26px;
}

/* ImageList
---------------------------------------------------------- */
.topicksList li {
	width:233px;
}
.materialList li{
	width:134px;
}
.topicksList li,
.materialList li{
	float:left;
	margin-right:15px;
}
	.topicksList li:last-child,
	.materialList li:last-child {
		margin-right:0;
	}
	.topicksList .title,
	.materialList .title {
		display:block;
	}
	.topicksList img {
		width:233px;
		height:90px;
	}
	.materialList img {
		width:134px;
		height:134px;
	}

/* midashi
---------------------------------------------------------- */
.imgttl {
	display:none;
}

.ttl_sp{
	width:100%;
	font-weight: bold;
	font-size:20px;
	border-bottom: 2px solid #B92A2C;
	margin:10px 0 20px 0;
	padding: 0 0 10px 5px;
        margin-top: 40px;
}
.ttl01 {
	margin-bottom:25px;
	font-weight:bold;
	font-size:1.5em;
}
/*2015 04追加・修正START*/
.ttl02 {
    background: url(img/back_h3.png) no-repeat 0 0;*/
	/*margin:20px 0 15px;
	font-weight:bold;
	font-size:1.1em;
	height:30px;*/
	width:100%;
	 /*padding-left:25px;*/

}
.ttl02 h4{
	padding-left:25px;
	margin:20px 0 15px;
	font-weight:bold;
	font-size:1.1em;
	height:30px
	}
	

/*2015 04追加・修正FINSH*/

.ttl03 {
	font-weight:bold;
	margin:15px 0 5px;
}

	.lang {
		
	}
	
	.lang  span {
		padding-top:3px;
		display:block;
		font-size:1.2em;
	}
	.lang li a{
					float: left;
					padding: 2px 0 0 53px;
					margin-left:15px;
					height:31px;
					display:block;
				}
		.lang .japan a{
/*					background: url(img/ico_japan.png) no-repeat left 0.5em; */
		}
		.lang .english a{
/*					background: url(img/ico_english.png) no-repeat left 0.5em; */
		}
		.lang .chinaHantai a{
/*					background: url(img/ico_china.png) no-repeat left 0.5em; */
		}
		.lang .chinaKantai a{
/*					background: url(img/ico_china.png) no-repeat left 0.5em; */
		}

.onlineBox {
	background:#F3F3F3;
	padding:20px;
}
.onlineBox li ,
.onlineBox li img{
	width:100%;
	margin-bottom:10px;
}
.onlineBox .title {
	text-align:center;
	display:block;
}
li.last {
	margin-bottom:0px;
}

.salesList li {
	font-weight:bold;
	list-style-type: disc;
	margin-left:20px;
}
.salesBox {
	background:#f3f3f3;
	border:2px solid #d2d2d2;
	margin:0 auto;
	padding:10px;
	margin-top:20px;
}
	.salesBox img{
		width:100%;
	}
	.salesBox h5 {
		font-weight:bold;
		text-align:center;
	}
	
	
.tableLeft {
	width:460px;
	float:left;
}
.daikokuyacoBox {
	width:100%;
}
	.daikokuyacoBox p {
		background:#f3f3f3;
		padding:20px;
	}
	
.storeBox li{
	margin-bottom:30px;
}
	.storeBox img {
		text-align: center; 

		margin-right:20px;
		margin-top:15px;
	}
	.storeBox p{
		overflow: auto;
		zoom: 1;
	}
	.storeBox .bottan{
		background: url(img/back_bottan01.png) no-repeat left center;
		width:217px;
		height:47px;
	}
	.storeBox .bottan a{
		color:#fff;
		display:block;
		width:217px;
		height:47px;
		text-align:center;
	}
	.storeBox .bottan span {
		padding-top:10px;
		display:block;
	}
	
table .english,table .chinese,table .thai {
	width:50px;
}
table .prefecture　{
	width:;
}
table .store　{
	width:;
}
table .address　{
	width:300px;
}
table .service　{
	width:;
}
table .tel　{
	width:;
}
table .hours　{	width:;
}

/* smartphone
---------------------------------------------------------- */


.w100sp{
	width:100% !important;
}

.p_width{
  padding: 0 5px;
}



/*201504追加*/

#main .board{
  width:100%;
  margin-top:20px;
  border: 1px solid #dfdfdf;
}

#main .board H2{
 font-weight:bold;
 font-size:14px;
 text-align:center;
 background-color:#8C2300;
 color:#FFFFFF;
 padding:5px;
 }
#main .board .scrollinner {
  height: 110px;
  overflow-y: scroll;
}

#main .board .scrollinner::-webkit-scrollbar{ 
    width: 13px;
}
#main .board .scrollinner::-webkit-scrollbar-thumb{ 
    background: #737373;
    border-radius: 10px;
}
#main .board .scrollinner::-webkit-scrollbar-track-piece:start{
    background: #dadada;
}
#main .board .scrollinner::-webkit-scrollbar-track-piece:end{
    background: #dadada;
}
 
#main .board dt {
  float: left;
  line-height: 1.3em;
  clear: left;
  padding: 10px;
  font-size:13px;
}

#main .board dd {
  float: left;
  line-height: 1.3em;
 /* text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;*/
  padding:10px;
  font-size:13px;
}
#main .storeBox li{
	list-style:none;
	
}





}