@charset "utf-8";

/* ============================================================
センター寄せ
============================================================ */
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#333;
	font-size:small;
	line-height:1.5;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

#wrap {
	margin:0 auto;
	text-align:left;}

#mcWrap {
  width: 980px;
	margin: 0 auto;
	zoom:1;}

#mcWrap:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}



/* ============================================================
リンク設定
============================================================ */
a:link {
	color: #4b74a2;
	text-decoration: none;}

a:visited {
	color: #4b74a2;
	text-decoration: none;}

a:hover {
	color: #4b74a2;
	text-decoration: underline;}

a:active {
	color: #4b74a2;
	text-decoration: underline;}


/* ============================================================
要素設定及び初期化
============================================================ */
h1, h2, h3, h4, h5, p, ul, ol, li, dl, blockquote, form, label {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
hr {
	display:none;}

strong {
	border-bottom:dotted 1px #036;}

img {
	border:0;
	vertical-align: top;
	line-height: 0;
	font-size: 1px;}

ul {
  list-style: none;}


/* ============================================================
table設定
============================================================ */
th {
	font-weight:normal;
	text-align:left;}


/* ============================================================
class設定
============================================================ */
.must {
	font-weight:bold;
	color:#c00;}

.bar {
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #666;}

.c {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:0;
	font-size:0;
	line-height:0;}

div { zoom:1;}
div:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}
	
.clearfix { zoom:1;}
.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}


/* フォームの長さ */
.xxsmall {
	width:25px;}

.xsmall {
	width:50px;}

.small {
	width:100px;}

.medium {
	width:200px;}

/* 寄せ */
.right {
	text-align:right;}

.center {
	text-align:center;}


/* テキスト消去 Move Out Txt */
u, .mot {
	text-indent: -9999px;
	/*\*/
	position:absolute;
	left:-2999px;
	width:990px;
	text-indent: 0;/**/}

.mot2 {
	position:absolute;
	top:-2999px;
	height:990px;}


/* ============================================================
ヘッダー
============================================================ */
#header {
  width: 980px;
  padding:13px 0 0;
	margin: 0 auto 13px;}

#header #logo {
  width: 486px;
	/*height: 28px;*/
	float: left;
	margin-right: 16px;
	font-size: x-small;
	font-weight: normal;}

#header #inner {
	height: 28px;
	zoom:1;}

#header #inner:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}
 
#header #logo p {
	float:left;
}

/*#header #sub,
#header h1 {
  float: left;
  padding: 30px 0 0;
	font-size: x-small;
	width: 476px;
	font-weight:normal;}*/
	
#header #nav {
	width: 317px;
  float: left;
	margin: 25px 0 0;
	padding: 0;
	height: 18px;
	zoom:1;}

#header #nav:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#header #nav li { float: left;}

#header #nav li#nav01 {
  width: 39px;
  margin: 0 18px 0 0;}
	
#header ul#nav li#nav02 {
  margin: 0 12px 0 0;}

#header ul#nav li#nav03 {
  margin: 0 12px 0 0;}

#header ul#nav li#nav04 {
  margin: 0;}

#header p.rsv {
  float: right;
	width: 150px;
	height: 28px;
	display: block;}

#header ul#gNavi {
	float: left;
	margin: 23px 0 0;
	clear: both;
	width: 980px;
	height: 50px;
	zoom:1;}
	
#header ul#gNavi:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#header ul#gNavi li {
  float: left;}
  
#header p.rsv {
	margin:13px 0 0;}


/* ============================================================
パンくず
============================================================ */
#bread {
  width: 960px;
	margin: 0 auto 15px;
	padding: 15px 10px 0;
	border-top: 1px solid #dcdcdc;
	font-size: x-small;
	position: relative;}

#bread .socialBtn {
	position: absolute;
	right: 0;
	top: 15px;
	zoom:1;}

#bread .socialBtn:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

.socialBtn iframe {
	border:none;
	overflow:hidden;
	width:110px !important;
	height:21px;
	margin: 1px 0 0;}
	
