@charset "utf-8";
/* CSS Document */
/* 全ページ共通のデザインの設定
---------------------------------*/
body{
	
	font-size:13.5px;
	color:#222;
	line-height:1.5;
	margin:0;
	padding:0;
	color:#333333;
	padding-top:px;
}
img{
	border:0;
	vertical-align: top;
	vertical-align: bottom;
}
h2{
	padding:0;
	margin:0;
}
h3{
	padding:0;
	margin:0;
	font-size:110%;
}
h4{
	padding:0;
	margin:30px 0 10px 0;
}
p{
	padding: 0;
	margin: 0;
	font-size: 100%;
	margin-left:px;
	letter-spacing:0.4px;
	line-height:22px;
	color:#333333;
	

}
table{
	border-collapse: collapse;
	color: #000;
		letter-spacing:0.4px;
	line-height:22px;


}
ul,li{
	padding:0;
	margin:0;
}
.kidoup a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.to_top{
	width:100%;
	text-align:right;
	font-size:12px;
	margin-top:40px;
}
.to_top a{
	color:#666;
}
.to_top a:hover{
	color:#aaa;
}
.clearfix:after{content:'.'; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}

.mb2{
	margin-bottom:2px;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb_15{
	margin-top:-15px;
}

.mb20{
	margin-bottom:20px;
	
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
	font-size:1.1em;
}
.mt20{
	margin-top:20px;
}
.f_right{
	float:right;
}
.t_center{
	text-align:center;
}
.main_tel{
	position:relative;
	display:block;
	}
.main_tel span{
	position:absolute;
	color:#000;
	font-size:45px;
	font-weight:bold;
	top:80px;
	left:66px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	}

.sitasen{
	  border-bottom-width: 1px;
  border-bottom-style: ridge;
  border-bottom-color: #bbbbbb;
  width: 710px;
  margin-top: 2px;
  margin-bottom: 5px;
}
ul li{
	text-decoration:none;s
	list-style:none;
}

.16pp{
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	color:#454545;
}

.akab{
	color:#F00;
	font-weight:bold;
}

.goldb{
	color:#9e873f;
	font-weight:bold;
}




/* ヘッダー部分
---------------------------------*/
#header{
	width:980px;
	height:116px;
	margin:0 auto 0px auto;
	position:relative;
/*border:1px solid #FC0;*/
}
h1{
	margin:0;
	font-size:80%;
	font-weight:normal;
	padding-top:px;
	margin-top:7px;
	margin-bottom:0px;
	color:#4f4f4f;

	line-height:15px;
}
.header_tel{
	position:absolute;
	    right: 0px;
    top: 21px;
}
.header_tel_icon{
	color:#3F3F3F;
	background:url(../img/common/tel_icon.png) no-repeat 2px 10px;
	text-decoration:none;
	font-size:22px;
	position:absolute;
	    right: 0px;
    top: 15px;
	width:216px;
	padding:0 0 0 33px;
	box-sizing:border-box;
}
.header_mail{
	position:absolute;
	right:0px;
	bottom:24px;
}
.header_medal{
	position:absolute;
	    right: 226px;
    top: 23px;
}

.header_rogo{
	position:absolute;
	left:0px;
	bottom:19px;
}


/* メインイメージ
---------------------------------*/
#mainv{

	margin:0 auto;
width:980px;
	
     height: 420px;
     clear: both;
	 zoom: 100%;
	 text-align:center;
	 position:relative;
	 padding-bottom: 15px;
	 padding-top:20px;
	
}



.mainv1{

	margin:0 auto;

	
     height: 130px;
     clear: both;
	 zoom: 100%;
	 text-align:center;
	 position:relative;
	 padding-bottom: 15px;
	 padding-top:20px;
	 background-color: ;

}


/* グローバルメニュー
--------------------------------------------------*/
#gmenu{

	height:60px;

}
#gmenu ul{
	width:980px;
	margin:0 auto;
}
#gmenu li{
	list-style-type: none;
	display: table-cell;/*リストの横並び時の<li>の隙間対策 (IE6 7未対応)*/
	*display: inline;/*for IE6 7*/
	*zoom: 1;/*for IE6 7*/
	padding:0;
	margin:0;
}

