﻿@charset 'UTF-8';

/* ------------------------------------
*
*Since: 2008-07-03
*Editor: BBmedia Inc. D_sasaki
*Modified: 2009-06-23
*Editor: BBmedia Inc. K_namba
*
-------------------------------------*/

/* Style Index ========================

	01: others共通設定
	02: プライバシーポリシー、ご利用規約
	03: NEWS・EVENTS
	04: お問い合わせ,NEWS・EVENTS,取り扱い店 共通
	05: お問い合わせ

==================================== */



/*
01. others共通設定
-------------------------------------*/
div#header {
	margin:0;
}

div#title {
	position:relative;
	height:120px;
}

div#title p {
	position:absolute;
	top:0;
	right:0;
}

div#title h1 {
	padding:40px 0 0;
}

div#otherContents {
	margin:0 0 40px;
}

div#otherContents p {
	padding:0 0 20px;
}

div#otherContents h2 {
	font-weight:bold;
}

div#otherContents div.section {
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:1px solid #222;
}





/*
02: プライバシーポリシー、ご利用規約
-------------------------------------*/





/*
03: NEWS・EVENTS
-------------------------------------*/
body.news div#title {
	margin:0 0 20px;
	zoom:1;
}

body.news div#title h1 {
	padding:40px 0 10px;
}
body.news div#otherContents div#primary div.newsSection {
	margin:0 0 20px;
	padding:0 0 30px;
}
body.news div#otherContents div#primary div.newsSection dl.newsList {
	margin:0 0 20px;
}
body.news div#otherContents div#primary div.newsSection dl.newsList dt {
	margin-bottom: 0.5em;
	padding-top: 15px;
	border-top: 1px solid #222;
}
body.news div#otherContents div#primary div.newsSection dl.newsList dt span.date {
	display: block;
	float: left;
	margin-right: 30px;
	font-size: 1.2em;
	line-height: 1.2;
}
body.news div#otherContents div#primary div.newsSection dl.newsList dt span.tag {
	display: block;
	float: left;
	min-width: 84px;
	height: 12px;
	padding: 4px 5px 0;
	background: #9ae61d;
	color: #000;
	font-size: 0.9em;
	line-height: 1;
	text-align: center;
}
* html body.news div#otherContents div#primary div.newsSection dl.newsList dt span.tag {
	width: 84px;
}
body.news div#otherContents div#primary div.newsSection dl.newsList dd {
	margin-bottom: 20px;
}
body.news div#otherContents div#primary div.newsSection dl.newsList dd:last-child {
	margin-bottom: 0;
}
body.news div#otherContents div#primary div.newsSection p.meta {
	margin-bottom: 0;
}
body.news div#otherContents div#primary div.newsSection p.meta span.date {
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 1.2em;
	line-height: 1.2;
}
body.news div#otherContents div#primary div.newsSection p.meta span.tag {
	display: block;
	float: left;
	min-width: 84px;
	height: 12px;
	padding: 4px 5px 0;
	background: #9ae61d;
	color: #000;
	font-size: 0.9em;
	line-height: 1;
	text-align: center;
}
* body.news div#otherContents div#primary div.newsSection p.meta span.tag {
	width: 84px;
}
body.news div#otherContents div#primary div.newsSection h2.newsTitle {
	margin-bottom: 1em;
	color: #fff;
	font-size: 1.4em;
	overflow: hidden;
}
body.news div#otherContents div#primary div.newsSection p.photoRight {
	float: right;
	margin-bottom: 1em;
	padding-left: .5em;
}
body.news div#otherContents div#primary div.newsSection dl.pressRelease,
body.news div#otherContents div#primary div.newsSection dl.relationalLink {
	margin-bottom: 1.5em;
}

body.news div#otherContents div#primary div.newsSection dl.pressRelease dt,
body.news div#otherContents div#primary div.newsSection dl.relationalLink dt {
	margin-bottom: .5em;
}
body.news div#otherContents div#secondary ul#newsList {
}

body.news div#otherContents div#secondary ul#newsList li {
	padding:15px 10px;
	border-bottom:1px solid #222;
	background:url(../news/img/arrow_001.gif) 1px 50% no-repeat;
}





/*
04: お問い合わせ,NEWS・EVENTS,取り扱い店 共通
-------------------------------------*/
div#otherContents ul#areaList {
	position:relative;
	widht:760px;
	height:504px;
	background:url(../inquiry/img/img_001.gif) 0 0 no-repeat;
}

div#otherContents ul#areaList li a img {
	vertical-align:top;
}

div#otherContents ul#areaList li.area01 {
	position:absolute;
	top:25px;
	left:116px;
}

div#otherContents ul#areaList li.area02 {
	position:absolute;
	top:55px;
	left:223px;
}

div#otherContents ul#areaList li.area03 {
	position:absolute;
	top:57px;
	left:577px;
}

div#otherContents ul#areaList li.area04 {
	position:absolute;
	top:105px;
	left:601px;
}

div#otherContents ul#areaList li.area05 {
	position:absolute;
	top:225px;
	left:372px;
}

div#otherContents ul#areaList li.area06 {
	position:absolute;
	top:256px;
	left:337px;
}

div#otherContents ul#areaList li.area07 {
	position:absolute;
	top:291px;
	left:372px;
}

div#otherContents ul#areaList li.area08 {
	position:absolute;
	top:343px;
	right:160px;
}

div#otherContents ul#areaList li.area09 {
	position:absolute;
	top:376px;
	left:383px;
}

div#otherContents ul#areaList li.area10 {
	position:absolute;
	top:435px;
	left:354px;
}

div#otherContents ul#areaList li.area11 {
	position:absolute;
	top:472px;
	left:206px;
}





/*
05: お問い合わせ
-------------------------------------*/
body.inquiry div#otherContents ul {
	margin:0 0 0 1.5em;
	list-style-type:disc;
}

body.inquiry div#otherContents ul#jp {
	padding:15px 0 30px;
}

body.inquiry div#otherContents p {
	padding:0;
	line-height:2;
}

body.inquiry div#otherContents ul#otherArea {
	padding:0 0 100px;
}

body.inquiry div#otherContents ul#otherArea li {
	line-height:2;
}