.socialBtn iframe.twitter-share-button {
	width:65px !important;
	padding:0 0 0 10px;}

.plan .socialBtn iframe.twitter-share-button {
	width:60px !important;}


.root#index .socialBtn iframe { margin:1px 0 0;}
.root#index .socialBtn {
	position: relative;
	margin: -65px 0 0 0;
	text-align: right;
	padding: 0 45px 0 0;
	z-index: 2;}

/* ============================================================
ローカルナビ
============================================================ */
#localNavi {
  width: 220px;
	margin: 0 30px 30px 0;
	float: left;}

#localNavi ul {
  line-height: 1;
	width: 218px;
	margin: 0;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background: #8192c5;
	font-size: 90%;}

#localNavi ul.planNavi {
  line-height: 1;
	width: 218px;
	margin: 0 0 10px;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	background: #8192c5;
	font-size: 90%;}


#localNavi ul li {
	background:url(/img/common/localnavi/lonalNavi_arrow_on.gif) 17px center no-repeat; 
	color: #ffffff;
	margin: 0;}

#localNavi ul li a {
	text-decoration: none;
	color: #0a2f8f;
	display: block;
	background: #ffffff url(/img/common/localnavi/lonalNavi_arrow.gif) 17px center no-repeat;
	margin: 0;}

#localNavi ul li a span.underline {
  width: 188px;
  background: url(/img/common/localnavi/localNavi_underline.gif) 10px bottom no-repeat; 
	padding: 10px 0 10px 30px;
	margin: 0;
	display: block;}
	

#localNavi ul li a:hover {
  background: #8192c5 url(/img/common/localnavi/lonalNavi_arrow_on.gif) 17px center no-repeat;
	color: #ffffff;
	margin: 0;
	cursor: pointer;}

#localNavi ul li .current {
  display: block;
	background: url(/img/common/localnavi/localNavi_underline.gif) 10px bottom no-repeat;
	margin: 0;
	padding: 10px 0 10px 30px;}

#localNavi ul li.bottom .current {
  background: none;}

#localNavi ul li.bottom a span.underline {
  background: none;}

#localNavi ul li.bottom a span.icon {
  background: url(/img/common/localnavi/lonalNavi_icon.gif) 161px center no-repeat !important;}

#localNavi ul li.bottom a:hover span.icon {
  background: url(/img/common/localnavi/lonalNavi_icon_on.gif) 161px center no-repeat !important;}

#localNavi h2.plan {
  width: 220px;
  margin: 10px 0 0;
	padding: 0 0 10px;}

#localNavi p.best {
  padding: 10px 0;
	background: url(/img/common/localnavi/localNavi_dod.gif) 0 0 repeat-x;}
	
#localNavi p.bestTop {
  padding: 0 0 10px;}

#localNavi dl#pamphlet {
  background: url(/img/common/localnavi/localNavi_pamphlet_bg.gif) 0 0 repeat-y;}

#localNavi dl#pamphlet dd {
  margin: 0;
	clear: both;}

#localNavi dl#pamphlet dd.boxPamphlet {
  padding: 10px 0 10px 24px;
	zoom:1;}

#localNavi dl#pamphlet dd.boxPamphlet:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#localNavi dl#pamphlet dd.boxPamphlet p { float: left;}

/*for Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#localNavi dl#pamphlet dd.boxPamphlet {
  padding: 10px 0 10px 10px;}
	}
	
#localNavi dl#pamphlet dd.boxPamphlet p.txtPamphlet {
  margin: 0 0 9px;
	float: left;}

#localNavi dl#pamphlet dd.boxPamphlet p.pamphletImage {
  margin: 0 14px 0 0;
	float: left;}

/*for Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#localNavi dl#pamphlet dd.boxPamphlet p.pamphletImage {
  margin: 0 10px 0 0;
	float: left;}
}


/* ============================================================
メインコンテンツ
============================================================ */
#mc {
  float: right;
	zoom:1;}
	
