@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

body {
	font-size:12px;
	line-height:1.6;
	background:url(image/back.jpg) no-repeat center bottom;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-y: scroll;
}

ol, ul {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th, td {
	font-weight:normal;
	text-align:left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
    content:none;
}

blockquote, q {
    quotes:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:bottom;
}

a img {
	border: 0;
}

a:hover img,
a:active img{
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

hr{
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #333333;
    margin:1em 0;
    padding:0;
}

input, select{
    vertical-align:middle;
}

/* 注意 */

.red{
	color:#FF0000;
}

/* text right */

.txt_r{
	padding-top:10px;
	text-align:right;
	clear:both;
}

/* pagetop */

.back_to_page{
	margin:0 40px 0 0;
	clear:both;
}

.back_to_page a{
	padding:3px 25px;
	background:#69012a;
	display:inline-block;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}

/* alignleft */

.alignleft{
	float:left;
}

/* alignright */

.alignright{
	float:right;
}

/* ===== ヘッダー ===== */

#header{
	width:960px;
	margin:0 auto;
	padding:15px 0 5px;
}

#header #logo{
	margin-bottom:10px;
}

/* グローバルメニュー */

#global_menu{
	border-top:1px solid #333333;
	overflow:hidden;
}

#global_menu ul{
	width:800px;
	height:30px;
	line-height:30px;
	margin:5px auto;
}

#global_menu ul li{
	float:left;
}

#global_menu ul li a{
	width:160px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
}

.m3d #global_menu ul li.menu5 a{
	background:#333333;
	color:#FFFFFF;
}

#global_menu ul li a:hover{
	background:#333333;
	color:#FFFFFF;
}

/* ===== 全体 ===== */

#wrapper{
	width:960px;
	margin:0 auto;
	padding:0 10px 50px;
	overflow:hidden;
}

/* ===== contents ===== */

#contents{
	width:640px;
	margin-top:20px;
	padding-left:10px;
	float:left;
}

h2.page-title{
	margin-bottom:10px;
	padding-left:10px;
	border-bottom:1px solid #333333;
	border-left:5px solid #333333;
	clear:both;
}

#contents .box{
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}

/* news & blog */
#contents .news .caption {
	text-align: center;
	padding:10px 20px;
	border:1px solid #333333;
	font-size: 13px;
}

#contents .news dl,
#contents .blog dl{
	padding:10px 20px;
	overflow:hidden;
	border:1px solid #333333;
}

#contents .news dl dt,
#contents .blog dl dt{
	width:129px;
	margin-bottom:10px;
	float:left;
	clear:both;
}

#contents .news dl dd,
#contents .blog dl dd{
	width:469px;
	margin-bottom:10px;
	float:left;
}

#contents .news .info_comment {
	text-align: center;
	padding:10px 20px;
	border:1px solid #333333;
	font-size: 13px;
}

#contents .news .info_comment .title {
	/*text-align: left;*/
}

#contents .news .info_comment .txt {
	/*text-align: left;*/
}

#contents .blog dl dd span.new{
	padding:0 10px;
	background:#D90000;
	color:#FFFFFF;
}

/* menu */

#menu{
	margin-top:-20px;
	padding-top:20px;
}

.menu .menu-box{
	width:200px;
	float:left;
}

.menu .center{
	margin:0 20px;
}

.menu .menu-box h3{
	margin-bottom:10px;
	padding-left:15px;
	font-weight:bold;
	background:url(image/arrow.jpg) no-repeat 0 5px;
	border-bottom:1px solid #333333;
}

.menu .menu-box h3 span.sub{
	margin-left:10px;
	font-size:11px;
	font-weight:normal;
}

.menu .menu-box small.cap{
	margin-top:-8px;
	margin-bottom:10px;
	text-align:right;
	display:block;
}

.menu .menu-box ul{
	margin-bottom:20px;
}

.menu .menu-box ul li{
	margin-left:15px;
	margin-bottom:5px;
	list-style-type:disc;
	position:relative;
}

.menu .menu-box ul li span.price{
	position:absolute;
	top:0;
	right:0;
	text-align:right;
}

.menu .menu-box h4{
	margin-bottom:5px;
	padding-left:10px;
	background:#333333;
	color:#FFFFFF;
	font-size:10px;
}

.menu .menu-box h5{
	padding:0 5px;
	border:1px solid #333333;
	display:inline-block;
}

