@charset "UTF-8";
@import url(reset.css);



/* =====================================================================
*	font adjustment
*
*	77% = 10px		108% = 14px		136% = 18px
*	85% = 11px		114% = 15px		152% = 20px
*	93% = 12px		122% = 16px		167% = 22px
*
*	182% = 24px		189% = 25px
* =================================================================== */
/* =====================================================================
*	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
* =================================================================== */

body {
		font: 13px/1.231 arial,helvetica,clean,sans-serif;
		*font-size: small; /* for IE6/7 */
		*font: x-small; /* for IE Quirks Mode */
		color: #666;
		line-height: 1.6em;
		letter-spacing: 0.03em;
		background: #d7dbed url(../images/common/body_pattern.jpg) repeat-x top;
}
body{
	font-family:"ＭＳ Ｐゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,arial,clean,sans-serif;
}


/* =====================================================================
*
*	JPN/ SKIN
*
*
*		1. Whole Style
*
*		2. Header
*
*		3. Global Navigation
*
*		4. Main Contents
*
*		5. Footer
*
* =================================================================== */

/*Basic Style*/

a:link		{ color:#3c3c88; text-decoration:underline; }
a:visited	{ color:#3c3c88; text-decoration:underline; }
a:hover		{ color:#7171aa; text-decoration:none; }
a:active	{ color:#3c3c88; text-decoration:underline; }

h2, hr { display:none; }


/* =====================================================================
*
*    1. Whole Style
*
* =================================================================== */

#murasaki_jpn_sub {
		text-align:center;
}


/* =====================================================================
*
*    2. Header
*
* =================================================================== */

.header_area {
		width:1000px;
		background: url(../images/common/header_bg.jpg) no-repeat top center;
		margin:0 auto;
		text-align:center;
}

		.header_area .header_box {
				width:850px;
				height:100px;
				background: url(../images/common/header_img.jpg) no-repeat top left;
				margin:0 auto;
				text-align:left;
				position:relative;
		}

				/* ---------------------------------
				*    Logo
				*/	
				.header_area .header_box h1{
						width:170px;
						height:45px;
						position: absolute;
						top:10px;
						left:8px;
				}

				/* ---------------------------------
				*    Language Select
				*/	
				.header_area .header_box #language_box{
						width:250px;
						height:30px;
						color:#333;
						font-size:85%;
						text-align:right;
						position: absolute;
						top: 10px;
						right: 10px;
				}
		
		
		

/* =====================================================================
*
*    3. Global Navigation
*
* =================================================================== */

.gnav_area {
		background: url(../images/common/gnav_pattern.jpg) repeat-x;
		text-align:center;
}

		.gnav_area .gnav_box {
				width:1000px;
				height:50px;
				background:url(../images/common/gnav_bg.jpg) no-repeat 0% 50%;
				margin:0 auto;
				text-align:center;
		}
		
				.gnav_area .gnav_box .gnav_menu{
						width:850px;
						height:50px;
						margin:0 75px;
				}
				
				.gnav_area .gnav_box .gnav_menu ul:after {
						content:".";
						display:block;
						height:0;
						clear:both;
						visibility:hidden;
				}
				
				.gnav_area .gnav_box .gnav_menu ul{
						zoom:1;
				} /* IE */
				
				.gnav_area .gnav_box .gnav_menu ul {
						width:850px;
						height:50px;
						list-style:none;
				}
				
				.gnav_area .gnav_box .gnav_menu li {
						float:left;
						list-style:none;
				}
				
				/* ---------------------------------
				*    Brand Story
				*/
				.gnav_area .gnav_box .gnav_menu #brandstory a		{ width:141px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat 0px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #brandstory a:hover	{ width:141px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat 0px -50px; }
					
				/* ---------------------------------
				*    Feature
				*/					
				.gnav_area .gnav_box .gnav_menu #feature a			{ width:142px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -141px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #feature a:hover	{ width:142px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -141px -50px; }
				
				/* ---------------------------------
				*    Media
				*/					
				.gnav_area .gnav_box .gnav_menu #media a			{ width:142px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -283px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #media a:hover		{ width:142px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -283px -50px; }
					
				/* ---------------------------------
				*    Online Shop
				*/						
				.gnav_area .gnav_box .gnav_menu #onlineshop a		{ width:142px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -425px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #onlineshop a:hover	{ width:142px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -425px -50px; }
				
				/* ---------------------------------
				*    Shop List
				*/						
				.gnav_area .gnav_box .gnav_menu #shoplist a			{ width:142px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -567px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #shoplist a:hover	{ width:142px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -567px -50px; }
					
				/* ---------------------------------
				*    Company
				*/					
				.gnav_area .gnav_box .gnav_menu #company a			{ width:141px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -709px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #company a:hover	{ width:141px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -709px -50px; }




/* =====================================================================
*
*    4. Main Contents
*
* =================================================================== */

.contents_area {
		clear:both;
		background: #fff url(../images/common/page_bg.jpg) repeat-x 50% 100%;
		text-align:center;
}

		.contents_area .contents_wrap {
				clear:both;
				background: url(../images/common/cont_pattern.jpg) repeat-x top;
				text-align:center;
		}
		
				.contents_area .contents_wrap .contents_box {
						width:1000px;
						background: url(../images/common/cont_bg.jpg) no-repeat top center;
						margin:0 auto;
				}
				
						.contents_area .contents_wrap .contents_box .main_area {
								clear:both;
								width:1000px;
								background: url(../images/common/footer_bg.jpg) no-repeat bottom;
								padding-bottom:150px;
								text-align:center;
						}
						
								.contents_area .contents_wrap .contents_box .main_area .main_box {
										width:850px;
										background:#fff;
										margin:0 auto;
										padding:40px 0 0;
										text-align:left;
								}

								.contents_area .contents_wrap .contents_box .main_area .main_box a:link 	{ color:#770044; text-decoration:underline; }
								.contents_area .contents_wrap .contents_box .main_area .main_box a:visited 	{ color:#770044; text-decoration:underline; }
								.contents_area .contents_wrap .contents_box .main_area .main_box a:hover 	{ color:#770044; text-decoration:none; }
								.contents_area .contents_wrap .contents_box .main_area .main_box a:active	{ color:#770044; text-decoration:underline; }



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

.footer_box {
		clear:both;
		width:850px;
		margin:0 auto;
		padding:10px 0;
		font-size: 10px;
		text-align:left;
		letter-spacing: 0.01em;
}

		.footer_box #footer_menu{
				float:left;
				width:480px;
		}
		
				.footer_box #footer_menu #footer_link{
						margin-bottom:5px;
						letter-spacing: 0.01em;
				}
				
		.footer_box #copyright{
				float:right;
				width:360px;
				text-align:right;
				letter-spacing: 0.01em;
		}