.uesen{
	background: url(../img/common/uesen.jpg) repeat-x;
	height:10px;
}


/* パンくず
---------------------------------*/
#pankuzu{
	width:980px;
	margin:0 auto;
	height:30px;
	line-height:30px;
	padding:5px 0;
	font-size:90%;
}
#pankuzu a{
	color:#333;
}


/* メインコンテンツ
---------------------------------*/
#main{
	  width: 980px;
  margin: 0px auto 0px auto;

	
/*background-color:#cFF;*/
}

#main1{
	  width: 980px;
  margin: 0px auto 0px auto;

  position: relative;
	
/*background-color:#cFF;*/
}



.mainsita{
	width:px;
	margin: 0px auto 0px auto;
/*background-color:#cFF;*/
}
.otoi_box{
	background:url(../img/common/denwa_mail.png) no-repeat;
	width:660px;
	height:173px;
	margin-top:50px;
}
.otoi_box img{
	position:relative;
	top:100px;
	left:365px;
}
/* 左カラム部分
---------------------------------*/
.left_part{
	width:226px;

	float:left;
	clear:both;
}
.left_part img{
	margin-bottom:0px;
}
.left_part img.mds{
	margin-bottom:5px;
}


.left_part1{
	width:250px;

	float:left;
	clear:both;
}
.left_part1 img{
	margin-bottom:0px;
}
.left_part img.mds{
	margin-bottom:7px;
}
.left_tel{
	position:relative;
	display:block;
}
.left_tel span{
	position: absolute;
	background: #FFF;
	font-size: 20px;
	font-weight: bold;
	top: px;
	left: px;
	color: #000;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}


/* メインカラム部分
---------------------------------*/
#main_part{
	width:707px;
	float:left;
	padding-left:46px;
/*background:#FFC;*/
}


/* フッター部分
---------------------------------*/
#footer{
	background:url(../img/common/footer_back.png) repeat-x;
	background:#f2f2f2;
	height:290px;
	color:#333333;
	margin-bottom:92px;
}
.footer_section{
	width: 980px;
	height:230px;
	margin: 0 auto;
	color:#333333;
	position: ;
/*background:#F60;*/
}
.footer_left{
	width:530px;
	float:left;
	font-size:11.4px;
	line-height:1.8em;
}


.footer_left a{
	text-decoration:none;
	color:#333333;
}
strong {
	margin-top:10px;
}
.footer_left .sita_title{
	margin-top:3px;
	margin-bottom:3px;
	font-size:21px;
	color:#A5946F;
	font-weight:bold;
}
.footer_right{
	width:860px;
	height:100px;
    float: right;
    margin-right: 10px;
	padding-top:0px;
	font-size:12px;
	color:#333333;

	
/*	background:#FFC;*/
}
.footer_right ul{
	list-style:none;
	margin-bottom:10px;
	width:80px;
	float:left;
	margin-right:0px;
/*background:#FFC;*/
}
.footer_right ul.last{
	margin-right:0;
}
.footer_right li{
	width:185px;
	display:block;
	background:url(../img/common/footer_midasi.jpg) no-repeat left center;
	padding-left:17px;
	font-size:12.5px;
	
}

.footer_right li a {

}

.footer_right li img{

	
	
}


.footer_right li.mds{
	background:none;
	padding-left:0px;
}
.footer_right a{
	color:#333333;
	text-decoration:none;
}
.footer_right a:hover{
	color:#9e873f;
}
#copy{
    color:#ffffff;
	text-align:center;
	font-size:11px;
	padding-top:13px;
	padding-bottom:px;
	
	height:25px;
	
background:url(../img/common/copy.jpg) repeat-x left center; 
	
}



/* 他フッター部分
---------------------------------*/

.foot {
	border: none;
	clear: both;
}
.footlogo {
	text-align: left;
	width: 220px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	float: left;
	color: #666;
}
.footlogo2 {
	text-align: left;
	width: 240px;
	border-left-width: 2px;
	
	border-left-color: #FFFFFF;
	float: left;
	color: #FFF;
	padding-left: 15px;
}

