@charset "UTF-8"






/*  1. Set up
================================================================================= */


body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
	}

html,body {
	height: 100%;
	margin: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/bg.gif) repeat-x;
	behavior: url("http://www.muta-japan.com/csshover3.htc"); /* [hover] for win IE6 */
	}

img,table {
	border: none;
	}

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


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height:0;
	}
.clearfix {
	min-height: 1px;
	}
* html .clearfix {
	height: 1px;
	/*��*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

.hide {
	display: none;
	}


/*  2. Font
================================================================================= */


body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Verdana, Arial, sans-serif;
	color: #666;
	font-size: 10px;
	_font-size:62.5%;
	line-height: 1.5em;
	}

h1 {
	font-size: 0px;
	line-height: 0em;
	margin: 0px;
	padding: 0px;
	text-indent:	-9999px;
	}

h2,h3 {
	font-weight: bold;
	font-size: 120%;
	color: #333;
	/*line-height: 1.5em;*/
	margin: 0px;
	padding: 0px;
	}

h4,h5,h6 {
	font-weight: bold;
	font-size: 110%;
	color: #333;
	/*line-height: 1.5em;*/
	margin: 0px;
	padding: 0px;
	}


/* Opera9 */
;;body{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Verdana, Arial, sans-serif;
	}

/* IE7 */
*:first-child+html body{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Verdana, Arial, sans-serif;
	}

/* IE6 or sooner */
* html body{
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Verdana, Arial, sans-serif;
	}


h3 a {
	text-decoration: none;
	}
h3 a:link {
	color: #333;
	text-decoration: none;
	}
h3 a:visited {
	color: #333;
	text-decoration: none;
	}
h3 a:hover {
	color: #333;
	text-decoration: underline;
	}
h3 a:active {
	color: #333;
	text-decoration: none;
	}

a {
	text-decoration: none;
	}
a:link {
	color: #333;
	text-decoration: none;
	}
a:visited {
	color: #333;
	text-decoration: none;
	}
a:hover {
	color: #333;
	text-decoration: underline;
	}
a:active {
	color: #333;
	text-decoration: none;
	}

.red {
	color: #C03;
	}
.red a {
	color: #C03;
	}
.red a:link {
	color: #C03;
	}
.red a:hover {
	color: #C03;
	text-decoration: underline;
	}
.red a:active {
	color: #C03;
	}

.grey {
	color: #999;
	}
.grey a {
	color: #999;
	}
.grey a:link {
	color: #999;
	}
.grey a:visited {
	color: #999;
	}
.grey a:hover {
	text-decoration: underline;
	color: #999;
	}
.grey a:active {
	color: #999;
	}


/*  3. Container
================================================================================= */


#container {
	width:	840px;
	min-height:	100%;
	margin:	auto;
	height:	auto;
	}


/*  4. Flash
================================================================================= */


#bgFlash {
	width:	840px;
	height:	315px;
	position:	absolute;
	top:	0px;
	z-index: 1;
	background: #000;
	}

#main {
	width:	780px;
	margin:	0 30px;
	position:	absolute;
	top:	165px;
	z-index:	2;
	}

#left {
 width: 150px;
 float: left;
 margin-bottom: 50px;
 }

#right {
 width: 600px;
 margin: 120px 0 50px;
 float: right;
 }

.title {
 height: 40px;
 /*background: url(../images/dot2.gif) 0 bottom repeat-x;*/
	border-bottom: 1px dotted #666;
 }

#logo {
 width: 150px;
 height: 150px;
	margin-bottom: 10px;
 }


/*  5. Footer
================================================================================= */


#footer {
	width: 780px;
	clear: both;
	border-top: 1px dotted #666;
	}

#footer p {
 margin: 15px 0 25px;
	}

#footer p.left {
 float: left;
	}

#footer p.right {
 float: right;
 text-align: right;
	}


/*  6. Main
================================================================================= */


/*  6.1 SHOP
--------------------------------------------------------------------------------- */


#top-shop	{
	width:	600px;
	clear:	both;
	}

.top-shop-box1,.top-shop-box2 {
	float:	left;
	margin-top: 20px;
	height: 172px;
	}

.top-shop-box1 {
	padding-left: 20px;
	width: 280px;
	}

.top-shop-box2 {
	padding-left: 45px;
	width: 255px;
	}

.top-shop-box1 p,.top-shop-box2 p {
	width: 120px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top: 10px;
	}

.top-shop-box1-l,.top-shop-box2-l {
	width: 120px;
	margin-top: 15px;
	float: left;
	}

.top-shop-box1-r,.top-shop-box2-r {
	float: right;
	}

.top-shop-box1 a:hover img,.top-shop-box2 a:hover img {
 opacity: 0.80; /* [alpha] */
 filter: alpha(opacity=85); /* [alpha] for win IE */
	}


/*  6.2 NEW ARRIVAL
--------------------------------------------------------------------------------- */


#top-newarrival {
	width: 380px;
	float: left;
	}

.top-newarrival-box {
	padding: 20px 0;
	border-bottom: 1px dotted #DDD;
	}

.top-newarrival-box p {
	text-align: justify;
	text-justify: inter-ideograph;
	margin-top: 8px;
	}

.spec {
	color: #69C;
	}

.top-newarrival-box img {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #DDD;
	margin-right: 15px;
	}

.top-newarrival-box a:hover img {
 opacity: 0.80; /* [alpha] */
 filter: alpha(opacity=85); /* [alpha] for win IE */
	}


/*  6.3 INFORMATION
--------------------------------------------------------------------------------- */


#infomedia {
	width: 180px;
	float: right;
	}

#top-information {
	width: 180px;
	float: right;
	margin-bottom: 50px;
	}

.top-information-box {
	padding: 20px 0;
	border-bottom: 1px dotted #DDD;
	}

.top-information-box img {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #E7E6E2;
	background-color: #FFF;
	margin: 0 15px 15px 0;
	}

.top-information-box p {
	margin-top: 8px;
	/*text-align: justify;*/
	/*text-justify: inter-ideograph;*/
	clear: both;
	}


/*  6.4  MEDIA
--------------------------------------------------------------------------------- */


#top-media {
	width: 180px;
	float: right;
	}

.top-media-box {
	padding: 20px 0;
	border-bottom: 1px dotted #DDD;
	}

.top-media-box img {
	background-color: #FFF;
	margin: 0 10px 10px 0;
	}

.top-media-box a:hover img {
 opacity: 0.80; /* [alpha] */
 filter: alpha(opacity=85); /* [alpha] for win IE */
	}

.top-media-box p {
	text-align: justify;
	text-justify: inter-ideograph;
	clear: both;
	margin-top: 8px;
	}

#backnumber {
	margin-left: 10px;
	}


/*  7. Common
================================================================================= */


.topicpath {
	padding: 0;
	margin: 15px 0 30px 0;
	}