@charset "UTF-8";

/* 共通項目 */
body {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.6;
}

a:link {color:#333333;}
a:visited {color:#333333;}
a:hover {color:#999999;}
a:active {color:#333333;}
/* 
a:link：まだアクセスしたことのないリンクに適用
a:visited：既にアクセスしたことのあるリンクに適用
a:hover：マウスが上に乗っている状態のリンクに適用
a:active：選択されている状態のリンクに適用
*/

/* 全体の囲み */
#wrapper {
}
#content {
	width: 800px;
	padding: 30px 0;
	margin: 0 auto;
}



/* ヘッダ */
/* 普通のページのヘッダ */
#header {
	border: 1px solid #999999;
	height: 111px;
	background:url(../images/common/header_image.jpg) right top no-repeat;
	margin-bottom: 30px;
}
#header h1 {
	background: #FFD4E8;
	width: 213px;
	height: 111px;
}
#header h1 img {
	padding: 24px 0 0 20px;
}

/* index.htmlのヘッダ */
#index #header {
	height: 388px;
	background:url(../images/common/top_header_image.jpg) right top no-repeat;
	margin-bottom: 0;
}

#index #header h1 {
	height: 193px;
}

#index #header h1 img {
}



/* グローバルメニュー */
/* 普通のページのグローバルメニュー */
ul#gMenu {
	width: 213px;
	list-style: none;
	text-align: right;
	float: left;
}
ul#gMenu li {
	padding: 0 20px 8px 0;
}
ul#gMenu li a:hover img{
	opacity:0.4;
	filter: alpha(opacity=40);
}

/* index.htmlのグローバルメニュー */
#index #header ul#gMenu {
	background: #FFFFFF;
	width: 213px;
	list-style: none;
	text-align: right;
	padding-top: 28px;
}
#index #header ul#gMenu li {
}


/* コンテンツエリア */
#contents {
	width:585px;
	float: right;
	border-left: solid 1px #999999;
	margin-bottom: 25px;
}

#contents h2, #contents h3, #contents h4, #contents p, 
#contents ul, #contents ol, #contents dl, #contents div {
	margin-left: 22px;
}
#contents h2 {
	margin-bottom: 30px;
}
#contents p, #contents div, #contents h3 {
	margin-top: 10px;
}	
#contents div.photo img {
	border: solid 5px #CCCCCC;
}
#contents div a:hover img{
	opacity:0.4;
	filter: alpha(opacity=40);
}


/* 個別ページ指定 */
#access #contents div.map {
	background: #FFD4E8;
	padding: 15px 0;
}

#contact #contents p {
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-left: 74px;
}
#contact #contents p.phone {
	background: url(../images/pages/contact_li_mark_phone.gif) 50% left no-repeat;
}
#contact #contents p.fax {
	background: url(../images/pages/contact_li_mark_fax.gif) 50% left no-repeat;
}
#contact #contents p.email {
	background: url(../images/pages/contact_li_mark_email.gif) 50% left no-repeat;
}

#menu #contents ul#pageMenu {
	clear: both;
	text-align: right;
	padding-top: 15px;
}

#menu #contents ul#pageMenu li {
	display: inline;
	margin: 0;
	padding: 0 8px 0 3px;
	border-right: 1px solid #999;
}
#menu #contents ul#pageMenu li.lside {
	border-left: 1px solid #999;
	padding-left: 8px;
}

#menu #contents h3 {
	/* border-bottom: 1px solid #F0F0F0; */
	padding-bottom: 3px;
	padding-top: 23px;
	clear: both;
}
#menu #contents div.photo {
	clear:both;
}
#menu #contents h2 {
	float: left;
}
#menu #contents div.osusume {
	width: 272px;
	float: right;
	margin: 0;
	padding: 0;
}
#menu #contents dl {
	font-size: 14px;
	line-height: 1.4;
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	border-top: 1px solid #F0F0F0;
}
#menu #contents dt {
	width: 395px;
	display: block;
	float: left;
	padding: 0.2em 5px 0.6em 33px;
	height: 2.4em;
	text-indent: -25px;
	border-bottom: 1px solid #F0F0F0;
}
#menu #contents dd {
	width: 120px;
	height: 1.4em;
	display: block;
	text-align: right;
	float: right;
	padding: 1.6em 5px 0.2em 5px;
	border-bottom: 1px solid #F0F0F0;
}
#menu #contents dt.odd, #menu #contents dd.odd {
	background-color: #FFF3F3;
}
#menu #contents dt.wide {
	height: 3.6em;
}
#menu #contents dd.wide {
	height: 1.4em;
	padding: 2.8em 5px 0.2em 5px;
}



