@charset "UTF-8";
/*////////////////////////////////////////////////////////////

- common.css


[YUI]
[Common]
	1.float
	2.box width
	3.margin
	4.padding
	5.clearfix
	6.hide text
	7.text decoration
	8.background / border
[Base]
	1.anchor
	2.container
	3.head
	4.foot
	5.content

////////////////////////////////////////////////////////////*/


/*############################################################

[YUI]

############################################################*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/*############################################################

[Common]

############################################################*/
/*==================================================

1.float
==================================================*/
.flt_left {
	padding: 0;
	margin: 0;
	float: left;
}
.flt_right {
	padding: 0;
	margin: 0;
	float: right;
}

/*==================================================

2.box width
==================================================*/
.box50	{ width: 50px; }
.box100	{	width: 100px;	}
.box105 {	width: 105px;	}
.box110 {	width: 110px;	}
.box145 {	width: 145px;	}
.box150 {	width: 150px;	}
.box180 {	width: 180px;	}
.box185 {	width: 185px;	}
.box195 {	width: 195px;	}
.box200 {	width: 200px;	}
.box250 {	width: 250px;	}
.box290 {	width: 290px;	}
.box295 {	width: 295px;	}
.box300 {	width: 300px;	}
.box315 {	width: 315px;	}
.box360 {	width: 360px;	}
.box450 {	width: 450px;	}
.box530 {	width: 530px;	}
.box540 {	width: 540px;	}
.box560 {	width: 560px;	}

/*==================================================

3.margin
==================================================*/

/* top
--------------------------------------------------*/
.mt0 { margin-top: 0!important; }
.mt3 { margin-top: 3px!important; }
.mt5 { margin-top: 5px!important; }
.mt7 { margin-top: 7px!important; }
.mt8 { margin-top: 8px!important; }
.mt10 { margin-top: 10px!important; }
.mt13 { margin-top: 13px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }

/* bottom
--------------------------------------------------*/
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb13 { margin-bottom: 13px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }

/* left
--------------------------------------------------*/
.ml4 { margin-left: 4px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml12 { margin-left: 12px!important; }
.ml15 { margin-left: 15px!important; }
.ml17 { margin-left: 17px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }

/* right
--------------------------------------------------*/
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }

/*==================================================

4.padding
==================================================*/

/* top
--------------------------------------------------*/
.pt0 { padding-top: 0!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }

/* bottom
--------------------------------------------------*/
.pb0 { padding-bottom: 0!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb13 { padding-bottom: 13px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }

/* left
--------------------------------------------------*/
.pl0 { padding-left: 0!important; }
.pl2 { padding-left: 2px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }

/* right
--------------------------------------------------*/
.pr0 { padding-right: 0!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }

/*==================================================

5.clearfix
==================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1px;
}
/* Hides from Mac IE \*/
* html .clearfix{ height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */

/*==================================================

6.hide text
==================================================*/
.hidetext{
	text-indent: -9999px;
	overflow: hidden;
}

/*\*//*/
.hack {
	letter-spacing : -9999px;
}
/**/

/*==================================================

7.text decoration
==================================================*/
.bold {
	font-weight: bold;
}
.attention {
	color: #CC0000;
}

/*==================================================

8.background / border
==================================================*/

/* dot
--------------------------------------------------*/
.top_dot {
	background: url(../images/common/bg_dot.gif) repeat-x left top;
}
.bottom_dot {
	background: url(../images/common/bg_dot.gif) repeat-x left bottom;
}

/* border bottom
--------------------------------------------------*/
.bottom_solid1 {
	border-bottom: 1px solid #CCCCCC;
}

/* border left
--------------------------------------------------*/
.left_solid2 {
	border-left: 2px solid #808080;
}
.left_solid4 {
	border-left: 4px solid #CCCCCC;
}

/* background
--------------------------------------------------*/
.bg_gray {
	background: #E5E5E5;
	padding: 6px 7px;
}


/*############################################################

[Base]

############################################################*/
html,
body {
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	/*height: 100%;*/
	text-align: center;
	background: #ffffff url(../images/common/bg01.jpg) repeat-x left top;
	color: #666666;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*==================================================

1.anchor
==================================================*/
a,
a:link,
a:visited {
	color: #3D3D64;
}
a:hover,
a:focus,
a:active {
	color: #8C8CA4;
}

a img,
a:link img,
a:visited img {
	color: #3D3D64;
	border-style: none;
}
a:hover img,
a:focus img,
a:active img {
	color: #8C8CA4;
	border-style: none;
}

/*==================================================

2.container
==================================================*/
#shadow {
	width: 760px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/common/bg02.gif) repeat-y left top;
}
#container {
	width: 630px;
	text-align: left;
	margin: 0;
	padding: 0 65px;
	background: url(../images/common/bg03.gif) no-repeat left top;
}

/*==================================================

3.head
==================================================*/
#head {
	width: 630px;
	border-top: 8px solid #000032;
}
	#head #headTxt {
		text-align: right;
	}
	#head #logoBlock {
		margin-top: 20px;
	}
	#head #logoBlock h1 {
		display: inline;
	}

/* cart button
--------------------------------------------------*/
#head #cartBtBlock {
	width: 300px;
	display: block;
	margin-top: 10px;
}
#head #cartBtBlock li {
	float: right;
	display: inline;
	margin-left: 30px;
}

