@charset "Shift_JIS";

/* ----------------------------------------

	共通スタイルリセット

---------------------------------------- */
body, p {
	font-family: "Roboto", "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#header {
	padding-bottom:0;
	margin-bottom:0;
}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden; 
}   
.clearfix { display: inline-table; }  
/* Hides from IE-mac ＼*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  



/* ----- SNSボタン ----- */
div.snsBox {
	overflow: hidden;
	padding: 10px 0;
}

td#tweetCell{
  padding-right: 30px;
}

div.snsBox table { border-collapse: collapse; float: right;}
div.snsBox table td { vertical-align: middle; }
div.snsBox table td#tweetCell { }
div.snsBox table td#likeCell { }


/* ----- 共通スタイル（余白） ----- */
.mt0 { margin-top: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }

.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }

.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }


/* ----- 共通スタイル ----- */

.size_s {
	font-size: 80%;
}

.size_n {
	font-size: 100%;
}

.size_b {
	font-size: 120%;
}

.size_l {
	font-size: 140%;
}

.txtL{
	text-align:left!important;
}

.txtC{
	text-align:center!important;
}

.txtR{
	text-align:right!important;
}

.verTop{
	vertical-align:top;
}

/* ----------------------------------------

	OPA

---------------------------------------- */
#contents {
	font-size: 20px;
	text-align: center;
	padding-bottom: 55px
}
#contents a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity= 60 )";
}
.inner {
	width: 1090px;
	margin: 0 auto;
}
.list {
	font-size: 0;
}
.list li {
	display: inline-block;
	font-size: 20px;
}
.list li:first-child {
	margin-left: 0 !important;
}

h2#title {
	margin: 30px auto 46px;
}
#nav {
	background-color: #eae2cf;
}
#nav li a {
	display: block;
	height: 60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	color: transparent;
}
#nav #nav1 a {
	width: 390px;
	background: url(../img/nav1.gif) no-repeat 0 0;
}
#nav #nav2 a {
	width: 332px;
	background: url(../img/nav2.gif) no-repeat 0 0;
}
#nav #nav3 a {
	width: 366px;
	background: url(../img/nav3.gif) no-repeat 0 0;
}
#nav li a:hover {
	background-position: 0 -60px !important;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity= 100 )";
}

#sec1 {
	padding: 70px 0 50px;
}
#sec1_01 {
	position: relative;
}
#prof_cnt {
	position: absolute;
	font-size: 14px;
	line-height: 22px;
	bottom: -5px;
	right: 26px;
	width: 350px;
	text-align: left;
}
#prof_cnt h3 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 5px;
}

#bg {
	background: url(../img/bg.gif) repeat 0 0;
	padding: 90px 0 60px;
	min-width: 1090px;
}
#sec2 h2 {
	margin-bottom: 20px;
}
#sec2 li {
	margin-left: 21px;
}
#sec3 {
	padding-top: 55px;
}
#sec3 h2 {
	margin-bottom: 20px;
}
#sec3 ul {
	margin-top: 48px;
}
#sec3 li {
	margin-bottom: 20px;
}
#sec3 li.even {
	margin-left: 21px;
}

#map_cnt {
	position: relative;
	background-color: #baa15c;
	padding: 36px;
	overflow: hidden;
}
#map_cnt #map {
	float: left;
}
#map_right {
	position: relative;
	float: right;
	width: 490px;
	text-align: left;
}
#btn_opa {
	display: block;
	margin-top: 30px;
}
#btn_map {
	position: absolute;
	top: 0;
	right: 0;
}
#sec4 {
	padding-bottom: 55px;
}
#sec4 h2 {
	margin-top: 54px;
}
#sec4_lead {
	margin: 40px 0 20px;
}
#sec4_copy {
	font-size: 18px;
}
#sec4_cnt {
	margin-top: 36px;
	overflow: hidden;
}
#sec4_img {
	float: left;
}

#pagetop {
	position: fixed;
	bottom: 45px;
	left: 50%;
	margin-left: -60px;
}