@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Last Updated: Apr 13, 2009
	Edited by Kazuya Ono,Tomomi Miura

	1 : index
	2 : concept
	3 : products
	4 : shoplist
	5 : policy
	6 : company
	7 : contact

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* **********************************************************************
1 : index
********************************************************************** */
body#index #header {
	border-bottom: #DAE6E6 1px solid;
}
body#index #container {
	padding: 0;
	background: url(../../images/bg_container.jpg) left top repeat-x;
}
body#index #contents {
	height: 504px;
	position: relative;
}
body#index #contents p.image {

}
body#index #contents ul {
	position: absolute;
	top: 377px;
	right: 45px;
}
body#index #contents ul.btn li {
	width: 200px;
	height: 85px;
	margin-bottom:10px;
}
body#index #contents ul.btn li a {
	/*border: solid 2px #CCC;*/
	background:#CCCCCC;
	display: block;
	padding:1px;
}
body#index #contents ul.btn li a:hover {
	/*border: solid 2px #000;*/
	background:#000000;
}
#index div#notice {
	width:920px;
	margin: 0 auto;
}
#index div#news {
	/*width:920px;*/
	text-align:left;
	width:670px;
	float:left;
}
#index div#notice p{
	padding: 20px 0 0 0;
	font-size: 85%;
}
#index div#qr {
	width:250px;
	padding: 20px 0 0 0;
	float:left;
	text-align:right;
}
#index div#qr ul {
	list-style:none;
}
#index div#qr ul li {
	float:right;
}
#index div#qr ul li.twitter {
	padding:11px 18px 0 0;
}
#index div#qr ul li.twitter2 {
	padding:9px 18px 0 0;
}

/* **********************************************************************
2 : concept
********************************************************************** */
body#concept #contents {
	width: 840px;
}
/* ------------------------------
productHead
------------------------------ */
body#concept #contents div.conceptHead {
	text-align: center;
	margin-bottom: 20px;
}
body#concept #contents div.conceptHead h2 {
	margin-bottom: 20px;
}
body#concept #contents div.conceptHead p {
	margin-bottom: 1em;
}
/* ----- (div.productHead) ----- */
body#concept #contents div.under {
	margin-top: 40px;
	padding-top: 85px;
	background: url(../../products/images/bg_under.gif) center top no-repeat;
}
/* ------------------------------
conceptBlock
------------------------------ */
body#concept #contents div.conceptBlock {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_2col_b.gif) left bottom no-repeat;
}
body#concept #contents div.conceptBlock-inner {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_2col_t.gif) left top no-repeat;
	margin-bottom: 5px;
}
body#concept #contents div.conceptBlock_1 {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_1col_b.gif) left bottom no-repeat;
}
body#concept #contents div.conceptBlock-inner_1 {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_1col_t.gif) left top no-repeat;
	margin-bottom: 5px;
}
/* ------------------------------
concept
------------------------------ */
body#concept #contents div.concept {
	width: 400px;
	text-align: center;
}
body#concept #contents div.concept h3 {
	margin: 20px 0 10px 0;
}
body#concept #contents div.concept p {
	width: 100%;
	margin-bottom: 15px;
}
/* ----- (div.concept) ----- */
body#concept #contents div.left {
	float: left;
}
body#concept #contents div.right {
	float: right;
}

/* **********************************************************************
3 : products
********************************************************************** */
body#products #contents {
	width: 840px;
}
/* ------------------------------
productHead
------------------------------ */
body#products #contents div.productHead {
	text-align: center;
	margin-bottom: 20px;
}
body#products #contents div.productHead h2 {
	margin-bottom: 20px;
}
body#products #contents div.productHead p {
	margin-bottom: 1em;
}
/* ----- (div.productHead) ----- */
body#products #contents div.under {
	margin-top: 40px;
	padding-top: 85px;
	background: url(../../products/images/bg_under.gif) center top no-repeat;
}
/* ------------------------------
productBlock
------------------------------ */
body#products #contents div.productBlock {
	width: 100%;
	overflow: hidden;
}
/* ------------------------------
product
------------------------------ */
body#products #contents div.product {
	width: 400px;
}
body#products #contents div.product p.image,
body#products #contents div.product h3,
body#products #contents div.product p.caption {
	width: 100%;
	margin-bottom: 20px;
}
body#products #contents div.product p.price {
	width: 230px;
	float: left;
}
body#products #contents div.product p.btn {
	width: 150px;
	float: right;
}
body#products #contents div.product p.release {
	font-weight:bold;
	font-size:110%;
}
/* ----- (div.product) ----- */
body#products #contents div.left {
	float: left;
}
body#products #contents div.right {
	float: right;
}
/* **********************************************************************
4 : shoplist
********************************************************************** */
body#shoplist #contents {
	width: 840px;
}
/* ------------------------------
shoplistHead
------------------------------ */
body#shoplist #contents div.shoplistHead {
	text-align: center;
	margin-bottom: 20px;
}
body#shoplist #contents div.shoplistHead h2 {
	margin-bottom: 20px;
}
body#shoplist #contents div.shoplistHead p {
	margin-bottom: 1em;
}
/* ----- (div.productHead) ----- */
body#shoplist #contents div.under {
	margin-top: 40px;
	padding-top: 85px;
	background: url(../../products/images/bg_under.gif) center top no-repeat;
}
/* ------------------------------
shoplist1Block
------------------------------ */
body#shoplist #contents div.shoplist1Block {
	width: 840px;
	background: url(../../shoplist/images/bg_1col_b.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}
