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

body{position: relative; z-index: inherit; zoom: 1;}/* border radius for IE6~8 */


/* header 
--------------------------------*/
div#header{width:788px; height:100px; margin:0 0 0 36px; position:relative; line-height:0.1; font-size:0.1;}
	div#header h1{width:152px; padding:25px 0 0; overflow:hidden; line-height:0;}
	div#header h2{display:none;}
	
	/* nav */
	div#gnavi h3{display:none;}
	div#gnavi ul{position:absolute; top:31px; right:0; width:524px; margin:0; list-style:none; z-index:10; line-height:0.1; font-size:0.1;}
	div#gnavi li{float:left; height:71px; margin:0; line-height:0.1; font-size:0.1;}
		div#gnavi li a{display:block; float:left; width:131px; height:37px; overflow:hidden; line-height:0.1; font-size:0.1; background:url(../images/gnavi_btn.jpg) no-repeat; text-indent:-9999px;}
		div#gnavi li#menu_game a{background-position:0 0;}
		div#gnavi li#menu_blog a{background-position:-131px 0;}
		div#gnavi li#menu_shop a{background-position:-262px 0;}
		div#gnavi li#menu_support a{background-position:100% 0;}
		div#gnavi li#menu_game a:hover{background-position:0 100%;}
		div#gnavi li#menu_blog a:hover{background-position:-131px 100%;}
		div#gnavi li#menu_shop a:hover{background-position:-262px 100%;}
		div#gnavi li#menu_support a:hover{background-position:100% 100%;}
		
		
/* #contents_top…トップページ、ニュース
---------------------------------------------*/
#contents_top{width:788px; margin:0 0 30px 36px; font-size:92%; line-height:1.35em; zoom:1; position:relative;}
#contents_top:after{display:block; clear:both; content:' '; height:0.1px; line-height:0.1px; overflow:hidden;}

div#main_news{width:566px; float:left; background:url(../images/news_bg.gif) repeat-y; border-bottom:solid 1px #c0c0c0; position:relative;}
	div#main_news h3{height:36px; margin:0; padding:0; font-size:0.1; line-height:0.1; text-indent:-9999px; overflow:hidden; background:url(../images/news_ttl.gif) no-repeat;}
	div#main_news table#news_body{margin:0;}
	div#main_news table#news_body td.date{padding:10px 20px 10px 15px; border-top:solid 1px #c0c0c0;}
	div#main_news table#news_body td.txt{padding:10px 15px 5px 0; border-top:solid 1px #c0c0c0;}
	table#news_body h4.date{font-size:100%; font-weight:normal; margin:0 0 3px;}
	table#news_body p.label{padding:3px 0; margin:0; font-size:81%; line-height:1; color:#fff; background:#00B2E5; text-align:center;}
	table#news_body h5.category{font-size:105%; margin:0 0 3px;}
	table#news_body td.txt p{margin:0 0 5px;}

div#sidebar_top{width:202px; float:right;}
		
	

