@charset "utf-8";
/* CSS Document */

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

　　背景ベース

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

html {font-size: 62.5%;}

body {color: #444444;letter-spacing: 0.1em;font: 1.4em/1.5 "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background: url(../images/skin/bg.jpg) repeat-x;border-top: 5px solid #3C3C3C;
	min-width:1100px;
	_display: inline;
	_zoom:1;}


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

　　ヘッダー

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

/*#header {width: 1050px;height: 115px;margin: 0px auto;padding: 20px 0px 25px;}
#headline {height: 25px;margin-bottom:25px;}*/

#header {width: 1050px;height: 100px;margin: 0px auto;padding: 5px 0px 15px;}

#headline {height: 25px;margin-bottom:10px;}

#headline h1 {color: #737373;display: block;float: left;padding-top: 10px;
	font-size: 11px;font-weight: normal;height: 15px;width: 400px;	margin-right: 20px;
	line-height: 1.1em;}

#headline #sns {float:left;}

#headline #language {float:left;width:160px;height:20px;margin-left:230px;
	padding-top:5px;}
#headline #language ul {overflow:hidden;}
#headline #language ul li {float:left;}


#headline #fontArea {float: right;height: 25px;width: 220px;letter-spacing:0;font-size:0.857em}
#headline #fontArea p.text {float:left;width:120px;line-height:1.2;padding-top:5px;}

#headline #fontArea #fontSize li {float:left;}
#headline #fontArea #fontSize img {cursor:pointer;}

#header .logo {margin-right:70px;float:left;}

#header ul#naviTop {width: 245px;float:right;}
#header ul#naviTop li {float:left;margin-right:15px;}


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

　　コンテンツ

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

#wrapper {width: 100%;}


/*-----------------------------------------------------------------------------
　　Global Navi
-----------------------------------------------------------------------------*/

#naviArea {width: 1050px;min-height: 70px;margin: 0px auto;}

#navi {width: 1050px;min-height: 60px;margin: 5px 0px;letter-spacing:0;}

#navi ul.purchase {float:left; width:290px;margin-right:50px;display: block;font-size:0;}
#navi ul.enjoy {float:left; width:335px;display: block;font-size:0;}
#navi ul.knowledge {float:right; width:325px;display: block;font-size:0;}

#navi ul.purchase li,#navi ul.enjoy li,#navi ul.knowledge li {font-size:16px;line-height:1.2;
	display:inline-block;
	/display:inline;
	/zoom:1;vertical-align:top;	
	/*float:left;*/
	margin-bottom:5px;}
#navi ul.purchase li a,#navi ul.enjoy li a,#navi ul.knowledge li a {
	padding:7px 5px 5px 22px;display:block;
	background:url(../images/skin/navi/icon_triangle-red.png) no-repeat 8px 0.6em;
	min-height:13px;
	color:#000;text-decoration:none;}
#navi ul.purchase li a:hover,#navi ul.enjoy li a:hover,#navi ul.knowledge li a:hover {
	color:#FFF;background-color:#313131;}


#navi ul.purchase li {width:145px;}
#navi ul.purchase li a {width:118px;}

#navi ul.enjoy li {width:155px;}
#navi ul.enjoy li a {width:128px;
	background:url(../images/skin/navi/icon_triangle-yellow.png) no-repeat 8px 0.6em;}
#navi ul.enjoy li.style {width:180px;}
#navi ul.enjoy li.style a {width:153px;}

#navi ul.knowledge li {width:165px;}
#navi ul.knowledge li a {width:138px;
	background:url(../images/skin/navi/icon_triangle-green.png) no-repeat 8px 0.6em;}
#navi ul.knowledge li.style {width:160px;}
#navi ul.knowledge li.style a {width:133px;}

#index #naviArea {margin-bottom:15px;}
/*-----------------------------------------------------------------------------
　　Breadcrumbs list (パンくずリスト)
-----------------------------------------------------------------------------*/

#breadArea {width: 100%;height: 29px;background: #f6f6f6;border-top: 6px solid #5d5d5d;margin-bottom:25px;} 

#breadList {width: 1035px;height: 21px;margin: 0px auto;padding-left: 15px;color: #444444;
	font-size: 0.857em;line-height: 1.0;padding-top: 8px;}

#breadcrumb li {display: inline;margin-right: 0.7em;}



/*-----------------------------------------------------------------------------
　　コンテンツエリア
-----------------------------------------------------------------------------*/

#container {width: 1050px;margin: 0px auto 50px;}

#index #container {width: 100%;margin: 0px 0px 50px;}


/* NEXT 2column  ---------------------------*/

#sidemenu {width:235px;padding-left:5px;float:left;}
#contents {width:795px;float:right;}



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

　　フッター

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

/*---------------------------------------------------------------------------------------
　　PageTop & Access
---------------------------------------------------------------------------------------*/

#footnavi {margin: 0px auto;width: 1070px;padding-right: 30px;}

#footnavi p#pagetop-end {text-align: right;margin-bottom: 15px;}


/*---------------------------------------------------------------------------------------
　　Footer & Address 
---------------------------------------------------------------------------------------*/

#footArea {width: 100%;background: #5D5D5D;}

#footer {width: 1040px;margin: 0px auto;padding: 10px 0px;}

#footer #foot-left {float: left;width: 535px;margin-right: 20px;color: #F2F2F2;font-size: 0.857em;}

#footer #foot-right {float: right;width: 300px;color: #F2F2F2;letter-spacing: 0em;font-size: 0.786em;
	text-align: right;}
#footer #foot-right a {color: #F2F2F2;text-decoration: underline;}
#footer #foot-right a:hover {color: #999999;text-decoration: underline;}