/*___________________________________________ Global*/

html, body {
	background: url(/image/skin/bg_body.jpg) repeat-x top center;
	margin: 0;
	text-align: center;
	height: 100%;
	}

a {
	color: #765;
	}

a:hover {
	color: #D98BA9;
	}

img {
	border: none;
	}

table {
	font-size: 100%;
	line-height: 150%;
	border-collapse: collapse;
	}

#bluemate {
	background: url(/image/skin/bg_main.jpg) no-repeat top center;
	/*height: 100%;*/
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 83%;
	line-height: 150%;
	color: #666;
	}

#wrapper {
	width: 920px;
	margin: 15px auto 0 auto;
	}

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

.x {
	min-height: 1px;
	}

* html .x {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

.xx {
	clear: both;
	}

.l {
	text-align: left;
	}

.r {
	text-align: right;
	}


/*___________________________________________ Header*/

#header {
	width: 950px;
	height: 84px;
	margin: 0 auto;
	text-align: left;
	}

#header.internal {
	/*background: url(/image/skin/bg_islands.jpg) no-repeat right bottom;*/
	}

#header h1 {
	width: 254px;
	height: 37px;
	margin: 23px 0;
	float: left;
	}

#header h1 a {
	background: url(/image/skin/logo.jpg) no-repeat 0 0;
	width: 254px;
	height: 37px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	}

#menu {
	float: right;
	margin: 23px 0;
	padding: 0;
	}

#menu li {
	float: left;
	margin: 0;
	list-style: none;
	}

#menu li a {
	display: block;
	height: 37px;
	overflow: hidden;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: left top;
	}

#menu li a:hover, #menu li a.selected {
	background-position: left bottom;
	}

#menu li.home a	{ width: 60px; background-image: url(/image/skin/menu_home.jpg); }
#menu li.info a	{ width: 76px; background-image: url(/image/skin/menu_info.jpg); }
#menu li.corp a	{ width: 81px; background-image: url(/image/skin/menu_corp.jpg); }
#menu li.brand a	{ width: 146px; background-image: url(/image/skin/menu_brand.jpg); }
#menu li.shop a	{ width: 79px; background-image: url(/image/skin/menu_shop.jpg); }
#menu li.recruit a	{ width: 78px; background-image: url(/image/skin/menu_recruit.jpg); }
#menu li.inquiry a	{ width: 81px; background-image: url(/image/skin/menu_inquiry.jpg); }


/*___________________________________________ SubMenu*/

#submenu {
	float: left;
	width: 165px;
	padding: 30px 0;
	}

#submenu h2 {
	margin: 0;
	padding: 0;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -5000px;
	}

.id-17 h2 { background-image: url(/image/skin/title_info.gif); }
.id-12 h2 { background-image: url(/image/skin/title_corp.gif); }
.id-13 h2 { background-image: url(/image/skin/title_brand.gif); }
.id-14 h2 { background-image: url(/image/skin/title_shop.gif); }
.id-30 h2 { background-image: url(/image/skin/title_recruit.gif); }
.id-18 h2 { background-image: url(/image/skin/title_inquiry.gif); }
.id-19 h2 { background-image: url(/image/skin/title_privacy.gif); }
.id-28 h2 { background-image: url(/image/skin/title_parttimer.gif); }

#submenu ul {
	margin: 0;
	padding: 10px 0 0 0;
	}

#submenu li {
	width: 165px;
	height: 30px;
	margin: 8px  0 0 0;
	list-style: none;
	position: relative;
	clear: both;
	}

#submenu.id-13 li {
	margin: 15px  0 0 0;
	}

#submenu a {
	text-decoration: none;
	padding: 0 8px 12px 8px;
	_padding: 0 0 12px 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	border-bottom: 1px solid #D3CFCB;
	}

#submenu a.selected {
	color: #D98BA9;
	}

#submenu span {
	position: absolute;
	display: block;
	width: 165px;
	font-size: 7px;
	text-align: center;
	color: #999;
	top: -7px;
	left: 0;
	line-height: 10px;
	font-weight: normal;
	}

#submenu em {
	background: url(/image/skin/dec_dot.gif) repeat-x left bottom;
	font-style: normal;
	color: #BBB;
	font-size: 10px;
	font-weight: bold;
	padding: 0 8px 13px 8px;
	margin-top: 10px;
	}

#submenu .subcategory {
	margin-top: 25px;
	}


/*___________________________________________ Contents*/

#contents {
	float: right;
	width: 740px;
	}

#wrapper.index #contents {
	float: none;
	width: auto;
	background: none;
	}


/*___________________________________________ TopPage*/

#main {
	padding-bottom: 5px;
	background: url(/image/skin/dec_color.gif) no-repeat left bottom;
	margin-bottom: 15px;
	}

#main .title, #main .date {
	text-indent: -5000px;
	}

