@charset "utf-8";
/*=======================================================
	CSS Document
	Page Style
=======================================================*/
#index_top {
	width:100%;
	float:left;
}
.main_image {
	width:100%;
	height:380px;
	float:left;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.pageTitle, 
#index_top p.txt img { display:none;}
#index_top h1 {
	width:100%;
	height:20px;
	float:left;
	padding-top:30px;
	margin-top:-45px;
	position:relative;
	z-index:10;
	line-height:20px;
	font-size:16px;
	font-weight:600;
	text-align:center;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#111;
	background:url("../../../img/index/sm/title_bk.png") center top no-repeat;
	background-size:100% auto;
}

#index_top p.txt {
	width:94%;
	float:left;
	margin:20px 3%;
	font-size:10px;
	text-align:center;
	letter-spacing:0;
	line-height:1.4em;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
}


/* banner Link
----------------------------*/
#indexMain{
	width:100%;
	float:left;
	padding-bottom: 60px;
}
.campainBox {}
.pcBox { display:none;}

/* list
----------------------------*/
.picup {
	width:91%;
	float:left;
	padding:10px 5%;
	background:#EEEEEE;
	box-shadow: 0 1px 1px #ccc inset;
	border-top:1px solid #aaa;
}
.picup h2 {
	width:100%;
	height:40px;
	float:left;
	text-align:center;
	font-size:15px;
	letter-spacing:8px;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	background:url("../../../img/sm/common/line.gif") bottom center no-repeat;
	font-weight:normal;
	margin-bottom:30px;
}
.slidBox_sm, 
.slidBox_sm li {
	width:100%;
	float:left;
}
.concept {
	width:100%;
	float:left;
}
.concept dl, 
.slidBox_sm li dl {
	width:100%;
	height:100px;
	float:left;
	background:#fff;
	margin-bottom:15px;
	box-shadow: 0 1px 1px #999;
}
.concept dl dt,  
.slidBox_sm li dl dt {
	width:130px;
	height:100px;
	float:left;
}
.concept dl dt img, 
.slidBox_sm img { height:100%;}
.concept dl dd, 
.slidBox_sm li dl dd {
	width:51%;
	height:70px;
	float:left;
	padding:15px 0 15px 3%;
}
.concept dl dt img {
	width:100%;
	height: auto;
}

.concept dl dd span.jpTit, 
.slidBox_sm li dl dd span.jpTit {
	width:100%;
	height:20px;
	float:left;
	line-height:20px;
}
.concept dl dd span.en, 
.slidBox_sm li dl dd span.en {
	width:100%;
	height:15px;
	float:left;
	line-height:15px;
	font-family:"Times New Roman", Times, serif;
	color:#333333;
}
.concept dl dd span.jpTxt, 
.slidBox_sm li dl dd span.jpTxt {
	font-size:10px;
	color:#555;
}
/* slider処理
----------------------------*/
#carousel {
	width:100%;
	height:auto !important;
	float:left;
	display:block;
}
#carousel_wrap, 
#carousel_move {
	width:100%;
	height:auto !important;
	display:block;
	float:left;
}
#carousel_move{ position:static !important;}


/* infomation
----------------------------*/
#info {
	width:100%;
	float:left;
}
#info h2 {
	width:91%;
	height:30px;
	float:left;
	padding:0 5%;
	background:#A79476;
	color:#fff;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	line-height:30px;
	letter-spacing:5px;
}
#info ul {
	width:100%;
	float:left;
}
#info ul li {
	width:91%;
	float:left;
	padding:13px 5% 10px;
	background:#F3F3F3;
	border-bottom:groove 2px #fff;
	font-size:9.5px;
	letter-spacing:0;
	color:#3F67B8;
	display:none;
}
#info ul li:nth-child(-n+4) { display:block !important;}
#info ul li span {
	width:75%;
	float:right;
	line-height:1.8em;
	font-size:11px;
	letter-spacing:1px;
	color:#5F442C;
	line-height:1.3em;
	margin-top:-4px;
}

#info ul li a {
	display:block;
	color:#FFFFFF;
	text-decoration:underline;
}

/* infomation
----------------------------*/
#blog h3{ display:none;}
#blog .noneS { display:none;}

#blog p.blog{ width:96%; float:left; margin:10px 2% 0; background:#ddd;}
#blog p.blog img { width:100%; float:left;}

.smBox {
	width:100%;
	float:left;
	position:relative;
	padding-bottom:40px;
}

.smBox h2 {
	width:50%;
	height:40px;
	float:left;
	margin:30px 25% 20px;
	line-height:40px;
	text-align:left;
	border-top: dashed 1px #AD8663;
	border-bottom: dashed 1px #AD8663;
	letter-spacing:10px;
	color:#755133;
	font-family:Arial, Helvetica, sans-serif;
}
.smBox h2 img { float:left; height:100%; width:auto; padding:0 10%;}
ul.sm_slider li.box,
ul.sm_slider li.box dl, 
ul.sm_slider li.box dl dt {
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom: 10px;
}
ul.sm_slider li.box dl dt img { width:100%;	height:auto;}
#carousel #carousel_wrap #carousel_move ul li dl{ width:80%; overflow:hidden;}
#carousel #carousel_wrap #carousel_move ul li dt{ max-width:20%; overflow:hidden;}
#carousel #carousel_wrap #carousel_move ul li dl dd{ margin-left:-2%;}

ul.sm_slider li.box dl dd {
	width:90%;
	float:left;
	margin:0 5%;
	text-align:center;
	background:#fff;
}
ul.sm_slider li.box dl dd .jp {
	height:20px;
 display:block; 
	line-height:20px;
	color:#555;
	font-size:13px;
	letter-spacing:4px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom: solid 1px #A79476 ;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



ul.sm_slider li.box dl dd.en, 
ul.sm_slider li.box dl dd.enBali {
	line-height:24px;
	font-size:20px;
	letter-spacing:4px;
	font-family:"Times New Roman", Times, serif;
}

ul.sm_slider li.box dl dd {	color:#A79476;}
ul.sm_slider li.box dl dd.enBali {	color:#A79476;}


ul.sm_slider li.box dl dd.txt {
	color:#006CDA;
	font-size:11px;
	line-height:1.6em;
	color:#666;
}

.sm_slider, 
.bx-viewport{ float:left;}

#slider-next, 
#slider-prev {
	width:20px;
	height:20px;
	position:absolute;
	top:30%;
	z-index:999;
	border-radius: 20px;
	background:#A79476;
	text-align:center;
	line-height:20px;
	color:#FFF;
	box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.1); 
}
#slider-next a, 
#slider-prev a { color:#FFF; display:block;}
#slider-next { right:3px;} 
#slider-prev { left:3px;}

.bx-controls {
	width:50%;
	height:20px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
	padding:0 25%;
}
.bx-pager{
	width:100%;
	float:left;
	display:table;
	table-layout:fixed;
}
.bx-pager-item {
	height:20px;
	overflow:hidden;
	display:table-cell;
	text-align:center;
}
.bx-pager-item a {
	width:8px;
	height:8px;
	border-radius: 8px;
	background:#BFB29A;
	color:#FFF;
	border: solid 2px #fff;

}
.bx-pager-item a.active {
	background:#A79476;
}