@import url("reset.css");

/*common.css*/
html{
	background-color: transparent;
	background-image: none;
}

body{
	background	: #000000 url(../images/bg.gif);
	color		: #ffffff;
	font-family	: Arial,"ヒラギノ角ゴ Pro W3",Verdana,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	text-align	: center;
}

img{
	border-style	: none;
	border-width	: 0px;
	vertical-align	: top;
}
a{
	color		: #ffffff;
}
ul{
	list-style	: none;
}

#wrapper{
	/*background	: url(../images/bg_wrapper.png) repeat-y 0 0;*/
	margin		: 0px auto;
	position	: static;
	text-align	: left;
	width		: 1086px;
	z-index		: 1;


}

a.easyhover:hover{
	filter		: alpha(opacity=100);
	opacity		: 1.00;
	-moz-opacity	: 1.00;
}

a.easyhover{
	filter		: alpha(opacity=90);
	opacity		: 0.90;
	-moz-opacity	: 0.90;
}

/*---------------------*/
/*Header               */
/*---------------------*/
header{
	margin		: 0px auto;
	position	: relative;
	width		: 960px;
	z-index		: 1;

	_margin		: 0px auto 430px;
	_z-index	: 99;
}

header .logo{
	float		: left;
	margin		: 0px 0px 0px 10px;
	position	: relative;
	z-index		: 1;

	_margin		: 0px 0px 0px 5px;
}

header .logo h1,header .logo span.ttl{

}

header nav{
	float		: right;
	margin		: 0px 0px 0px 0px;
	text-align	: right;
}

header .logo .img_logo{
	padding		: 43px 0px 5px;


}


/*---------------------*/
/*Navi Sub             */
header nav ul.nav_sub{
	display		: inline;
	margin		: 0px 0px 0px 10px;
}

header nav ul.nav_sub li{
	display		: inline;
}


/*Language*/
header nav ul.nav_sub li.lang{
	z-index		: 1000;
	position	: absolute;
	top		: 0px;
	left		: 0px;
	margin		: 0px 8px 0px 550px;
}

header nav ul.nav_sub li.lang img{
	cursor		: pointer;
}

header nav ul.nav_sub li.lang ul{
	display		: none;
	left		: 0px;

	*margin		: 29px 0px 0px 0px;
	position	: absolute;
	z-index		: 1000;
}

header nav ul.nav_sub li.lang ul li{
	border-color	: #4e4e4e;
	border-style	: solid;
	border-width	: 0px 0px 1px;
	display		: block;
	z-index		: 1000;
}


/*---------------------*/
/*Navi Site            */
header nav ul.nav_site{
	display		: inline;
	margin		: 0px 0px 0px 0px;
	padding		: 0px 0px 0px;
	vertical-align	: -10px;
}

header nav ul.nav_site li{
	border-color	: #cccccc;
	border-style	: solid;
	border-width	: 0px 1px 0px 0px;
	display		: inline;
	font-size	: 85%;
	padding		: 0px 10px 0px 10px;

	*font-size	: 10px;
}

header nav ul.nav_site li.last{
	border-style	: none;
	border-width	: 0px;
}

header nav ul.nav_site a{
	color		: #cccccc;
	text-decoration	: none;
}
header nav ul.nav_site a:hover{
	color		: #ffffff;
	text-decoration	: underline;
}

/*---------------------*/
/*Navi Menu            */
header nav ul#menu{
	z-index		: 0;
}
header nav ul#menu li.main{

	padding		: 0px 0px 0px 30px;
}

header nav ul#menu li.main a:hover img{
	filter		: alpha(opacity=80);
	opacity		: 0.80;

	-moz-opacity:0.80;
}

#globalNavi{
	/*background	: url(image/navi.jpg) repeat-x;*/
	height		: 28px;
	padding-top	: 7px;
	text-align	: right;
}