#top_page_contents {
	background: url(/image/skin/bg_line.gif);
	padding: 12px 0 12px 12px;
	margin-bottom: 20px;
	}

#top_page_contents ol, #top_page_contents ul {
	padding: 0;
	list-style: none;
	margin: 0;
	}

#about {
	width: 408px;
	height: 260px;
	background-color: #FFF;
	float: left;
	position: relative;
	padding: 0;
	overflow: hidden;
	}

#top_page_contents #corporate {
	float: left;
	width: 204px;
	height: 253px;
	}

#top_page_contents #corporate h2, #top_page_contents #corporate h3 {
	margin: 0;
	padding: 0;
	text-indent: -5000px;
	width: 204px;
	}

#top_page_contents #corporate a {
	position: absolute;
	width: 204px;
	height: 238px;
	top: 0;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(/image/skin/dec_about.gif) no-repeat 0 0;
	}

#top_page_contents #brands {
	float: left;
	}

#top_page_contents #brands table {
	width: 180px;
	padding: 0;
	margin: 0;
	}

#top_page_contents #brands tr {
	background: url(/image/skin/dec_dot.gif) repeat-x left bottom;
	}

#top_page_contents #brands th {
	font-size: 11px;
	font-weight: bold;
	color: #D98BA9;
	text-align: left;
	padding: 10px 0 2px 0;
	}

#top_page_contents #brands td {
	font-size: 11px;
	font-weight: bold;
	color: #D98BA9;
	width: 90px;
	background: url(/image/skin/dec_dot.gif) repeat-x left bottom;
	padding: 0 0 2px 0;
	}

#top_page_contents #brands #goods {
	padding: 10px 0 2px 0;
	}

#other {
	margin: 0;
	}

#other li {
	float: left;
	width: 110px;
	background-color: #FFF;
	margin: 0 0 0 12px;
	padding: 0;
	height: 260px;
	}

#other li a {
	margin-top: 10px;
	display: block;
	}

#other li p {
	font-size: 80%;
	color: #999;
	line-height: 150%;
	margin: 0 10px 10px 10px;
	padding: 0;
	text-align: left;
	}


/*___________________________________________ Contents*/


.inner_contents {
	width: 740px;
	background: url(/image/skin/bg_line.gif);
	padding: 12px 0;
	margin-bottom: 20px;
	}

.post, .topics {
	font-size: 83%;
	line-height: 120%;
	margin: 0 auto 12px auto;
	width: 716px;
	background: url(/image/skin/bg_post.jpg) no-repeat right bottom #FFF;
	text-align: left;
	}

.post {
	line-height: 150%;
	}

.topics table {
	margin-bottom: 30px;
	}

h3.title {
	background: url(/image/skin/bg_title.jpg) no-repeat left bottom;
	margin: 0 10px 30px 10px;
	padding: 10px 0 15px 0;
	font-size: 13px;
	}

.post h3.title {
	text-indent: -5000px;
	}

.post h4 {
	color: #AAA;
	font-size: 130%;
	}

h3.title a, h3.title a:hover {
	font-size: 90%;
	line-height: 120%;
	text-decoration: none;
	}

h3.title span {
	padding: 3px 3px 3px 0;
	background-color: #FFF;
	}

h3.title.ready {
	text-indent: 0 !important;
	}

h3.banner {
	background-position: 0 0;
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
	padding: 0;
	width: 696px;
	position: relative;
	top: -43px;
	margin-bottom: -30px;
	text-indent: -5000px !important;
	}

h3.b1 { height: 283px; background:url(/image/skin/head_cepo.png); }
h3.b2 { height: 283px; background:url(/image/skin/head_pocket_park.png); }
h3.b3 { height: 283px; background:url(/image/skin/head_branch_et_pot.png); }
h3.b4 { height: 283px; background:url(/image/skin/head_erg_les_cepo.png); }
h3.b5 { height: 283px; background:url(/image/skin/head_cactus.png); }
h3.b6 { height: 283px; background:url(/image/skin/head_cactus_cepo.png); }
h3.b7 { height: 283px; background:url(/image/skin/head_erg.png); }
h3.b8 { height: 283px; background:url(/image/skin/head_erg_branch.png); }
h3.b9 { height: 283px; background:url(/image/skin/head_kalos_plage.png); }
h3.b10 { height: 283px; background:url(/image/skin/head_trans_blue.png); }
h3.b11 { height: 283px; background:url(/image/skin/head_willie_winkie.png); }
h3.b11_1 { height: 283px; background:url(/image/skin/head_kcc.gif); }
h3.b12 { height: 283px; background:url(/image/skin/head_humpty_dumpty.png); }
h3.b12_1 { height: 283px; background:url(/image/skin/head_felice.gif); }

