@charset "UTF-8";

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
line-height: 180%;
color: #00879f;
background-color: #FC0;
}
img {
border:none;
}
a:link, a:visited {
	color:#F30;
	text-decoration:none;
}
a:hover, a:active {
	color:#F60;
	text-decoration:none;
}

/*---20120125 2012 PE-背景画像固定----*/
.bgmaximage{
position:fixed !important;
}

#maincontent {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	width: 100%;
}
/*---20120125 2012 PE-背景画像固定----*/


#container {
	width: 997px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left;
}
#header {
	margin-top:40px;
	margin-bottom: 95px;
	background-image:url(../images/1);
	background-repeat:no-repeat;
}
#header h1 {
	width: 118px;
	margin: 0 auto; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 30px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	line-height: 0;
}
#header p {
width: 190px;
margin: 0 auto;
padding: 0;
}
#header ul#menu {
	width: 710px;
	margin: 40px auto;
}
/* IE-----------------*/
*html #header ul#menu {
width: 720px;
margin: 30px auto -30px;
}
*:first-child+html #header ul#menu {
width: 720px;
margin: 30px auto -30px;
}
/*--------------------*/

#header ul#menu li {
float: left;
list-style-type:none;
margin-right: 20px;
margin-left: 20px;
}
#header ul#menu li a {
display: block;
text-decoration: none;
text-indent: -9999px;
height: 10px;
overflow: hidden;
}
#header ul#menu li.news a {
background: url(../images/menu_news.png) right top no-repeat;
width: 33px;
}
#header ul#menu li.catalog a {
background: url(../images/menu_catalog.png) right top no-repeat;
width: 53px;
}
#header ul#menu li.season a {
background: url(../images/menu_season.png) right top no-repeat;
width: 85px;
}
#header ul#menu li.order a {
background: url(../images/menu_order.png) right top no-repeat;
width: 88px;
}
#header ul#menu li.shop a {
background: url(../images/menu_shop.png) right top no-repeat;
width: 98px;
}
#header ul#menu li.profile a {
background: url(../images/menu_profile.png) right top no-repeat;
width: 42px;
}
#header ul#menu li.press a {
background: url(../images/menu_press.png) right top no-repeat;
width: 31px;
}
#header ul#menu li a:hover {
background-position: 0 -10px;
}
#mainContent {
	width: 630px;
	margin: 0 auto 0;
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	color: #00879f;
	line-height: 18px;
}

#mainContent p {
	padding-bottom: 20px;
}

/* IE-----------------*/
*html #mainContent {
width: 610px;
margin: 0 auto;
padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
*html #mainContent p { 
padding-right: 50px;
}
*:first-child+html #mainContent {
width: 610px;
margin: 0 auto;
padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}
*:first-child+html #mainContent p { padding-right: 50px;}
/*--------------------*/

#mainContent h1 {
	font-size: 12px;
	font-weight: bold;
	color:#00879f;
	text-indent: 19px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color:#00879f;
	margin-bottom:30px;
}
#mainContent .main_img {
text-align: center;
}
#mainContent table {
	margin: 0 auto;
	padding-bottom: 0px;
	margin-bottom: 45px;
}

#mainContent ol {
	line-height:180%;
}
#footer {
padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
font-size: 11px;
text-align: center;
height: auto;
}
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 20px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	color: #00879f;
}
.clear {
clear: both;
}
/* IE-----------------*/
*html.clear {
height: 1%;}
	
*:first-child+html.clear {
height: 1%;}

/*--------------------*/
h2.intxt, h2.shop {
	font-size:12px;
	color: #F43F08;
}

.shop_data { margin-bottom:50px; padding:0; width:570px; min-height: 200px; clear:both;}
.shop_data .shop_img { float:left; width:300px;}
.shop_data ul.shop_txt {
	float:right;
	margin:0;
	padding:0 0 0 20px;
	width:250px;
	text-align:left;
	list-style-type:none;
	color: #00879f;
}

.theme {
margin-bottom:50px;
padding:0;
width:630px;
min-height: 200px;
clear:both;
}
.theme .theme_img {
float:left;
width:260px;
}
.theme ul.theme_txt { 
float:right; 
margin:0; 
padding:0 0 0 20px; 
width:350px; 
text-align:left; 
list-style-type:none;
}
#noel {
margin-top:20px;
margin-bottom:20px;
margin-left:6px;
}

/*----------CATALOG MENU----------*/
/*#catalogmenu {
margin-bottom: 70px;
font-size:11px;
}

#catalogmenu ul#menu {
width: 390px;
margin: 30px auto;
}

#catalogmenu ul#menu li {
float: left;
list-style-type:none;
margin-right: 20px;
margin-left: 20px;
color: #4B2510;
}*/


/*----------CATALOG MENU 2011.1017 追加----------*/


#catalogmenu {
margin-bottom: 70px;
font-size:11px;
}
#catalogmenu ul#menu {
	width: 420px;
	margin: 30px auto;
}

#catalogmenu ul#menu li {
	float: left;
	list-style-type:none;
	margin-right: 5px;
	margin-left: 10px;
	color: #00879f;
}

p.linkarea {
line-height:0;
text-align:center;
margin:0;
padding:0;
}