@charset "UTF-8";
/* /cmn/css/cmn.css */

body{
	color: #333;
	font-family: sans-serif;
	background: url(../img/cmn/bg.gif) repeat-x left top fixed;
	}
#all{
	width: 100%;
	overflow: hidden;
	min-width: 960px;
	width: expression(document.body.clientWidth < 962? "960px" : "100%");
	line-height: 1.0;
	background: url(../img/cmn/bg_yuge.gif) repeat-x left top fixed;
	}
#wrap{
	width: 900px;
	margin: 0 auto;
	}
p#tagline{
	color: #666;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5;
	padding-top: 10px;
	margin-bottom: 10px;
	}
p#tagline strong{
	font-weight: normal;
	}


/******************************************************************************
contents
******************************************************************************/
#contents{
	position: relative;
	float: left;
	width: 720px;
	margin-bottom: 20px;
	padding-top: 8px;
	background: url(/cmn/img/contents/bg_top.gif) no-repeat center top;
	}
#contents2{
	zoom: 1;
	position: relative;
	background: url(/cmn/img/cmn/bg_repeat.gif) repeat-y left top;
	}
#contents3{
	zoom: 1;
	position: relative;
	background: url(/cmn/img/contents/bg_topicpath.gif) no-repeat center bottom;
	}
#contents p.area{
	position: absolute;
	right: -15px;
	top: 35px;
	z-index:100;
	}
/*------------------------------*/
/*main*/
/*------------------------------*/
#main{
	padding: 27px 35px 20px 35px;
	margin-bottom: 30px;
	}
/* bl-hover */
.bl-hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	}
.bl-hover a{
	text-decoration: none;
	}
/*------------------------------*/
/*btn-sns*/
/*------------------------------*/
#contents .sns-s .btn-sns{
	height: 20px;
	overflow: hidden;
	}
#contents .btn-sns li{
	float: right;
	margin-left: 6px;
	}


/******************************************************************************
topicpath
******************************************************************************/
#topicpath{
	width: 600px;
	overflow: hidden;
	}
#topicpath ol{
	white-space: nowrap;
	padding: 0 0 20px 35px;
	}
#topicpath ol li{
	padding-right: 5px;
	display: inline;
	font-size: 1.2em;
	}
#topicpath ol li a{
	padding-right: 10px;
	background: url(../img/cmn/arrow_topicpath.gif) no-repeat right center;
	}
#pagetop {
	position: relative;
	}
#pagetop img {
	position: absolute;
	top: -90px;
	left: 580px;
	}

/******************************************************************************
area-side
******************************************************************************/
#area-side{
	float: right;
	width: 160px;
	}
/*------------------------------*/
/*block-cse*/
/*------------------------------*/
#block-cse{
	margin-bottom: 15px;
	padding-top: 5px;
	background: url(../img/global/bg_gl_top.gif) no-repeat left top;
	}
#block-cse .inner{
	padding-bottom: 3px;
	background: url(../img/global/bg_gl_btm.gif) no-repeat left bottom;
	}
#block-cse .inner2{
	position: relative;
	padding: 10px;
	background: url(../img/global/bg_gl_mdl.gif) repeat-y left top;
	}
#area-side .cse .gsc-control-cse,
#area-side .gsc-control-cse{
	padding: 0!important;
	background: transparent!important;
	border: none!important;
	margin-bottom: 8px;
	}
#area-side .cse .gsc-search-button input.gsc-search-button-v2,
#area-side input.gsc-search-button-v2{
	padding: 6px 8px!important;
	}
#area-side .gsc-input{
	padding-right: 8px!important;
	}

/******************************************************************************
global
******************************************************************************/
#global{
	padding-top: 35px;
	background: url(../img/global/bg_gl_top.gif) no-repeat left top;
	margin-bottom: 15px;
	}
#global2{
	padding-bottom: 15px;
	background: url(../img/global/bg_gl_btm.gif) no-repeat left bottom;
	}
#global3{
	position: relative;
	background: url(../img/global/bg_gl_mdl.gif) repeat-y left top;
	}
#global address{
	padding-top: 11px;
	text-align: center;
	background: url(../img/global/line_black.gif) no-repeat center top;
	}
/*------------------------------*/
/*block-menu*/
/*------------------------------*/
#block-menu{
	margin: 0 auto;
	width: 130px;
	}
#block-menu a{
	color: #333;
	}
#block-menu p{
	}