* html h3.b1 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_cepo.png',sizingMethod='scale'); background:none;
}
* html h3.b2 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_pocket_park.png',sizingMethod='scale'); background:none;
}
* html h3.b3 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_branch_et_pot.png',sizingMethod='scale'); background:none;
}
* html h3.b4 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_erg_les_cepo.png',sizingMethod='scale'); background:none;
}
* html h3.b5 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_cactus.png',sizingMethod='scale'); background:none;
}
* html h3.b6 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_cactus_cepo.png',sizingMethod='scale'); background:none;
}
* html h3.b7 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_erg.png',sizingMethod='scale'); background:none;
}
* html h3.b8 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_erg_branch.png',sizingMethod='scale'); background:none;
}
* html h3.b9 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_kalos_plage.png',sizingMethod='scale'); background:none;
}
* html h3.b10 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_trans_blue.png',sizingMethod='scale'); background:none;
}
* html h3.b11 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_willie_winkie.png',sizingMethod='scale'); background:none;
}
* html h3.b12 {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/skin/head_humpty_dumpty.png',sizingMethod='scale'); background:none;
}

.post .detail {
	margin: 0 10px;
	}

.post table.information {
	width: 696px;
	color: #333;
	}

.post table.information tr.even {
	background-color: #F2F2F2;
	}

.post table.information th {
	padding: 6px 0;
	text-align: center;
	width: 160px;
	}

.post table.information td {
	padding: 6px 10px;
	}

.post table.information img {
	vertical-align: bottom;
	}

.post .edit {
	font-size: 10px;
	margin: 0 0 -20px 10px;
	padding-top: 40px;
	}

.post .edit a {
	margin-right: 1em;
	}

.inner_contents .to_top {
	text-align: right;
	vertical-align: bottom;
	}

.inner_contents .to_top img {
	vertical-align: bottom;
	}

.crumb {
	text-align: left;
	font-size: 83%;
	line-height: 120%;
	margin: 0 0 0 12px;
	}

.topics table {
	width: 696px;
	margin-left: 10px;
	}

.topics table tr.even {
	background-color: #F2F2F2;
	}

.topics th {
	width: 100px;
	height: 100px;
	text-align: center;
	vertival-align: middle;
	}

.topics td {
	padding: 10px;
	}

.topics .loader {
	width: 80px;
	height: 80px;
	background: url(/image/skin/loader.gif) no-repeat center center;
	border: 2px solid #CCC;
	overflow: hidden;
	margin: auto;
	display: block;
	}

.topics .loader:hover {
	border-color: #D98BA9;
	}

.topics h4 {
	font-size: 100%;
	font-weight: normal;
	}

.topics em {
	color: #999;
	font-size: 90%;
	font-style: normal;
	}

.topics .loader img {
	visibility: hidden;
	position: relative;
	}

.topics .loader img.ready {
	visibility: visible;
	}

.repage {
	text-align: right;
	position: relative;
	top: -8px;
	}


/*___________________________________________ Footer*/

#footer {
	clear: both;
	font-size: 11px;
	line-height: 12px;
	padding-top: 10px;
	width: 920px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 10;
	}

#footer a {
	text-decoration: none;
	font-weight: bold;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid #999;
	vertical-align: top;
	}

#copyright {
	position: relative;
	font-size: 9px;
	color: #999;
	text-align: right;
	padding-bottom: 40px;
	margin-top: -14px;
	z-index: 0;
	}


/*___________________________________________ Company*/

#company_group .information {
	width: 696px;
	}

#company_group .information.compact {
	width: 425px;
	float: left;
	}

#company_group .information th {
	width: 100px;
	}

#company_group .title {
	clear: both;
	margin: 0 0 10px 0;
	padding: 30px 0 10px 0;
	color: #000;
	font-size: 15px;
	border-bottom: 4px solid #DDD;
	}

#company_group h4.title { display: block; }
#company_group .title h4 { display: inline; }
#company_group .title h5 {
	color: #999;
	margin-left: 1em;
	font-size: 11px;
	display: inline;
	}

#company_group .right {
	float: right;
	}

#company_group .clean {
	clear: both;
	padding-top: 40px;
	}


/*___________________________________________ SearchShop*/


#icons {
	background: url(/image/skin/txt_search_map_description.gif) no-repeat 0 0;
	padding-top: 36px;
	margin-top: 15px;
	float: left;
	}

#icons td {
	height: 106px;
	vertical-align: top;
	padding: 0;
	}

#icons label {
	display: block;
	width: 84px;
	height: 92px;
	text-align: right;
	}

#icons input {
	margin-top: 30px;
	}

