@charset "utf-8";
/*last update 2012/09/11*/

/*
======================================================================
汎用プロパティ
----------------------------------------------------------------------
■body
■display
■float
■clear
■margin
■padding
■text-align
■画像の配置
■画像の枠
■ロールオーバー（透過）
■lightboxのtitle
■指定解除
■clearfix
======================================================================
*/

/* -----------------------------------------------
■display
----------------------------------------------- */
body {
	line-height: 180%;
}

/* -----------------------------------------------
■display
----------------------------------------------- */
.dpb { display: block;}
.dpi { display: inline;}
.dpn { display: none;}

/* -----------------------------------------------
■float
----------------------------------------------- */
.fl { float: left;}
.fr { float: right;}

/* -----------------------------------------------
■clear
----------------------------------------------- */
.cll { clear: left;}
.clr { clear: right;}
.clb { clear: both;}

/* -----------------------------------------------
■margin
----------------------------------------------- */
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt35 { margin-top: 35px;}
.mt40 { margin-top: 40px;}
.mt45 { margin-top: 45px;}
.mt50 { margin-top: 50px;}
.mt65 { margin-top: 65px;}

.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}
.mr45 { margin-right: 45px;}
.mr50 { margin-right: 50px;}

.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb35 { margin-bottom: 35px;}
.mb40 { margin-bottom: 40px;}
.mb45 { margin-bottom: 45px;}
.mb50 { margin-bottom: 50px;}

.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;}

/* -----------------------------------------------
■padding
----------------------------------------------- */
.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}

.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}

.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}

.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl35 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;}

/* -----------------------------------------------
■text-align
----------------------------------------------- */
.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}

/* -----------------------------------------------
■画像の配置
----------------------------------------------- */
.imgLeft{
	float: left;
	margin-right: 10px;
}
.imgRight{
	float: right;
	margin-left: 10px;
}

/* -----------------------------------------------
■画像の枠
----------------------------------------------- */
.imgFrame {
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

/* -----------------------------------------------
■ロールオーバー（透過）
----------------------------------------------- */
a.rollover80:hover,a.rollover80:hover img,.contentLayoutArea a:hover img.rollover80,#inquiryForm a img:hover,#access a img:hover,.banner a img:hover,.pagetop a img:hover,.inquiry_banner a img:hover,a img.rollover80:hover,#mainImage a img:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
a.rollover60:hover,a.rollover60:hover img,.contentLayoutArea a:hover img.rollover60 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
a.rollover00:hover,a.rollover00:hover img,.contentLayoutArea a:hover img.rollover00 {
	opacity: 0.0;
	filter: alpha(opacity=00);
	-ms-filter: "alpha( opacity=00 )";
}

/* -----------------------------------------------
■lightboxのtitle
----------------------------------------------- */
#imageData #imageDetails #caption{
	font-weight:normal !important;
}

/* -----------------------------------------------
■指定解除
----------------------------------------------- */
.tx0 {
	font-size: 0px;
	line-height: 0px;
}
.mr0 {
	margin-right: 0px !important;
}
.height0 {
	height: 0;
}

