@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.07em;
		word-spacing:0.15em;
		background: #0e0e22 url(../images/common/body_pattern.jpg) repeat-x top;
}


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

/*Basic Style*/

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

h2, hr { display:none; }


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

#murasaki_en_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:169px;
						height:31px;
						position: absolute;
						top:14px;
						left:8px;
				}

				/* ---------------------------------
				*    Language Select
				*/	
				.header_area .header_box #language_box{
						width:250px;
						height:25px;
						color:#fff;
						font-size:85%;
						text-align:right;
						position: absolute;
						top: 10px;
						right: 10px;
				}
				.header_area .header_box #language_box a:link		{ color:#fff; text-decoration:underline; }
				.header_area .header_box #language_box a:visited	{ color:#fff; text-decoration:underline; }
				.header_area .header_box #language_box a:hover		{ color:#afafdd; text-decoration:none; }
				.header_area .header_box #language_box a:active		{ color:#fff; text-decoration:underline; }
		
		
		

/* =====================================================================
*
*    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:213px; 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:213px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat 0px -50px; }
						
				/* ---------------------------------
				*    Feature
				*/						
				.gnav_area .gnav_box .gnav_menu #feature a			{ width:212px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -213px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #feature a:hover	{ width:212px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -213px -50px; }
						
				/* ---------------------------------
				*    Online Shop
				*/							
				.gnav_area .gnav_box .gnav_menu #onlineshop a		{ width:212px; 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:212px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -425px -50px; }
						
				/* ---------------------------------
				*    Company
				*/							
				.gnav_area .gnav_box .gnav_menu #company a			{ width:213px; height:50px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -637px 0px; text-indent:-9999px; display:block; }
				.gnav_area .gnav_box .gnav_menu #company a:hover	{ width:213px; background: #3c3c88 url(../images/common/gnav.jpg) no-repeat -637px -50px; }




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

.contents_area {
		clear:both;
		background: #303055 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;
		color:#ccc;
		font-size:85%; /*11px*/
		text-align:left;
}

		.footer_box #footer_menu{
				float:left;
				width:415px;
		}
		
				.footer_box #footer_menu #footer_link{
						margin-bottom:5px;
				}
				
		.footer_box #copyright{
				float:right;
				width:415px;
				text-align:right;
		}