body#shoplist #contents div.shoplist1Block div.inner {
	width: 840px;
	background: url(../../shoplist/images/bg_1col_t.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body#shoplist #contents div.shoplist1Block div.inner div{
	width: 800px;
	_width: 840px;
	background: url(../../shoplist/images/bar_1col.gif) center top no-repeat;
	margin: 0;
	padding: 10px 20px;
	overflow: hidden;
}
body#shoplist #contents div.shoplist1Block div.inner div dl{
	width: 252px;
	float: left;
	padding: 0;
	margin: 0 22px 0 0;
	overflow: hidden;
}
body#shoplist #contents div.shoplist1Block div.inner div dl.last{
	width: 252px;
	float: right;
	padding: 0;
	margin: 0;
}
/* ------------------------------
shoplist2Block
------------------------------ */
body#shoplist #contents div.shoplist2Block {
	width: 840px;
	overflow: hidden;
	background: url(../../shoplist/images/bg_2col_b.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 5px 0;
}
body#shoplist #contents div.shoplist2Block_one {
	width: 840px;
	overflow: hidden;
	background: url(../../shoplist/images/bg_2col_1_b.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 5px 0;
}
body#shoplist #contents div.shoplist2Block div.inner {
	width: 840px;
	overflow: hidden;
	background: url(../../shoplist/images/bg_2col_t.gif) left top no-repeat;
	margin: 0;
	padding: 0;
}
body#shoplist #contents div.shoplist2Block_one div.inner {
	width: 840px;
	overflow: hidden;
	background: url(../../shoplist/images/bg_2col_1_t.gif) left top no-repeat;
	margin: 0;
	padding: 0;
}
body#shoplist #contents div.shoplist2Block div.inner dl,
body#shoplist #contents div.shoplist2Block_l div.inner dl{
	width: 360px;
	_width: 400px;
	margin: 0;
	padding: 20px;
	overflow: hidden;
}
body#shoplist #contents div.shoplist2Block div.inner dl.left,
body#shoplist #contents div.shoplist2Block_l div.inner dl.left{
	float: left;
}
body#shoplist #contents div.shoplist2Block div.inner dl.right{
	float: right;
}
body#shoplist #contents div.shoplist2Block div.inner dl dd.link,
body#shoplist #contents div.shoplist2Block_l div.inner dl dd.link{
	float: right;
	display: inline;
	padding: 0 0 0 10px;
}
body#shoplist #contents div.shoplist2Block div.inner dl dt,
body#shoplist #contents div.shoplist2Block_l div.inner dl dt{
	padding: 0 0 10px 0;
}
/* ------------------------------
shoplist2Block_l
------------------------------ */
body#shoplist #contents div.shoplist2Block_l {
	width: 840px;
	overflow: hidden;
	background: url(../../shoplist/images/bg_2col_l_b.gif) left bottom no-repeat;
	margin: 0;
	padding: 0 0 5px 0;
}
body#shoplist #contents div.shoplist2Block_l div.inner {
	width: 840px;
	overflow: hidden;
	background: url(../../shoplist/images/bg_2col_l_t.gif) left top no-repeat;
	margin: 0;
	padding: 0;
}