/* フッタ */
#footer {
	clear: both;
}

/* index.htmlのブログフィード */
#index #topics {
	float: left;
	width:400px;
}
#index #topics p {
	padding: 5px 0 0 0;
	font-size: 0.75em;
	color: #666666;
}

/* コピーライト表示 */
div#copyright {
	float: right;
	padding: 5px 0 0 0;
	font-size: 0.75em;
	color: #666666;
}

/* バナーエリア */
#shops {
	clear: both;
}

#shops ul {
	margin-top: 75px;
}
#shops ul li {
	float:left;
	margin-right: 13px;
}
#shops li.rightend {
	float: right;
	margin-right: 0;
}
#shops li a:hover img{
	opacity:0.4;
	filter: alpha(opacity=40);
}











#menu #contents div.menuImage {
	width: 285px;
	float: right;
}
#menu #contents dl.menuClmLeft, 
#menu #contents dl.menuClmRight {
	width: 340px;
	float: left;
}
#menu #contents dl.menuClmLeft dt, 
#menu #contents dl.menuClmRight dt {
	width: 240px;
}
#menu #contents dl.menuClmRight {
	float: right;
}


/* サイトマップ */
#sitemap #contents div {
	margin-right: 61px;
	margin-bottom: 15px;
}

#sitemap #contents div.sitemapTop, 
#sitemap #contents div.sitemapContact, 
#sitemap #contents div.sitemapRecruit {
 	clear: both;
}
#sitemap #contents div.sitemapConcept, 
#sitemap #contents div.sitemapMenu, 
#sitemap #contents div.sitemapAccess, 
#sitemap #contents div.sitemapBlog {
	float: left;
}
#sitemap #contents div.sitemapGallery {
	float: right;
	margin-right: 0;
}
#sitemap #contents div a {
	display: block;
	width: 216px;
}
#sitemap #contents div a:hover {
	background-color: #2D2D2D;
}

/* コンタクト */
#contact #contents {
}
#contact #contents #contactForm h2 {
	margin-bottom: 15px;
}
#contact #contents #contactForm table {
	width: 770px;
	background-color: #FFFFFF;
	color: #333333;
	margin-bottom: 50px;
}
#contact #contents #contactForm table td,
#contact #contents #contactForm table th {
	padding: 7px;
	border-bottom: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
#contact #contents #contactForm table th {
	white-space: nowrap;
	background-color: #EEEEEE;
}
#contact #contents #contactForm table td.confirm {
	text-align: center;
}
#contact #contents #contactForm span.caption {
	font-size: 0.8em;
}

/* 詳細マップページ */
#sitemap #contents #map {
	margin: 20px auto 0 auto;
}

/* 採用情報 */
#recruit #contents dl dt {
	font-size: 1.2em;
	margin-top: 25px;
}

#recruit #contents dl dd {
	margin-left: 35px;
}

#recruit #contents table {
	margin-top: 30px;
	border-collapse: collapse;
	width: 370px;
	float: left;
}
#recruit #contents table.right {
	float: right;
}
#recruit #contents table th {
	border: 1px solid #666;
	padding: 4px;
	width: 100px;
}
#recruit #contents table td {
	border: 1px solid #666;
	padding: 4px;
	width: 270px;
}



/* 新バナー用 */
ul#link2 {
	width: 399px;
	float: left;
}
ul#link3 {
	width: 374px;
	float: right;
}
ul#link2 li {
	height: 50px;
	margin-bottom: 9px;
	background-color: #FFFFFF;
}
ul#link3 li {
	margin: 0;
	padding: 0;
	line-height: 0
}
ul#link3 li a {
	line-height: normal;
}
ul#link2 li img, ul#link3 li img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}