/* access */

#access{
	margin-top:-20px;
	padding-top:20px;
}

/* ===== sidebar ===== */

#sidebar{
	width:260px;
	margin-top: 20px;
	float:right;
}

#sidebar .widget{
	margin-bottom:10px;
	text-align:center;
}

#sidebar .about{
	margin-bottom:30px;
}

#sidebar .about h3{
	margin-bottom:5px;
	font-weight:bold;
}

#sidebar h2{
	margin-bottom:10px;
	padding-left:10px;
	border-bottom:1px solid #333333;
	border-left:5px solid #333333;
	text-align:left;
}

#sidebar h3{
	font-size:11px;
}

#sidebar p{
	font-size:11px;
}

#sidebar p.logo{
	margin-bottom:15px;
}

/* banner */

#sidebar .banner ul li{
	margin-bottom:10px;
}

/* ===== footer ===== */

#footer{
	padding:0 0 46px;
	clear:both;
}

#footer .footer{
	width:960px;
	margin:0 auto;
	text-align:right;
}

#footer .footer p.copy{
	margin-right:40px;
}

/* ===== M3D page ===== */

#main-image{
	width:1000px;
	margin:0 auto;
}

/* gallery */

ul.gallery{
	margin-bottom:15px;
	overflow:hidden;
}

ul.gallery li{
	margin-right:20px;
	float:left;
}

ul.gallery li.last{
	margin-right:0;
}

/* faq */

.m3d #contents dl{
	clear:both;
}

.m3d #contents dl dt{
	margin-bottom:10px;
	padding-left:10px;
	background:#333333;
	color:#FFFFFF;
}

.m3d #contents dl dd{
	margin-bottom:20px;
	margin-left:15px;
	padding-left:25px;
	background:url(image/answer.png) no-repeat;
}

.m3d #contents dl dd p{
	margin-bottom:10px;
}

.m3d #contents dl dd ol li{
	margin-bottom:10px;
	margin-left:20px;
	list-style-type:decimal;
}

/* ===== slide ===== */

.container {width: 100%; height: 100%; overflow-x: hidden;}
.slide_all {width: 710px; margin: 0 auto; height: 270px; position: relative;}
.slide_wrap {width: 2130px; position: absolute; left: 50%; margin-left: -1065px;}
.slide_body {width: 100%;}
.slide {width: 710px;}
.slide img {width: 100%; vertical-align: bottom;}
/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #000; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #000; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%; display:none;}



/*Add UDW 20171221*/
.menu .menu-box h3 span.sub2{
	font-size:11px;
	font-weight:normal;
}

.fs10 {
    font-size: 10px;
}

/*トップページ追加　News*/
.newslist .newslist_top {
	display:  block;
	font-size: 14px;
}

.newslist .newslist_top li {
	margin: 5px 0 10px;
	display:  block;
	overflow: hidden;
	clear: both;
}

.newslist .newslist_top li .date {
	float: left;
	width: 9em;
	display:  block;
	clear: left;
}

.newslist .newslist_top li .title {
	display: block;
	float: left;
	width: 36em;
}

.newslist .readmore {
	text-align:  center;
	font-size: 14px;
}
/*トップページ追加　地図*/
.addresstop {
	clear: both;
	margin: 10px 0 0;
	padding: 10px 0 5px;
	overflow: hidden;
}

.addresstop .cleft {
	float: left;
	display: block;
	width: 50%;
}

.addresstop .cright {
	float: right;
	display: block;
	width: 50%;
}

.addresstop h3 {
	font-size:  16px;
	font-weight: bold;
}

.addresstop p {
	font-size:  14px;
}

.gmapstop {
	display: block;	
	clear: both;
	padding: 25px 0 0;
}

.gmapstop a {
	display: block;
	margin: 0px auto;
	padding: 10px 5px;
	font-size: 14px;
	color: #FFF;	
	background-color: rgba(0,0,0,1.0);
	width: 30%;
	text-align: center;
	border-radius: 5px 5px 5px 5px;
	text-decoration: none;
}

/*共通スタイル*/
.font_cmn {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'!important;
}
.mb10 {	margin-bottom: 10px!important;}
.mb20 {	margin-bottom: 20px!important;}
.mb30 {	margin-bottom: 30px!important;}
.mb40 {	margin-bottom: 40px!important;}
.mb50 {	margin-bottom: 50px!important;}