/* navigation
--------------------------------------------------*/
#menu {
	margin: 0;
	padding: 0;
}

	#menu li {
		float: left;
		margin: 0;
		padding: 0;
	}

	#menu a {
		display: block;
		width: 105px;
		height: 20px;
		margin: 0;
		padding: 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	#menu a#navi_news {	background: url(../images/common/btn_news.gif) no-repeat 0 0;}
	#menu a#navi_info {	background: url(../images/common/btn_info.gif) no-repeat 0 0;}
	#menu a#navi_philosophy {	background: url(../images/common/btn_philosophy.gif) no-repeat 0 0;}
	#menu a#navi_feature {	background: url(../images/common/btn_feature.gif) no-repeat 0 0;}
	#menu a#navi_recommend {	background: url(../images/common/btn_recommend.gif) no-repeat 0 0;}
	#menu a#navi_brandstory {	background: url(../images/common/btn_brandstory.gif) no-repeat 0 0;}
	#menu a#navi_shop {	background: url(../images/common/btn_shop.gif) no-repeat 0 0;}
	#menu a#navi_blog {	background: url(../images/common/btn_blog.gif) no-repeat 0 0;}
	#menu a#navi_onlineshop {	background: url(../images/common/btn_onlineshop.gif) no-repeat 0 0;}
	
	/* roll over */
	#menu a#navi_news:hover,
	#menu a#navi_info:hover,
	#menu a#navi_philosophy:hover,
	#menu a#navi_feature:hover,
	#menu a#navi_recommend:hover,
	#menu a#navi_brandstory:hover,
	#menu a#navi_shop:hover,
	#menu a#navi_blog:hover,
	#menu a#navi_onlineshop:hover {
		background-position: 0 -20px;
	}
	
	/* active */
	#new #menu a#navi_news,
	#info #menu a#navi_info,
	#philosophy #menu a#navi_philosophy,
	#feature #menu a#navi_feature,
	#shop #menu a#navi_shop,
	#blog #menu a#navi_blog,
	#brand #menu a#navi_brandstory,
	#recommend #menu a#navi_recommend,
	#onlineshop #menu a#navi_onlineshop {
		background-position: 0 -20px;
	}
	
/* main image
--------------------------------------------------*/
#main_image {
	width: 630px;
	margin: 0;
	padding: 0;
}
	
/* flash content
--------------------------------------------------*/
#flashcontent {
	width: 630px;
	margin: 0;
	padding: 0;
}
div#flashcontent {
	margin-top: 1px;
	border: 1px solid #cccccc;
}
	div#flashcontent h2 {
		margin: 20px 20px 25px;
		color: #333333;
		font-size: 108%;
		font-weight: bold;
	}
	div#flashcontent p {
		margin: 15px 20px 0;
		line-height: 1.4;
		font-size: 93%;
	}
	div#flashcontent p.appendix {
		text-align: center;
		margin-bottom: 20px;
	}
	div#flashcontent ul {
		margin: 15px 20px 0;
	}
		div#flashcontent ul li {
			margin-bottom: 5px;
			list-style: inside disc;
			line-height: 1.2;
			font-size: 85%;
		}

/*==================================================

4.foot
==================================================*/
#foot {
	width: 630px;
	margin: 0;
	padding: 40px 0;
	border-bottom: 8px solid #000032;
}

#foot a,
#foot a:link,
#foot a:visited {
	color: #3D3D64;
}
#foot a:hover,
#foot a:focus,
#foot a:active {
	color: #8C8CA4;
}
	
	#footMenu {
		text-align: center;
		margin: 10px 0 0;
		padding: 10px 0;
		border-top: 1px dotted #A7A7B9;
		border-bottom: 1px solid #A7A7B9;
		font-size: 77%;
	}

	#foot #pageTop {
		text-align: right;
	}
	
	#foot #copyrightBlock {
		width: 630px;
		margin-top: 5px;
	}
	#foot #copyrightBlock #launch {
		margin-top: 5px;
	}


/*==================================================

5.content
==================================================*/
#content {
	width: 630px;
	margin-top: 25px;
}

/* detail button
--------------------------------------------------*/
.btDetailBase {
	cursor: pointer;
	position: relative;
	left: 0px;
	top: 0px;
}
.btDetail {
	position: absolute;
	right: 0px;
	bottom: 0px;
	clear: both;
}
.btDetail div {
	height: 20px;
	width: 105px;
}

.nonBtDetailBase {
	cursor: pointer;
}

/* main
--------------------------------------------------*/
#main {
	width: 420px;
	float: right;
}

/* left
--------------------------------------------------*/
#left {
	float: left;
	width: 160px;
	margin-bottom: 30px;
}

#left ul.sidemenu {
	padding: 0;
	margin: 10px 0 0 0;
}
#left ul.sidemenu li {
	margin: 0;
	padding: 0 0 0 5px;
	line-height: 1.8;
	font-size: 85%;
}
.archives_img{
	padding:15px 0 0;
}

/* banner
--------------------------------------------------*/
.bnrBlock .bnrBorder,
.bnrBlock .bnrNonBorder {
	cursor: pointer;
}
.bnrBlock .bnrBorder img {
	border: 1px solid #CCCCCC;
}
.bnrBlock .bnrBorder img.over {
	border: 1px solid #999999;
}
.bnrBlock .bnrBorder p {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 5px;
	line-height: 1.4;
	font-size: 77%;
}
.bnrBlock .bnrBorder p.over {
	color: #999999;
}

#left .bnrBlock .bnrBorder {
	margin-bottom: 15px;
}

#left .bnrBlock #premium {
	padding-top: 15px;
}


/*==================================================

6.topic path
==================================================*/
#topicPath {
	width: 590px;
	_width: 630px;
	margin-top: 10px;
	padding: 5px 10px;
	border-right: 10px solid #B4B4C4;
	border-left: 10px solid #B4B4C4;
	font-size: 85%;
}
	#topicPath dt {
		display: none;
	}
	#topicPath dd {
		float: left;
		line-height: 1.2;
	}
	#topicPath dd#btBack {
		float: right;
		line-height: 1.2;
	}