#block-menu ul{
	padding-bottom: 5px;
	background: url(../img/global/line_dot.gif) no-repeat center bottom;
	}
#block-menu ul li{
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 4px;
	padding-left: 8px;
	background: url(../img/cmn/arrow_small.gif) no-repeat 0 6px;
	}
/* catch */
#global3 p.catch01{
	z-index: 2;
	position: absolute;
	top: -50px;
	left: -14px;
	}
#global3 p.catch02{
	z-index: 2;
	position: absolute;
	top: 20px;
	right: -30px;
	}
/*------------------------------*/
/*block-feature*/
/*------------------------------*/
#global .block-feature{
	position:relative;
	height: 105px;
	padding-top: 15px;
	margin-bottom: 10px;
	background: url(/cmn/img/global/line_dot.gif) no-repeat left bottom;
	}
#global .block-feature p{
	margin-bottom: 8px;
	}
/*slidercontent*/
#global .block-feature .sliderContent{
	width: 130px;
	height: 60px;
	position:relative;
	overflow:hidden;
	}
/*item*/
#global .sliderContent .item {
	position:absolute;
	background: #fff;
	}
/*sliderBullets*/
#global .bx-pager{
	position:absolute;
	z-index:50;
	top: 102px!important;
	right: 0;
	text-align: right;
	}
#global .bx-pager-item{
	display:inline-block;
	margin-left:5px;
	width:10px;
	height:11px;
	}
#global .bx-pager-item a {
	display:block;
	text-indent:9999px;
	background:url(/img/index/bullets.png) no-repeat 0 0;
	}
#global .bx-pager-item .active {
	background-position:0 -11px;
	}
/*bx-controls-direction*/
#global .bx-controls-direction{
	display: none;
	}

/******************************************************************************
footer
******************************************************************************/
#footer{
	margin-bottom: 35px;
	}
#footer .f-left{
	width: 140px;
	height: 120px;
	}
#footer .f-right{
	width: 720px;
	height: 120px;
	padding: 0 20px;
	background: url(../img/footer/bg_footer.gif) no-repeat left top;
	}
/*------------------------------*/
/*links01*/
/*------------------------------*/
#footer .links01{
	padding: 10px 0 14px;
	background: url(../img/contents/line_dot.gif) repeat-x left bottom;
	}
#footer .links01 li{
	display: inline;
	float: left;
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	padding-right: 32px;
	margin-right: 15px;
	}
#footer .links01 li a{
	padding: 0 0 2px 16px;
	background: url(../img/cmn/arrow_large.gif) no-repeat 0 1px;
	}
#footer .links01 li p.t-right{
	padding-top: 6px;
	margin-bottom: 5px;
	}
#footer .links01 li.top{
	padding: 26px 0 0 0;
	}
#footer .links01 li.art{
	background: url(../img/footer/p_art.gif) no-repeat right bottom;
	}
#footer .links01 li.music{
	background: url(../img/footer/p_music.gif) no-repeat right bottom;
	}
#footer .links01 li.stay{
	background: url(../img/footer/p_stay.gif) no-repeat right bottom;
	}
/*------------------------------*/
/*links02*/
/*------------------------------*/
#footer .links02{
	padding-top: 16px;
	}
#footer .links02 li{
	float: left;
	font-size: 1.2em;
	line-height: 1.5;
	}
#footer .links02 li a{
	padding-left: 8px;
	background: url(../img/cmn/arrow_small.gif) no-repeat 0 3px;
	}
#footer .links02 li span{
	padding: 0 15px;
	}
/*------------------------------*/
/*txt-alert*/
/*------------------------------*/
#txt-alert{
	font-size: 1.2em;
	margin-bottom: 15px;
	}

/******************************************************************************
window-search
******************************************************************************/
.bt-search{
	margin-bottom: 15px;
}
.bt-search a{
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 45px;
	background: #29b1cc;
	border: solid 1px #000;
	text-decoration: none;
	margin: 0 auto;
	color: #fff;
}
.bt-search a:hover{
	color: #333;
}
.bt-search a i{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -15px;
	font-size: 30px;
	font-family: "Font Awesome 5 Free";
}
.bt-search a i span{
	display: block;
	font-size: 12px;
	padding-top: 6px;
	margin-left: -15px;
}
/*fancybox*/
.fancybox-overlay {
  background-image: none;
  background-color: rgba(0,0,0,0.8);
}
.fancybox-skin {
  position: relative;
  background: inherit;
  color: #444;
  text-shadow: none;
  border-radius: 0;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}