#icons #s1 { background: url(/image/skin/s1.gif) no-repeat 0 0; }
#icons #s2 { background: url(/image/skin/s2.gif) no-repeat 0 0; }
#icons #s3 { background: url(/image/skin/s3.gif) no-repeat 0 0; }
#icons #s4 { background: url(/image/skin/s4.gif) no-repeat 0 0; }
#icons #s5 { background: url(/image/skin/s5.gif) no-repeat 0 0; }
#icons #s6 { background: url(/image/skin/s6.gif) no-repeat 0 0; }
#icons #s7 { background: url(/image/skin/s7.gif) no-repeat 0 0; }
#icons #s8 { background: url(/image/skin/s8.gif) no-repeat 0 0; }
#icons #s9 { background: url(/image/skin/s9.gif) no-repeat 0 0; }
#icons #s10 { background: url(/image/skin/s10.gif) no-repeat 0 0; }
#icons #s11 { background: url(/image/skin/s11.gif) no-repeat 0 0; }
#icons #s12 { background: url(/image/skin/s12.gif) no-repeat 0 0; }

#maps {
	float: right;
	padding-top: 15px;
	margin-bottom: 40px;
	width: 400px;
	}

#maps .head {
	margin-bottom: 10px;
	}

#maps .head input {
	vertical-align: top;
	margin: 0;
	}

#address {
	width: 315px;
	height: 26px;
	float: left;
	color: #999;
	}

#maps .btn {
	float: right;
	}

#map {
	line-height: 16px;
	height: 395px;
	_height: 407px;
	font-size:80%;
	border: 6px solid #000;
	overflow: hidden;
	}

#map img {
	vertical-align: top;
	}

#areas {
	background: url(/image/skin/bg_shop_area.jpg) no-repeat 0 0;
	width: 696px;
	height: 450px;
	position: relative;
	margin-top: 15px;
	}

#areas ul {
	margin: 0;
	padding: 0;
	position: absolute;
	}

#areas li {
	list-style: none;
	font-size: 11px;
	line-height: 18px;
	}

#areas .area1 {
	background: url(/image/skin/bg_area1.gif) no-repeat 0 0;
	left: 286px;
	top: 51px;
	width: 135px;
	text-align: right;
	padding: 0 14px 50px 0;
	}
#areas .area1 li { margin-right: 14px; }

#areas .area2 {
	background: url(/image/skin/bg_area2.gif) no-repeat 0 0;
	left: 499px;
	top: 166px;
	padding: 0 0 50px 55px;
	}

#areas .area3 {
	position: absolute;
	background: url(/image/skin/bg_area3.gif) no-repeat 0 0;
	left: 320px;
	top: 334px;	
	width: 350px;
	}
#areas .area3 ul {
	position: static;
	padding: 0 0 50px 102px;
	}
#areas .area3 li {
	float: left;
	width: 100px;
	}

#areas .area4 {
	background: url(/image/skin/bg_area4.gif) no-repeat top right;
	left: 35px;
	top: 125px;
	text-align: right;
	padding: 24px 14px 50px 0;
	}

.search_shop h4 {
	clear: both;
	margin: 0 0 10px 0;
	padding: 30px 0 10px 0;
	color: #000;
	font-size: 15px;
	border-bottom: 4px solid #DDD;
	}

.search_shop .btn {
	text-align: right;
	position: relative;
	margin-top: -18px;
	}

.search_shop .btn table {
	position: relative;
	margin: 0 0 30px  auto;
	}

.search_shop .brand {
	text-align: right;
	position: relative;
	margin-bottom: -20px;
	}

.search_shop table.information th {
	padding: 6px 0;
	text-align: center;
	width: 160px;
	}

.search_shop  table.information td.contact {
	width: 6em;
	}


/*___________________________________________ Inquiry*/

.user_form_contents img {
	vertical-align: middle;
	}

.user_form_name {
	margin: 0px 0px 10px 0px;
	float: left;
	width: 160px;
	text-align: center;
	line-height: 22px;
	}

.user_form_name label {
	font-weight: bold;
	}

.user_form_single_text_box,.user_form_multi_box,.user_form_radio_box,.user_form_checkbox_box,.user_form_mail_text_box,.user_form_select_box {
	margin-bottom: 10px;
	float: left;
	width: 350px;
	}

.user_form_single_text, .user_form_mail_text {
	width: 350px;
	}

.user_form_box {
	margin-bottom: 5px !important;
	padding: 10px 0px 0px 0px;
	clear: both;
	background-color: #FFF;
	}

.user_form_box.even {
	background-color: #F6F6F6;
	}

.user_form_submit {
	clear: both;
	text-align: center;
	padding: 10px 0 0 0;
	}

.user_form_note {
	margin: 0px 0px 10px 0px;
	float: left;
	text-align: left;
	width: 160px;
	line-height: 22px;
	}

.user_form_name_must {
	color: #D98BA9;
	}


/*___________________________________________ PrivacyPolicy*/

#privacy_policy h4 {
	margin: 1em 0 10px 0;
	}

#privacy_policy img {
	vertical-align: middle;
	}