/* ------------------------------
inner
------------------------------ */
body#shoplist #contents div.inner ul{
	float: right;
	padding: 20px 20px 0 10px;
	overflow: hidden;
}
body#shoplist #contents div.inner ul li{
	float: left;
	padding: 0 0 0 10px;
	overflow: hidden;
}
body#shoplist #contents div.inner h3{
	font-size: 118%;
	font-weight: bold;
	padding: 20px 20px 10px 20px;
}
body#shoplist #contents div.inner p{
	display: block;
	padding: 0 20px 20px 20px;
}
body#shoplist #contents div.inner dt{
	font-weight: bold;
}
body#shoplist #contents div.inner hr{
	width: 780px;
	height: 1px;
	clear: both;
	padding: 0;
	margin: 0 20px 0 20px;
	border: none;
	background: url(../../shoplist/images/bar_1col.gif) left bottom no-repeat;
}

/* ----- (div.product) ----- */
body#products #contents div.left {
	float: left;
}
body#products #contents div.right {
	float: right;
}

/* **********************************************************************
5: policy
********************************************************************** */
body#policy #contents {
	width: 720px;
	overflow: hidden;
}
/* ------------------------------
policyHead
------------------------------ */
body#policy #contents div.policyHead {
	text-align: center;
	margin-bottom: 20px;
}
body#policy #contents div.policyHead h2 {
	margin-bottom: 20px;
}
/* ------------------------------
policyBlock
------------------------------ */
body#policy #contents div.policyBlock {
	width: 100%;
	text-align: left;
	padding: 20px 0;
}
body#policy #contents div.policyBlock ul li{
	list-style-type: disc;
	margin-left: 2em;
}
/* ------------------------------
policyFoot
------------------------------ */
body#policy #contents div.policyFoot {
	width: 100%;
	text-align: right;
	margin-top: 20px;
}

/* **********************************************************************
6 : company
********************************************************************** */
body#company #contents {
	width: 720px;
	overflow: hidden;
}
/* ------------------------------
companyHead
------------------------------ */
body#company #contents div.companyHead {
	text-align: center;
	margin-bottom: 20px;
}
body#company #contents div.companyHead h2 {
	margin-bottom: 20px;
}
/* ------------------------------
companyNote
------------------------------ */
body#company #contents div.secondary dl dt,
body#company #contents div.secondary dl dd {
	padding: 10px 0;
}
body#company #contents div.secondary dl {
	position: relative;
}
body#company #contents div.secondary dl dt {
	font-weight: bold;
	width: 90px;
	position: absolute;
	left: 0;
}
body#company #contents div.secondary dl dd {
	width: 350px;
	padding-left: 100px;
	border-bottom: #FFF 1px solid;
}
body#company #contents div.primary div.recruit {
	padding: 30px 20px;
	background: #FFF;
}
body#company #contents div.primary div.recruit h3 {
	font-weight: bold;
	margin-bottom: 20px;
}
body#company #contents div.primary div.recruit p {
	margin-bottom: 1em;
}
body#company #contents div.primary div.recruit p.last {
	margin-bottom: 0;
}


/* **********************************************************************
7 : contact
********************************************************************** */
body#contact #contents {
	width: 720px;
	overflow: hidden;
}
/* ------------------------------
contactHead
------------------------------ */
body#contact #contents div.contactHead {
	text-align: center;
	margin-bottom: 20px;
}
body#contact #contents div.contactHead h2 {
	margin-bottom: 20px;
}
/* ------------------------------
contactBlock
------------------------------ */
body#contact #contents div.contactBlock {
	width: 100%;
	overflow: hidden;
}
/* ------------------------------
contact
------------------------------ */
body#contact #contents div.contact {
	width: 340px;
	text-align: center;
}
body#contact #contents div.contact h3,
body#contact #contents div.contact h4,
body#contact #contents div.contact p {
	width: 100%;
	margin-bottom: 20px;
}
/* ----- (div.product) ----- */
body#contact #contents div.left {
	float: left;
}
body#contact #contents div.right {
	float: right;
}

/* **********************************************************************
8 : news
********************************************************************** */
body#news #contents {
	width: 720px;
	overflow: hidden;
}
/* ------------------------------
companyHead
------------------------------ */
body#news #contents div.companyHead {
	text-align: center;
	margin-bottom: 20px;
}
body#news #contents div.companyHead h2 {
	margin-bottom: 20px;
}

body#news h3 {
	margin-bottom:3px;
}

body#news h4 {
	margin-bottom:7px;
}

body#news dt {
	width:320px;
	float:left;
	clear:both;
	padding:20px 0;
	border-top:1px solid #A3ABAB;
}