#menu{
	float		: right;
	line-height	: 1;
	margin		: 0 0px;
	padding		: 40px 10px 0px 0px;
	position	: relative;
	text-align	: right;
}
#menu li{
	float		: left;
	list-style	: none;
	position	: relative;
	text-align	: right;
}
#menu li a{
	font-weight	: normal;
	text-decoration	: none;
	color		: #ffffff;
}
#menu li a:hover{
	color		: #cccccc;
}

/*---------------------*/
/*Inner Page           */
/*---------------------*/
.page_main {
    background: #000000;
    border-color: #313131;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 20px 0px 0px 63px;
    padding: 0px 0px 0px;
    position: relative;
    width: 958px;
    z-index: 0;
    _float: none;
    _text-align: left;
    _top: 0px;
    _margin: -400px 0px 0px 63px;
}

/*---------------------*/
/*TopicPath            */
.page_main nav .topic_path{
	border-color	: #313131;
	border-style	: solid;
	border-width	: 0px 0px 1px;
	font-size	: 85%;
	margin		: 0px;
	padding		: 8px 15px 7px;

	_font-size	: 10px;
}
.page_main nav .topic_path li{
	display		: inline;
	line-height	: 170%;
	list-style-type	: none;
	font-family	: Arial,"ヒラギノ角ゴ Pro W3",Verdana,"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing	: 1px;
}
.page_main nav .topic_path li a{
	background	: url(../../common/images/bg_path.gif) no-repeat right center;
	padding-right	: 10px;
	text-decoration	: none;
}

.page_main nav .topic_path li a:hover{
	color		: #999999;
}
/*---------------------*/
/*Left                 */
.page_main .left_menu{
	float		: left;
	margin		: 0px 0px 0px 17px;
	padding		: 20px 0px 20px;
	width		: 220px;

	_float		: none;
}

.page_main .left_menu h2{
	border-color	: #343434;
	border-style	: solid;
	border-width	: 0px 0px 5px;
	padding		: 0px 0px 5px;
	font-size	: 120%;
}

.page_main .left_menu .inner{
	border-style	: solid;
	border-width	: 1px;
	border-color	: #2a2a2a;
	display		: block;
	color		: #ffffff;
	background	: url(../../common/images/bg_left_menu.jpg) repeat-y 0 0;
	filter		: alpha(opacity=90);
	opacity		: 0.90;
	-moz-opacity	: 0.90;
	_padding	: 14px 0px 14px 0px;
}
.page_main .left_menu .inner:hover,.page_main .left_menu .inner.active{
	filter		: alpha(opacity=100);
	opacity		: 1.00;
	-moz-opacity	: 1.00;
	background	: url(../../common/images/bg_left_menu_on.jpg) repeat-y 0 0;
}
.page_main .left_menu .inner a{
	display		: block;
	background	: url(../../common/images/ico_left_menu_pointer_red.png) no-repeat 10px 50%;
	padding		: 14px 0px 14px 30px;
	text-decoration	: none;
	_padding	: 0px 0px 0px 30px;
}

.page_main .left_menu ul li ul{
	margin		: 0px 0px;
	border-width	: 0px 1px 0px;
	padding		: 1px 1px 1px;
	border-style	: solid;
	border-color	: #3d3d3d;
	background	: #000000;
}

.page_main .left_menu ul li ul li{
	padding		: 0px 20px 0px 0px;
	margin		: 0px;
	border-width	: 1px 1px 0px;
	border-style	: solid;
	border-color	: #343434;
}

.page_main .left_menu ul li ul li.last{
	border-width	: 1px 1px 1px;
}