/* #contents …製品情報、お問い合せ
---------------------------------------------*/
div#contents{width:788px; margin:0 0 40px 36px; background:url(../images/contents_bg.gif) repeat-y; border-bottom:solid 1px #c0c0c0; zoom:1;}
div#contents:after{display:block; clear:both; content:' '; height:0.1px; line-height:0.1px; overflow:hidden;}

	/* #page_path */
	ul#page_path{height:37px; margin:0 0 32px; padding:0 15px; overflow:hidden; background:url(../images/page_path_bg.gif) no-repeat; list-style:none;}
	ul#page_path li{float:left; font-size:14px; margin:2px 0 0; padding:0 20px 0 10px; line-height:35px; text-shadow: 0 -1px 0 #fff; background:url(../images/page_path_kugiri.gif) right center no-repeat;}
	ul#page_path li.active{background:none;}
	ul#page_path li a{color:#006699; text-decoration:none;}
	ul#page_path li a:hover{color:#69A5C3;}
	
	
	/* #main */
	div#main{width:527px; float:right;}


	/* #sidebar */
	div#contents div#sidebar{width:220px; float:left;}
		div#sidebar div.nav,
		div#sidebar div.aside{width:200px; margin:0 0 35px 20px; padding:0 0 1px; background:#d8d8df url(../images/side_bg_bottom.gif) bottom center no-repeat;}
		div#sidebar div.nav h3,
		div#sidebar div.aside h3{margin:0; padding:0; line-height:0.1; height:38px; overflow:hidden; background:url(../images/side_ttl_bg.gif) no-repeat; text-indent:-9999px;}
		div#sidebar div#snavi h3{background-position:0 0;}
		div#sidebar div#shopping h3{background-position:0 -38px;}
		div#sidebar div#pickup h3{background-position:0 100%;}

		div#sidebar div.nav h4{margin:0 9px; color:#fff; text-shadow:0 1px 0 #000; font-size:100%; font-weight:normal; line-height:1; padding:9px 10px 9px 20px; background:#606060 url(../images/side_sttl_bg.gif) repeat-x; border-left:solid 1px #c0c0c7; border-right:solid 1px #c0c0c7; border-top:solid 1px #c0c0c7;}/* supportで使用 */

		div#sidebar div.nav ul{list-style:none; margin:0 9px 8px; padding:0; border-top:solid 1px #c0c0c7;}
		div#sidebar div.nav ul li{border-left:solid 1px #c0c0c7; border-right:solid 1px #c0c0c7; border-bottom:solid 1px #c0c0c7;}
		div#sidebar div.nav ul li a,
		div#sidebar div.nav ul li span{display:block; padding:10px 10px 10px 20px; text-decoration:none; line-height:1.1em; background:#EFEFEF url(../images/side_menu_bg.gif) no-repeat; color:#444;}
		div#sidebar div.nav ul li.active a,
		div#sidebar div.nav ul li a:hover{color:#fff; background:#00B4E7 url(../images/side_menu_bg.gif) no-repeat 100% 0;}
		
		div#sidebar div.aside ul{list-style:none; margin:0 0 8px; padding:0;}
		div#sidebar div.aside ul li{margin:0; padding:0; line-height:0;}
	


/* #pagetop
--------------------------------*/
div#pagetop{background:url(../images/pagetop_bg.png) repeat-x; height:36px;}
	div#pagetop p{width:788px; margin:0 0 0 36px; background:url(../images/pagetop_tab.png) right top no-repeat; text-indent:-9999px;}
	div#pagetop p a{display:block; width:84px; height:38px; margin:0 0 0 704px;}

p.pagetop{margin:40px 20px 40px 0; border-top:solid 1px #9596B0; }
p.pagetop a{display:block; width:57px; height:30px; overflow:hidden; line-height:0.1; font-size:0.1; text-indent:-999px; background:url(../images/pagetop_2.gif) no-repeat; margin:0 0 0 450px;}

p.pagetop2{margin:40px 20px 40px 0; border-top:solid 1px #9596B0; }
p.pagetop2 a{display:block; width:57px; height:30px; overflow:hidden; line-height:0.1; font-size:0.1; text-indent:-999px; background:url(../images/pagetop_2.gif) no-repeat; margin:0 0 0 450px;}


/* #footer
--------------------------------*/
div#footer{background:#4c4c4c url(../images/footer_bg.png) repeat-x; padding:0 0 0 36px; color:#fff; position:relative; zoom:1;}
div#footer:after{display:block; clear:both; content:' '; height:0.1px; line-height:0.1px; overflow:hidden;}
	div#footer a{color:#fff; text-decoration:none;}
	div#footer a:hover{color:#bbb;}
	
	p#f_logo{position:absolute; width:155px; height:58px; margin:0; bottom:75px; left:670px;}

	div.f_content{max-width:180px; width:auto !important; width:180px; float:left; margin:0 0 30px;}
	div.f_content h4{font-weight:normal; font-size:100%; text-shadow: 0 -1px 0 #000; background:url(../images/footer_ico_arrow.gif) left center no-repeat; padding:0 0 0 19px; margin:0 0 10px;}
	div.f_content ul{font-size:92%; margin:0 45px 0 1.2em; padding:0;}
	
	div#footer p#f_copy{clear:both; width:788px; height:45px; margin:0; line-height:0; overflow:hidden; text-indent:-9999px; background:url(../images/copyright.png) no-repeat;}