body#news dd {
	width: 400px;
	float:left;
	padding:20px 0;
	border-top:1px solid #A3ABAB;
}
body#news dd a {
	text-decoration:underline;
}
body#news dd .release {
	background:#000000;
	color:#FFFFFF;
	padding:4px 6px 3px 6px;
	font-size:10px;
}
body#news dd .release_wrap {
	margin:0 0 3px 0;
}

body#news .ex {
	margin:13px 0 0 0;
}
body#news a {
color:#4c4c4c;
}


/* **********************************************************************
9 : legal
********************************************************************** */
body#legal #contents {
	width: 720px;
	overflow: hidden;
}

/* ------------------------------
legalHead
------------------------------ */
body#legal #contents div.legalHead {
	text-align: center;
	margin-bottom: 20px;
}
body#legal #contents div.legalHead h2 {
	margin-bottom: 20px;
}

body#legal #contents dl dt,
body#legal #contents dl dd {
	padding: 10px 0;
}
body#legal #contents dl {
	position: relative;
}
body#legal #contents dl dt {
	font-weight: bold;
	width: 90px;
	position: absolute;
	left: 0;
}
body#legal #contents dl dd {
	width: 630px;
	padding-left: 100px;
	border-bottom: #FFF 1px solid;
}
body#legal #contents dl dd P {
margin-bottom: 1em;
}

/* **********************************************************************
10 : english
********************************************************************** */
body#english #contents {
	width: 840px;
}
/* ------------------------------
productHead
------------------------------ */
body#english #contents div.englishHead {
	text-align: center;
	margin-bottom: 20px;
}
body#english #contents div.englishHead h2 {
	clear:both;
	margin-bottom: 20px;
}
body#english #contents div.englishHead p {
	margin-bottom: 1em;
}

body#english #contents div.englishHead ul {
	list-style:none;
	height:280px;
	margin-bottom:45px;
}
body#english #contents div.englishHead li {
	float:left;
}


/* ----- (div.productHead) ----- */
body#english #contents div.under {
	margin-top: 40px;
	padding-top: 85px;
	background: url(../../products/images/bg_under.gif) center top no-repeat;
}
/* ------------------------------
englishBlock
------------------------------ */
body#english #contents div.englishBlock {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_2col_b.gif) left bottom no-repeat;
}
body#english #contents div.englishBlock-inner {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_2col_t.gif) left top no-repeat;
	margin-bottom: 5px;
}
body#english #contents div.englishBlock_1 {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_1col_b.gif) left bottom no-repeat;
}
body#english #contents div.englishBlock-inner_1 {
	width: 100%;
	overflow: hidden;
	background: url(../../concept/images/bg_1col_t.gif) left top no-repeat;
	margin-bottom: 5px;
}
body#english #contents div.englishBlock_none {
	width: 100%;
	overflow: hidden;
}
/* ------------------------------
english
------------------------------ */
body#english #contents div.english {
	width: 400px;
	text-align: center;
}
body#english #contents div.english h3 {
	margin: 20px 0 10px 0;
}
body#english #contents div.english p {
	width: 100%;
	margin-bottom: 15px;
}
/* ----- (div.english) ----- */
body#english #contents div.left {
	float: left;
}
body#english #contents div.right {
	float: right;
}

body#english #contents h3 {
	margin-bottom:7px;
}

body#english #contents #products dl {
	clear:both;
	margin:0 0 30px 0;
}
body#english #contents #products dl.last {
	margin:0 0 0 0;
}
body#english #contents #products dl.top {
	margin-top:5px;
}

body#english #contents #products dt {
	width:300px;
	float:left;
	padding:0;
}

body#english #contents #products dd {
	width: 510px;
	float:left;
	padding:0 0 0 30px;
	text-align:left;
}
body#english #contents #products dd a {
	text-decoration:underline;
}
body#english #contents #products dd .release {
	background:#000000;
	color:#FFFFFF;
	padding:4px 6px 3px 6px;
	font-size:10px;
}
body#english #contents #products dd .release_wrap {
	margin:0 0 3px 0;
}


body#english #contents #company {
	margin:0 auto;
	width:560px
}

body#english #contents #company dl dt,
body#english #contents #company dl dd {
	padding: 10px 0;
}
body#english #contents #company dl {
	position: relative;
}
body#english #contents #company dl dt {
	font-weight: bold;
	width: 90px;
	position: absolute;
	left: 0;
}
body#english #contents #company dl dd {
	width: 450x;
	padding-left: 100px;
	border-bottom: #FFF 1px solid;
}