/* -----------------------------------------------
■centering
----------------------------------------------- */
.centering {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* -----------------------------------------------
■clearfix
----------------------------------------------- */
.clearfix:after {
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
}
.clearfix {
	zoom: 1;
	clear: both;
}


/*
======================================================================
コンテンツテンプレート
----------------------------------------------------------------------
■h4見出し
■h5見出し
■ブロック
■リスト
■table
■営業時間
======================================================================
*/

/* -----------------------------------------------
■h4見出し
----------------------------------------------- */
.top_img h4.entryTitle01 {
	background-image: url(/images_mt/title00.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 620px;
	height:30px;
	margin-bottom: 15px;
	padding-top:12px;
	padding-left:20px;
	font-weight: normal;
	line-height: 120%;
	font-size:140%;
}
h4.entryTitle01 {
	background-image: url(/images_mt/title01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 620px;
	height:30px;
	margin-bottom: 15px;
	padding-left:5px;
	font-weight: bold;
	line-height: 120%;
	font-size:130%;
}

/* -----------------------------------------------
■h5見出し
----------------------------------------------- */
h5.entrySubTitle01 {
	margin-bottom: 10px;
	padding-left: 14px;
	background: url(/images_mt/entry_subtitle01.png) no-repeat;
	font-size: 110%;
	line-height: 30px;
}

/* -----------------------------------------------
■ブロック
----------------------------------------------- */
.block00 {
	display: block;
	margin-bottom: 50px;
}
.w640 {
	width: 640px;
}
.block02 {
	overflow :hidden;
	width: 305px;
}
.block03 {
	overflow :hidden;
	width: 200px;
}

/* -----------------------------------------------
■リスト
----------------------------------------------- */
ul.ul01 {
	list-style: none;
}
ul.ul01 li {
	padding: 0 0 5px 15px;
	background: url(/images_mt/list_icon01.png) 0 6px no-repeat;
}

ul.ul02 {
	list-style: none;
}
ul.ul02 li {
	padding: 0 0 5px 15px;
	background: url(/images_mt/list_icon02.png) 0 6px no-repeat;
}

ul.ul03 {
	list-style: none;
}
ul.ul03 li {
	padding: 0 0 5px 15px;
	background: url(/images_mt/list_icon03.png) 0 6px no-repeat;
}
ul.ul03 li a {
	color: #666666;
}

ul.column02 li{
	float: left;
	width: 300px;
}

ul.check01 {
	list-style: none;
}
ul.check01 li {
	padding: 0 0 5px 0;
}
ul.check01 li input {
	margin: 0 5px 0 0;
}

ul.style0 {
	list-style: none;
}

/* -----------------------------------------------
■table
----------------------------------------------- */
table.table01 th,table.table02 th,table.table03 th {
	padding: 3px;
	font-weight: normal;
	text-align: left;
}

table.table01 {
	background: #FFFFFF;
}
table.table01 thead th {
	background: #B6B09E;
}
table.table01 th {
	background: #D2CFC4;
}
table.table01 td {
	background: #EAE9E3;
}

table.table02 {
}
table.table02 th {
	width: 25%;
	border-bottom: solid 1px #487CDD;
}
table.table02 td {
	border-bottom: solid 1px #CCCCCC;
}

/* -----------------------------------------------
■営業時間
----------------------------------------------- */
table.hours th,table.hours td {
	text-align:center;
}

/* -----------------------------------------------
■問い合わせバナー
----------------------------------------------- */
.inquiry_banner {
	margin: 60px 0 0 20px;;
	width: 640px;
}




/*
======================================================================
content_g
======================================================================
*/
/* -----------------------------------------------
■A
----------------------------------------------- */



/* -----------------------------------------------
■B
----------------------------------------------- */
div.img01 {
	width: 620px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0
}
div.img01 img {
	width: 98%;
}

div.img02 {
	float: left;
	width: 300px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.img02 img {
	width: 98%;
}

.img03 {
	float: left;
	width: 201px;
	height:57px;
	margin-left:10px;
	margin-bottom:11px;
}

div.img04 {
	float: left;
	width: 140px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.img04 img {
	width: 98%;
}

div.img05 {
	float: left;
	width: 108px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.img05 img {
	width: 98%;
}



/* -----------------------------------------------
■C D
----------------------------------------------- */
div.gallery01 {
	float: left;
	height: 535px;
	width: 620px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.gallery01 .galleryImg {
	margin-bottom: 5px;
	width: 98%;
}


div.gallery02 {
	float: left;
	height: 320px;
	width: 300px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.gallery02 .galleryImg {
	margin-bottom: 5px;
	width: 98%;
}

div.gallery03 {
	float: left;
	width: 201px;
	margin-left:10px;
	margin-bottom:11px;
}
div.gallery03 .galleryImg {
}

div.gallery04 {
	float: left;
	height: 215px;
	width: 140px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.gallery04 .galleryImg {
	margin-bottom: 5px;
	width: 98%;
}



/* -----------------------------------------------
■E
----------------------------------------------- */
div.link01 {
	float: left;
	width: 300px;
	padding: 0 0 0 10px;
	margin: 0 10px 30px 0;
}
div.link01 .linkImg {
	width: 120px;
}

div.link02 {
	float: left;
	width: 300px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.link02 .linkImg {
	margin-bottom: 5px;
	width: 98%;
}

div.link03 {
	float: left;
	width: 193px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.link03 .linkImg {
	margin-bottom: 5px;
	width: 98%;
}

div.link04 {
	float: left;
	width: 140px;
	padding: 0 0 0 10px;
	margin: 0 10px 14px 0;
}
div.link04 .linkImg {
	margin-bottom: 5px;
	width: 98%;
}



/* -----------------------------------------------
■F
----------------------------------------------- */
li.bn01 {
	float: left;
	width: 620px;
	height: 100px;
	padding: 0 0 0 10px;
	margin: 0 10px 20px 0;
}
li.bn01 a {
	display: block;
	width: 600px;
	height: 55px;
	margin-right: 10px;
	padding: 45px 10px 0 10px;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	overflow: hidden;
}
li.bn01 .bg01 { background: url(/images/bn_sample01.jpg) no-repeat;}

li.bn02 {
	float: left;
	width: 300px;
	height: 100px;
	padding: 0 0 0 10px;
	margin: 0 10px 20px 0;
}
li.bn02 a {
	display: block;
	width: 280px;
	height: 55px;
	margin-right: 10px;
	padding: 45px 10px 0 10px;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	overflow: hidden;
}
li.bn02 .bg01 { background: url(/images/bn_sample02.jpg) no-repeat;}
li.bn02 .bg02 { background: url(/images/bn_sample02.jpg) no-repeat;}

li.bn03 {
	float: left;
	width: 193px;
	height: 100px;
	padding: 0 0 0 10px;
	margin: 0 10px 20px 0;
}
li.bn03 a {
	display: block;
	width: 173px;
	height: 55px;
	margin-right: 10px;
	padding: 45px 10px 0 10px;
	color: #666666;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	overflow: hidden;
}
li.bn03 .bg01 { background: url(/images/bn_sample03.jpg) no-repeat;}
li.bn03 .bg02 { background: url(/images/bn_sample03.jpg) no-repeat;}
li.bn03 .bg03 { background: url(/images/bn_sample03.jpg) no-repeat;}



/* -----------------------------------------------
■G
----------------------------------------------- */
div.box01 {
	width: 620px;
	height: 120px;
	padding: 10px 10px 0;
	margin-bottom: 15px;
	background: url(/images/boxbg_sample01.jpg) repeat-x;
	border: solid 1px #cccccc;
	position: relative;
}
div.box01 .boxBn01 {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div.box02 {
	float: left;
	width: 290px;
	height: 120px;
	margin: 0 15px 15px 0;
	padding: 10px 10px 0;
	background: url(/images/boxbg_sample02.jpg) repeat-x;
	border: solid 1px #cccccc;
	position: relative;
}
div.box02 .boxBn01 {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div.box03 {
	float: left;
	width: 181px;
	height: 120px;
	margin: 0 15px 15px 0;
	padding: 10px 10px 0;
	background: url(/images/boxbg_sample03.jpg) repeat-x;
	border: solid 1px #cccccc;
	position: relative;
}
div.box03 .boxBn01 {
	position: absolute;
	right: 10px;
	bottom: 10px;
}

div.boxExpand01 {
	width: 640px;
	margin-bottom: 15px;
	background: url(/images/boxbg_sample01_middle.jpg) repeat-y;
}
div.boxExpand01 .boxExpandInner {
	padding: 10px 10px 5px;
	background: url(/images/boxbg_sample01_top.jpg) no-repeat;
}
div.boxExpand01 span.boxExpandBottom {
	display: block;
	width: 640px;
	height: 5px;
	background: url(/images/boxbg_sample01_bottom.jpg) no-repeat;
	line-height: 0;
}

div.boxExpand02 {
	width: 640px;
	margin-bottom: 15px;
	background: url(/images/boxbg_sample02_middle.jpg) repeat-y;
}
div.boxExpand02 .boxExpandInner {
	background: url(/images/boxbg_sample02_top.jpg) no-repeat;	
}
div.boxExpand02 .boxInner {
	float: left;
	width: 290px;
	margin: 0 15px 0 0;
	padding: 10px 10px 10px;
}
div.boxExpand02 span.boxExpandBottom {
	display: block;
	clear: left;
	width: 640px;
	height: 5px;
	background: url(/images/boxbg_sample02_bottom.jpg) no-repeat;
	line-height: 0;
}



/* -----------------------------------------------
■H
----------------------------------------------- */



/* -----------------------------------------------
■I
----------------------------------------------- */



/* -----------------------------------------------
■J
----------------------------------------------- */
div.ba02 {
	margin: 0 0 30px 0;
}
div.ba02 .baInner {
	float: left;
	width: 250px;
	padding-left: 25px;
	margin-right: 25px;
}
div.ba02 .baInner .baImg {
	width: 98%;
	margin-bottom: 5px;
}
div.ba02 .arrow {
	float: left;
	width: 30px;
	padding-top: 110px;
	text-align: center;
}

div.ba03 {
	margin: 0 0 30px 0;
}
div.ba03 .baInner {
	float: left;
	width: 163px;
	padding-left: 15px;
	margin-right: 15px;
}
div.ba03 .baInner .baImg {
	width: 98%;
	margin-bottom: 5px;
}
div.ba03 .arrow {
	float: left;
	width: 30px;
	padding-top: 100px;
	text-align: center;
}



/* -----------------------------------------------
■J
----------------------------------------------- */
.qa {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: dotted 1px #cccccc;
}
.qa .question {
	margin-bottom: 10px;
	border-left: solid 3px #487CDD;
	background: url(/images_mt/qa_question.png) 7px 2px no-repeat;
}
.qa .answer {
	border-left: solid 3px #666666;
	background: url(/images_mt/qa_answer.png) 7px 2px no-repeat;
}
.qa .question p,.qa .answer p {
	padding: 8px 0 6px 45px;
}
.qa .pagetop {
	display: block;
	float: right;
	margin: 5px 0 0 0;
}



/* -----------------------------------------------
■MAIN
----------------------------------------------- */
.mainimgNavi {
	height: 100%;
	position: relative;
}
.mainimgNavi ul {
	list-style: none;
}
.mainimgNavi li {
	width: 200px;
	height: 50px;
	position: absolute;
}
.mainimgNavi a img {
	width: 100%;
	height: 100%;
}
.mainimgNavi .mainingBn01 {
	top: 20px;
	right: 20px;
}
.mainimgNavi .mainingBn02 {
	top: 85px;
	right: 20px;
}
.mainimgNavi .mainingBn03 {
	top: 150px;
	right: 20px;
}
.mainimgNavi .mainingBn04 {
	top: 215px;
	right: 20px;
}



/* -----------------------------------------------
■FOOTER
----------------------------------------------- */
.footerBlock .footerLeft {
	float: left;
	width: 400px;
	padding-left: 40px;
	margin-right: 30px;
}
.footerBlock .footerRight {
	float: left;
	width: 400px;
}



/* -----------------------------------------------
■SIDE
----------------------------------------------- */
.sideFreeNavi01 {
 width: 220px;
 margin: 0 0 5px 0;
 background: url(/images_mt/freemenu_basebg_top.jpg) no-repeat;
}
.sideFreeNavi01 ul li.parent {
 float: left;
 list-style: none;
 width: 220px;
 height: 30px;
 background: url(/images_mt/freemenu_title_bg01.png) no-repeat;
 color: #FFFFFF;
}
.sideFreeNavi01 ul li.parent span {
 display: block;
 padding: 6px 0 0 14px;
}
.sideFreeNavi01 ul li.sub {
 float: left;
 list-style: none;
}
.sideFreeNavi01 ul li.sub a {
 display: block;
 width: 220px;
 height: 28px;
 background: url(/images_mt/freemenu_bg01.png) no-repeat;
 text-decoration: none;
}
.sideFreeNavi01 ul li.sub a:hover {
 background: url(/images_mt/freemenu_bg01ov.png) no-repeat;
}
.sideFreeNavi01 ul li.sub a span {
 display: block;
 padding: 5px 0 0 25px;
 color: #666666;
}
.sideFreeNavi01 span.sideFreeNaviBottom {
 display: block;
 height: 5px;
 padding-top: 6px;
 background: url(/images_mt/freemenu_basebg_bottom.jpg) bottom no-repeat;
 line-height: 0;
}


/*
======================================================================
以下追記エリア
======================================================================
*/