.page_main .left_menu ul li ul li a{
	display		: block;
	text-decoration	: none;
	color		: #ffffff;
	font-weight	: normal;
	margin		: 0px 0px;
	padding		: 10px 10px 0px 29px;
	font-size	: 85%;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.page_main .left_menu ul li ul li a:hover{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.page_main .left_menu .top .bottom li ul{
	margin		: 0px 0px 0px;
}
.page_main .left_menu .top .bottom li ul li{
	margin		: 0px 0px 0px;
}

/*---------------------*/
/*Nav Bottom           */
.page_main .left_menu .bottom{
	/*padding		: 30px 0px 0px;*/
	padding		: 20px 0px 0px;
}

.page_main .left_menu .top .bottom{
	padding		: 0px 0px 0px;
}
.page_main .left_menu .bottom ul{
	margin		: 10px 0px 20px;
}
.page_main .left_menu .bottom ul li{
	margin		: 0px 0px 10px;
}

.page_main .left_menu .bottom ul li a{
	display		: block;

	_display	: inline;
}
.page_main .left_menu .bottom ul li a:hover img{

}

.page_main .left_menu li.active img{

}

.page_main .left_menu .bottom a img{
	filter		: alpha(opacity=90);
	opacity		: 0.90;
	-moz-opacity	: 0.90;
}
.page_main .left_menu .bottom a:hover img{
	filter		: alpha(opacity=100);
	opacity		: 1.00;
	-moz-opacity	: 1.00;
}


/*---------------------*/
/*Right                */
.page_main .right_contents{
	float		: right;
	margin		: 0px 30px 30px 0px;
	width		: 660px;


	_margin		: 0px 15px 30px 0px;
}

/*Pagetop*/
.page_main .right_contents .pagetop{
	text-align	: right;
	padding		: 5px 0px 40px;
	clear		: both;
}
.page_main .right_contents .pagetop a{
	background	: url(../../common/images/ico_pagetop_pointer.gif) no-repeat 0 3px;
	color		: #918e7d;
	font-size	: 85%;
	padding		: 0px 0px 0px 10px;
	text-decoration	: none;

	_font-size	: 10px;
}
.page_main .right_contents .pagetop a:hover{
	color		: #6d6a5e;
}

/*Pageback*/
.page_main .right_contents .pageback{
	text-align	: right;
	padding		: 5px 0px 40px;
	clear		: both;
}
.page_main .right_contents .pageback a{
	background	: url(../../common/images/ico_pageback_pointer.gif) no-repeat 0 3px;
	color		: #918e7d;
	font-size	: 85%;
	padding		: 0px 0px 0px 10px;
	text-decoration	: none;

	_font-size	: 10px;
}
.page_main .right_contents .pageback a:hover{
	color		: #6d6a5e;
}


/*---------------------*/
/*Footer               */
/*---------------------*/
footer{
    clear: left;
    padding: 50px 0px 0px;
    text-align: center;
    margin: 0;
    _z-index: 1;
}
footer nav{
    background: url(../../common/images/bg_footer_nav.jpg) no-repeat 50% 0px;
    border-color: #313131;
    border-style: solid;
    border-width: 1px 0px 0px;
    text-align: center;
}

footer nav .pagetop{
	margin		: -26px 0px 0px 844px;
	position	: static;
	_position	: relative;
}

.foot_nav{
	margin		: 0px auto;
	width		: 960px;
}

.foot_nav div{
	float		: left;
	padding		: 10px 30px 0px 25px;
	_padding	: 10px 0px 0px 0px;
	text-align	: left;
}
.foot_nav div.product{
	padding		: 10px 30px 0px 25px;
	_padding	: 10px 30px 0px 25px;
	width		: 250px;
	_width		: 250px;
}

.foot_nav div.event{
	padding		: 10px 30px 0px 25px;
	_padding	: 10px 30px 0px 25px;
}

.foot_nav div.etc{
	padding		: 10px 0px 0px 25px;
	_padding	: 10px 0px 0px 0px;
}
.foot_nav h2,.foot_nav span.ttl{
	font-weight	: bold;
	display		: block;
	height		: 12px;
	margin		: 0px 0px 10px;
	padding		: 0px;
}
.foot_nav span.ttl a{
	font-weight	: bold;
	text-decoration	: none;
}
.foot_nav ul{
	height		: 205px;
	margin		: 0px;
	padding		: 0px;
}

.foot_nav div.etc,.foot_nav div.shop,.foot_nav div.event{
	_width		: 180px;
	_float		: left;
	
}

.foot_nav div.etc ul{
	height		: 100%;
	margin		: 0px 0px 25px;
	_margin		: 0px 0px 0px 0px;
}
.foot_nav ul li{
	padding		: 0px 0px 0px 0px;
	font-size	: 85%;
	line-height	: 1.7;

	*font-size	: 10px;
}

.foot_nav ul li.left{
	clear		: left;
	float		: left;
	width		: 130px;
}
.foot_nav ul li.mb{
	margin-bottom	: 10px
}

.foot_nav ul li.b{
}

.foot_nav ul li a{
	color		: #999999;
	text-decoration	: none;
}
.foot_nav ul li a:hover{
	color		: #ffffff;
	text-decoration	: underline;
}
/*---------------------*/
/*Nav Lang             */
footer nav ul.lang{
    background: #000000;
    border-color: #282626;
    border-style: solid;
    border-width: 1px 1px 1px;
    clear: left;
    display: block;
    padding: 10px 0px;
}

footer nav ul.lang li{
	border-color	: #4f4f4f;
	border-style	: solid;
	border-width	: 0px 1px 0px 0px;
	color		: #4f4f4f;
	display		: inline;
	font-size	: 85%;
	padding		: 0px 10px;

	*font-size	: 10px;
}
footer nav ul.lang li.last{
	border-style	: none;
	border-width	: 0px;
}

footer nav ul.lang li a{
	color		: #cccccc;
	text-decoration	: none;
}

footer nav ul.lang li a:hover{
	text-decoration	: underline;
}

/*---------------------*/
/*Copyright            */
footer .copyright{
	font-size	: 85%;
	padding		: 20px 0px 20px;
	width		: 100%;

	*font-size	: 10px;
}

footer ul.site{
	display		: inline;
	padding		: 0px 30px 0px 0px;
}

footer ul.site li{
	border-color	: #4f4f4f;
	border-style	: solid;
	border-width	: 0px 1px 0px 0px;
	color		: #4f4f4f;
	display		: inline;
	font-size	: 85%;
	padding		: 0px 10px;

	*font-size	: 10px;
}

footer ul.site li.last{
	border-style	: none;
	border-width	: 0px;
}

footer ul.site li a{
	text-decoration	: none;
}
footer .copyright p{
	display		: inline;
}

footer .copyright img{
	vertical-align	: 0px;
}


/*---------------------*/
/*Etc                  */
.lang_ko{
	/*for Safari*/
	font-family	: Verdana;
}

br.clear{
	clear		: both;
}


/* common sytle */

.textRight{	text-align: right;}
.textCenter{ text-align: center; }

.mt5{	margin-top: 5px}
.mt10{	margin-top: 10px}
.mt13{	margin-top: 13px}
.mt15{	margin-top: 15px}
.mt20{	margin-top: 20px;}
.mt30{	margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{	margin-top: 50px;}
.mt65{	margin-top: 65px;}
.mb10{	margin-bottom: 10px;}
.mb15{	margin-bottom: 10px;}
.mb20{	margin-bottom: 20px;}
.mb30{	margin-bottom: 30px;}
.mb40{	margin-bottom: 40px;}

.mr5{	margin-right: 5px}
.mr10{	margin-right: 10px}
.mr15{	margin-right: 15px}
.mr20{	margin-right: 20px}
.mr30{	margin-right: 30px}
.mr40{	margin-right: 40px}

.ml5{	margin-left: 5px}
.ml10{	margin-left: 10px}
.ml15{	margin-left: 15px}
.ml20{	margin-left: 20px}

.p5{	padding: 5px}
.p10{	padding: 10px}
.p15{	padding: 15px}

.pl5{	padding-left: 5px}
.pl10{	padding-left: 10px}
.pl15{	padding-left: 15px}

.pr5{	padding-right: 5px}
.pr10{	padding-right: 10px}
.pr15{	padding-right: 15px}

.pb5{	padding-bottom: 5px}
.pb10{	padding-bottom: 10px}
.pb15{	padding-bottom: 15px}

.bold{	font-weight: bold;}

.fright{ float: right;}
.fleft{ float: left;}
.clear{    clear: both; }

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
 
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}