@charset "utf-8";

/* ========================================================
	index.css => indexページ用css
======================================================== */

/* header
============================================================================================================ */
#header div {
	position: relative;
	width: 950px;
	height: 336px;
	margin: 0 auto;
}
#header div h1 {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
#header div ul {
	zoom: 1;
}
#header div ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#header div ul li {
	display: none;
	float: left;
}
#header div p {
	position: absolute;
	top: 145px;
	left: 166px;
	z-index: 5;
}
#header div p span {
	position: absolute;
}
#header div p span.logo02 {
	top: 16px;
	left: 25px;
}
#header div p span.logo03 {
	top: 0;
	left: 46px;
}
#header div p span.logo04 {
	top: 14px;
	left: 73px;
}
#header div p span.logo05 {
	top: 24px;
	left: 109px;
}
#header div p span.logo06 {
	top: 24px;
	left: 169px;
}
#header div p span img {
	display: none;
	position: relative;
}

/* hgroup
============================================================================================================ */
hgroup {
	margin-bottom: 10px;
	zoom: 1;
}
hgroup:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
hgroup h1 {
	float: left;
	padding-right: 10px;
}
hgroup h2 {
	float: left;
	font-size: 84%;
	padding-top: 4px;
	font-weight: normal;
}
hgroup h2 a {
	color: #999999;
}
hgroup h2 a:link, hgroup h2 a:visited {
	text-decoration: none;
}
hgroup h2 a:hover, hgroup h2 a:active {
	text-decoration: underline;
}

/* galleryArea
============================================================================================================ */
#galleryArea {
	width: 934px;
	height: 275px;
	margin: 0 auto;
	background: url(../../images/gallery_bg.gif) no-repeat;
	zoom: 1;
}
#galleryArea:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#galleryArea section {
	float: left;
	width: 464px;
}
#galleryArea hgroup {
	margin-bottom: 18px;
	padding: 20px 20px 0 55px;
}
#galleryArea hgroup h2 {
	float: right;
}
#galleryArea div {
	padding-left: 21px;
	zoom: 1;
}
#galleryArea:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#galleryArea div dl {
	float: left;
	width: 102px;
	padding-right: 6px;
}
#galleryArea div dl img {
	border: 1px solid #d4145a;
}
#galleryArea div dd {
	margin-top: 5px;
	font-size: 92%;
	line-height: 1.3;
}


/* コンテンツ
============================================================================================================ */
#contentsContainer {
	position: relative;
	width: 934px;
	margin-bottom: 40px;
	padding-top: 15px;
	background: url(../../images/contents_line.gif) repeat-y;
}
#leftArea {
	float: left;
	width: 530px;
}
#rightArea {
	float: right;
	width: 403px;
	padding-bottom: 120px;
}


/* section
============================================================================================================ */
#contentsContainer section {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #d3d3d3;
}
#contentsContainer section.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
#rightArea section {
	padding-left: 43px;
}


/* ニュース
============================================================================================================ */
.news {
	padding-right: 45px;
}
.news time {
	color: #D4145A;
}
.news .recent {
	padding-bottom: 20px;
	zoom: 1;
}
.news .recent:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.news .recent p {
	font-size: 92%;
}
.news .recent h3 {
	margin: 0.3em 0 0.8em;
	font-size: 125%;
	line-height: 1.4;
}
.news .has_ph p,
.news .has_ph h3 {
	margin-left: 195px;
}
.news .has_ph .ph {
	float: left;
	margin: 0;
	padding: 5px;
	border: 2px solid #dbdcdc;
}
.news dt {
	float: left;
	padding-top: 1.2em;
	font-size: 92%;
}
.news dd {
	padding: 1em 0 1em 7em;
	border-top: 1px solid #e0e0e0;
}


/* メニューリスト
============================================================================================================ */
#menu div {
	zoom: 1;
}
#menu div:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#menu div dl {
	float: left;
	width: 228px;
	margin-right: 8px;
	padding: 14px 5px 14px 8px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ffffff;
}
#menu div dl dt {
	float: left;
}
#menu div dl dd {
	text-align: right;
}
#menu div dl dd strong {
	font-size: 109%;
}
#menu div dl dd span {
	font-size: 84%;
}


/* サービスメニュー
============================================================================================================ */
#service div {
	zoom: 1;
}
#service div:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#service div dl {
	float: left;
	width: 228px;
	margin-right: 8px;
	padding: 14px 5px 14px 8px;
	background-color: #f2e6e2;
	border-bottom: 1px solid #ffffff;
}
#service div dl dt {
	float: left;
}
#service div dl dt.type {
	float: left;
	padding-right: 1em;
	color: #D4145A;
	font-weight: bold;
}
#service div dl dt.perm {
	padding-right: 0.7em;
}
#service div dl dd {
	text-align: right;
}
#service div dl dd strong {
}
#service div dl dd span {
	font-size: 77%;
}


/* バナー
============================================================================================================ */
#bnr li {
	margin-top: 15px;
}


/* ショップ
============================================================================================================ */
#shop div {
	margin-top: 10px;
	zoom: 1;
}
#shop div:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#shop .time {
	float: left;
	width: 190px;
	padding-top: 0.3em;
	padding-right: 10px;
	border-right: 1px solid #e0e0e0;
	line-height: 1.4;
}
#shop .time dt {
	float: left;
}
#shop .time dt,
#shop .time dd {
	padding-bottom: 0.3em;
}
#shop .time dd dt,
#shop .time dd dd {
	padding-bottom: 0.1em;
}
#shop .time dd dd {
	text-align: right;
}
#shop .tel {
	float: left;
	padding: 8px 0 0 13px;
}

/* アクセス
============================================================================================================ */
#access address {
	margin-top: 10px;
}

#access p img {
	border: 1px #ccc solid;
}


/* カレンダー
============================================================================================================ */
#calendar p {
	font-size: 92%;
}
#calendar .holiday {
	color: #ad2d2d;
}
#calendar .mori {
	color: #d47f1e;
}
#calendar .araya {
	color: #7ec225;
}
#calendar .miyahara {
	color: #b5515d;
}
#calendar .aiso {
	color: #536ca6;
}


/* お取り扱いカード一覧
============================================================================================================ */
#card {
	position: absolute;
	right: 6px;
	bottom: 0;
	width: 332px;
	padding: 10px 12px 14px 10px !important;
	background-color: #f7f7f7;
}
#card hgroup {
	margin-bottom: 5px;
}

#card h2 {
	float: right;
}