#mc:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#mc #contents {
  width: 700px;
	min-height: 572px;
	height: auto !important;
  height: 572px;
  padding: 0 0 20px 30px;
	background: url(/img/common/contents_dodline.gif) left 0 repeat-y;
	float: left;}

#mc #contents h1 {
  position: relative;
	font-size: small;
	font-weight: normal;
	margin: 0 0 20px;} /* new */

#mc #contents h1 p.titleLink {
  position: absolute;
	top: 14px;
	right: 25px;
	padding: 0 0 0 22px;
	background: url(/img/common/contents_arrow.gif) 0 center no-repeat;}


#mc #contents h2 {
  position: relative;
	font-size: small;
	font-weight: normal;
	margin: 0 0 20px;} /* old */

#mc #contents h2 p.titleLink {
  position: absolute;
	top: 14px;
	right: 25px;
	padding: 0 0 0 22px;
	background: url(/img/common/contents_arrow.gif) 0 center no-repeat;}

#mc #contents h3.tt {
  padding: 0 0 9px;
	margin: 0 0 10px;
	background: url(/img/common/h3_underline.gif) 0 bottom repeat-x;
	color: #0a2f8f;
	font-weight: bold;
	font-size: medium;}

#mc #contents h3.tt span {
  background: url(/img/common/h3_arrow.gif) 0 center no-repeat;
	display: inline;
	padding: 1px 0 0 11px;}

#mc #section {
  padding: 0 10px;}

.pageTop {
	text-align: right;
	line-height: 1;
	margin: 30px 0 4px;
	padding: 0 20px;
	font-size:x-small;
	clear: both;}
	
.pageTop a {
  padding: 0 0 0 21px;
	background: url(/img/common/arrow_up.gif) 0 center no-repeat;}

.pageTopIndex {
	text-align: right;
	font-size:x-small;
	clear: both;}
	
.pageTopIndex a {
  padding: 5px 0 5px 21px;
	background: url(/img/common/arrow_up.gif) 0 8px no-repeat;}


/* ============================================================
プランリスト
============================================================ */

#planList {
  padding: 0 20px;
	zoom:1;}

#planList:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

/*#planList h3 {
  padding: 0 0 10px;
	background: none;
	margin: 0;}

#planList .listBox {
  width: 678px;
	border: 1px solid #e9e5d9;
	background: #f3f0ea;*/
/*	min-height:100px;
  height: auto !important;
  height: 100px;*/
/*	margin: 0 0 10px;
	clear: both;}*/

/*#planList p.listImage {
  padding: 9px 10px 4px 14px;
	float: left;
	line-height: 1;}

#planList ul {
  width: 400px;
  background: url(/img/common/planlist_line.gif) left 0 repeat-y;
	padding: 9px 19px 9px 20px;
	float: left;
	min-height:110px;
  height: auto !important;
  height: 110px;
	position: relative;}

#planList ul li {
  line-height: 1.5;}
   
#planList ul li.listTitle {
  padding: 0 0 5px 0;
	font-size: 110%;
	color: #4b74a2;
	font-weight: bold;}

#planList ul li.listTxt {
  padding: 0 0 25px 0;}

#planList ul li.listBtn {
  position:absolute;
	bottom: 9px;
	left: 340px;}

#planList .pageTop {
	text-align: right;
	line-height: 1;
	margin: 10px 2px 0;
	clear: both;}
	
#planList .pageTop a {
  padding: 0 0 0 21px;
	background: url(/img/common/arrow_up.gif) 0 center no-repeat;}*/


div#contents div#planList h3 {
  padding: 0 0 10px;
	clear:both;}

div#contents div#planList .planBox {
  background: none repeat scroll 0 0 #F3F0EA;
  border: 1px solid #E9E5D9;
  clear: both;
  margin: 0 0 10px;
  width: 658px;}

