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

.pageTitle { display:none;}
#index_top h1 {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:22.5px;
	font-family: "ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	color:#111;
	font-weight:600;
	letter-spacing:4px;
	margin-top:35px;
}
#index_top p.txt {
	width:90%;
	float:left;
	text-align:center;
	margin:20px 5% 50px;
	border-bottom:double 3px #999;
	padding-bottom:50px;
}
#index_top p.txt br { display:none;}

/* banner Link
----------------------------*/
#indexMain{
	width:94%;
	float:left;
	padding:0 3% 60px;
}
.smBox { display:none;}
.campainBox {}

.pcBox { width:100%;float:left;}

.pcBox .box {
	height:160px;
	position:relative;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}  

@media screen and (min-width: 801px) and (max-width: 959px) {
.pcBox .box {	width:49%;}
.pcBox .box:first-child { float:left; background:url("../../../img/index/pc/bnr/bnr01.jpg") right top no-repeat;}
.pcBox .box:last-child { float:right; background:url("../../../img/index/pc/bnr/bnr02.jpg") right top no-repeat;}
}
@media screen and (min-width: 621px) and (max-width: 800px) {
.pcBox .box {	width:100%;	height:160px; float:left; margin:0 0 20px;}
.pcBox .box:first-child { background:url("../../../img/index/sm/m/bnr01.jpg") left top no-repeat #FBF9F0;}
.pcBox .box:last-child { background:url("../../../img/index/sm/m/bnr02.jpg") left top no-repeat #FAFAFA;}
}
@media screen and (min-width: 481px) and (max-width: 620px) {
.pcBox .box {	width:100%;	height:160px; float:left; margin:0 0 20px;}
.pcBox .box:first-child { float:left; background:url("../../../img/index/pc/bnr/bnr01.jpg") left top no-repeat #FBF9F0;}
.pcBox .box:last-child { float:right; background:url("../../../img/index/pc/bnr/bnr02.jpg") left top no-repeat #FAFAFA;}
}


.pcBox .box a {
	display:block;
}
.pcBox .box:hover {  
	opacity: 0.7;
	filter: alpha(opacity=70);
	box-shadow:0 0px 3px #999 inset;
}
.pcBox .box span {
	width:130px;
	height:15px;
	line-height:15px;
	padding:2px 10px;
	position:absolute;
	bottom:5px;
	right:0px;
	text-align:right;
	color:#FFFFFF;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}
.pcBox .box span img { margin-left:10px;}
.pcBox .box:hover span {
	color:#fff;
	background:#A79476;
	font-family:"Times New Roman", Times, serif;
} 

/* Pick up slider
----------------------------*/
#carousel {
	width:96%;
	height: 160px;
	float:left;
	margin:0 2%;
	overflow:hidden;
	position: relative;
}

.picup, 
.slidBox {
	width:100%;
	float:left;
}
/*
 slider jsStyle
----------------------------*/
#carousel_wrap { width:100% !important;}
#carousel_next { right: 0px; background:url("../../../img/index/pc/picup/next02.png") left 50% no-repeat #CDC2AF;}
#carousel_prev {left: 0px; background: url("../../../img/index/pc/picup/prev02.png") left 50% no-repeat #CDC2AF;}
#carousel_next:hover, 
#carousel_prev:hover {
	opacity: 1;  
	filter: alpha(opacity=100);  
}

#carousel_prev,
#carousel_next {
	position: absolute;
 top: 0;
 width: 30px;
 height: 100%;
 cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index:9999;
	color:#fff;
}

/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	width:100%;
	height:160px;
	display: inline-block;
	overflow: hidden;
}
/*
 slider boxStyle
----------------------------*/
.slidBox { width:1280px !important;}
.picup { margin-bottom:30px;}
.slidBox li {
	width:314px;
	height:160px;
	float:left;
	display:inline-block;
}
.slidBox li.noneS {
	width:314px;
	height:160px;
	float:left;
	display:inline-block;
}

.slidBox li dl {
	width:310px;
	height:160px;
	float:left;
	margin-right:4px;
	position:relative;
}
.slidBox li dl dt {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.slidBox li dl dd {
	width:310px;
	height:40px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	padding:3px 0px;
	background-color: rgba(134,111,88,0.9);
}

.slidBox li dl dd span.en {
	width:100px;
	height:20px;
	text-align:center;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-weight:600;
	line-height:20px;
	font-size:15px;
	letter-spacing:1px;
	padding-left: 5px;
}

.slidBox li dl dd span.jpTit {
	width:310px;
	height:20px;
	float:left;
	padding-left: 5px;
	text-align:left;
	color:#fff;
	font-weight:600;
	line-height:20px;
}
.slidBox li dl dd span.jpTxt {
	width:310px;
	height:20px;
	float:right;
	padding:0 3px;
	font-size:11px;
	color:#fff;
	line-height:20px;
}
.slidBox li dl dd span.jpTxt br { display:none;}
@media screen and (min-width: 481px) and (max-width: 650px) {
.slidBox { width:970px !important;}
.slidBox li {
	width:237px !important;
	overflow:hidden !important;
	margin:0 2px;
}
.slidBox li.noneS {
	float:right;
}
.slidBox li dl dd span.jpTit, 
.slidBox li dl dd span.jpTxt { width:97% !important; float:right; text-align:left;}
.slidBox li dl dd span.jpTxt { font-size:11px;}
.slidBox li dl dd span.en {	display:none;}
}

/* infomation
----------------------------*/
#info, 
#blog {
	width:90%;
	float:left;
	margin:0 5% 20px;
}
#info h2, 
#blog h3 {
	width:100%;
	height:30px;
	float:left;
	padding:0 15px;
	border-bottom:1px solid#ccc;
	margin-bottom:10px;
	line-height:30px;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:5px;
	color:#333;
}
#info ul {
	width:100%;
	height:150px;
	float:left;
	margin-left:15px;
	overflow-y:scroll;
}

#info ul li {
	width:100%;
	float:left;
	padding:8px 0;
	color:#47A7D6;
	line-height:1.6em;
}
#info ul li span {
	width:80%;
	float:right;
	line-height:1.6em;
	color:#7F6956;
}

#info ul li a {
	color:#FFFFFF;
	text-decoration:underline;
}
#info ul li a:hover {
	background-color:#A79476;
	color:#fff;
	text-decoration:none;
}

/* infomation
----------------------------*/
#blog p {
	width:46%;
 height:auto;
 margin:10px 2%;
	float:left;
 display:inline;
}



#blog p a {
	display:block;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out;  
}
#blog p a img {width:100%; height:auto;}  

#blog p a:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}