#footer_inner {
	width: 980px;
	text-align: left;
	overflow: hidden;
	margin: 0 auto;
}
.footmenu {
	font-size: 13px;
	color: #666;
	width: 200px;
	float: right;
}



.footmenu ul {
	margin: 0;
	padding: 0;
}

.footmenu ul li {
	list-style-position: outside;
	background-image: url(../img/ya.png);
	background-repeat:no-repeat;
	background-position: 0 5px;
	text-indent:15px;
	list-style-type: none;
}

#copy2 {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	color: ffffff;
}
.mrt {
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}
.paddingbottom {
	padding-bottom: 20px;
}

aka{
	color:#F00;
}

p#footerPagetop{
	margin:0 0 0 0px;
	float:right;
	position:absolute;
	right:50px;
	
}
div#footer p#footerPagetop img{
	display:block;
}


#footerTotop {
	position: relative;
    top: 0px;
    width: 100%;
    text-align: right;
  

}
#footerTotop a {
	display: inline-block;
	width: ;
	height: ;
	background: url(../img/common/btn_totop.png);
	text-decoration: none;
}
.goldsen{

	 border-bottom: 2px solid gold;
	border-bottom-color:#9e873f;
	border-image-repeat: repeat-x;
}


.right {
  text-align: right;
}


.sitasendot {
  border-bottom-width: 1px;
  border-bottom-style:dashed;
  border-bottom-color: #777777;
  width: 710px;
  margin-top: 2px;
  margin-bottom: px;
}

.bold {
  font-weight: bold;
  padding-bottom:3px;
}
.sekounaiyou_sen {
  border-bottom: dashed 1px #777777;
  width: 710px;
  margin-bottom: px;
  margin-top: 10px;
}

.clear{
	clear:both;
}
.ttl {
    margin-bottom: 3px;
    padding-top: 0px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #999;
}

.kin {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
}


h5 {
    background: #9e873f;
    padding: 8px 0 8px 20px;
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
}

.irocenter{
	 color: #9e873f;
    font-size: 32px;
    font-weight: bold;
	text-align:center;
}

.iroleft{
	 color: #9e873f;
    font-size: 32px;
    font-weight: bold;
	text-align:left;
}
	.sekounaiyou_gsen {
    border-bottom: solid 1px #9e873f;
    width: 707px;
    margin-bottom: px;
    margin-top: 10px;
}

.boxcenter {
    border-right: 1px solid #CCCCCC;
	height:95px;
   
}

.sekounaiyou_ccc {
    border-bottom: solid 1px #CCCCCC;
    width: 707px;
    margin-bottom: 15px;
    margin-top: 0px;
}


.qasen{
  margin-bottom: 18px;
  padding: 9px 0 10px 0;
  border-bottom: dotted 1px #9e873f;
  width:100%;
    border-bottom-width: 1px;
  border-bottom-style: dotted ;
  border-bottom-color: #9e873f;

}

.qqq{
	margin-bottom: 10px;
  padding: 2px 0 4px 40px;
  font-weight: bold;
  background: url(../img/qa/q.jpg) no-repeat 0 0;
  color:#494949;
} 

.aaa{ padding: 2px 0px 4px 40px;
  background: url(../img/qa/a.jpg) no-repeat 0 0;
  font-size:96%;
}


#container {
	width: 100%;
	text-align: center;
}

/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	/* width: 100%;*/
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewer .btnPrev {
	left: 10px;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.viewer .btnNext {
	right: 10px;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}


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

.viewer ul {
	display: inline-block;
	overflow: hidden;
}


/* ------------------------------------------------
	いちよmediaQueriesの指定を入れておきますが
	スライドショー動作には関連しておりません。
------------------------------------------------ */

/* ===========================================
	デスクトップ系 769 - 1024
=========================================== */
@media screen and (max-width: 1024px) {
	.viewer {
	}
}
/* ===========================================
	タブレット系 749 - 768
=========================================== */
@media screen and (max-width: 768px) {
	.viewer {
	}
}
/* ===========================================
	スマートフォン系 748 - 
=========================================== */
@media screen and (max-width: 748px) {
	.viewer {
	}
}