div#contents div#planList .planSmallImage {
	width: 215px;
	height: 151px;
  /*background: url(/img/plans/photo_paper.jpg) no-repeat scroll 14px 9px transparent;*/
  float: left;
  line-height: 1;
  padding: 12px 12px 1px 7px;}

div#contents div#planList .planSmallImage.box_hover {
	cursor: pointer;}

div#contents div#planList div.planOutline {
  background: url(/img/common/planlist_line.gif) repeat-y scroll left top transparent;
  float: left;
  height: auto !important;
  height: 155px; 
  min-height: 155px;
  padding: 9px 19px 0 20px;
	width: 380px;
  /*width: 364px;*/}

div#contents div#planList .planOutline div {
  line-height: 1.5;}

div#contents div#planList .planCategory {
	padding: 0 0 15px 0;
	text-align: right;}

div#contents div#planList .planTitle {
  color: #4B74A2;
  font-size: 110%;
  font-weight: bold;
  padding: 0 0 5px;}

div#contents div#planList .planSummary {
  padding: 0 0 9px;}


/* ============================================================
フッター
============================================================ */
#footerWrap {
	width:100%;
	padding:30px 0 10px;
  background: url(/img/common/footer/footer_bg.gif) 0 0 repeat-x;}

#footerWrap #footer {
	width:980px;
	margin:0 auto;
	zoom:1;}
	
#footerWrap #footer:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#footerWrap #footer  ul {
  float:left;
  width:183px;
	height:117px;
	padding: 0 0 0 10px;
	border-right: 1px solid #c8c8c8;}

#footerWrap #footer  ul.firstChild { width:132px;}
#footerWrap #footer  ul.lastChild { width:190px; border:none;}


#footerWrap #footer  ul li {
  margin: 0 0 4px;}

#footerWrap #footer  ul li a {
	display:block;
	width:100px;}

#footerWrap #footer  ul li.lastLi { margin: 0;}


#footerWrap #footer  dl#footerLogo {
  width: 220px;
	float: left;}

#footerWrap #footer  dl#footerLogo dt {
  margin: 0 0 5px;
	font-size: 1px;}
	
#footerWrap #footer  dl#footerLogo dd {
  margin: 0;
	padding: 0 0 0 2px;}

#footerWrap #footer  dl#footerLogo dd.lower {
  font-size: x-small;}

/* footerNaviWrap
----------------------------------------------- */
#footerNaviWrap {
	width:100%;
	background-color:#c8a461;}

#footerNaviWrap #footerNavi {
  width:980px;
	margin:0 auto;
	zoom:1;}

#footerNaviWrap #footerNavi:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#footerNaviWrap #footerNavi ul {
  float: left;
  width:360px;
	zoom:1;}

#footerNaviWrap #footerNavi ul:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;}

#footerNaviWrap #footerNavi ul li {
  float:left;}

#footerNaviWrap #footerNavi small {
	display:block;
	float:right;
	color:#fff;
	font-size: small;
	padding:2px 0 0;}
	
	
/*
 緊急案内用のスペース
========================================================*/
div.emg {
  width: 940px;
  margin: 0 auto;
	margin-bottom: 15px;
	padding: 15px 20px;
	border: 1px solid #ddd;
	color: #ff0000;

}

div.emg p {
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}


/*
 スマホリンクボタン
========================================================*/
.ismobile {
	clear:both;
	width:980px;
	margin:20px auto;}

.ismobile:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.ismobile a {
	display:block;
	line-height:96px;
	text-align:center;
	border-radius:10px;
	border:2px solid #2D4A9F;
	background:-webkit-gradient(linear, left top, left bottom, from(#657BB9), to(#445DA9));
	background:-webkit-linear-gradient(#657BB9, #445DA9);
	background:-moz-linear-gradient(#657BB9, #445DA9);
	background:linear-gradient(#657BB9, #445DA9);
	font-size:50px;
	text-decoration:none!important;
	color:#fff!important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.ismobile a:after {
	content:">";
	float:right;
	margin-right:0.5em;
	margin-left:-0.5em;}