@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

/* Kill IE6 Background Flicker (CSS Invalid)*/
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); }

body{
	font-family: "Verdana","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 75%;
	text-decoration: none;
	color: #333;
	background-color: #f3f2eb;
	text-align: center;
}

.chrome_fontbug{
	font-family: "ヒラギノ角ゴ Pro W3","Osaka","ＭＳ Ｐゴシック","Sans-serif","Verdana";
}

body div{
	margin: 0px auto;
}
ul{
	list-style: none;
}
img{
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: top;
}

.center,
th.center,
td.center{
	text-align: center !important;
}

.left,
th.left,
td.left{
	text-align: left !important;
}

.right,
th.right,
td.right{
	text-align: right !important;
}

.f_right{
	float: right;
}

.f_left{
	float: left;
}
.fleft{
	float: left;
}
img.fleft{
	margin-right: 15px;
	vertical-align: middle;
}
.fright{
	float: right;
}
.clear{
	clear: both;
}
/* --------------------------------------------------
	Bordor
-------------------------------------------------- */
.bdrTGr{
	width: 100%;
    border-top: 2px solid #C0C0C0;
    padding-top:10px;
    }
/* --------------------------------------------------
	SIZE
-------------------------------------------------- */
.w5p{	width: 5%;	}
.w8p{	width: 8%;	}
.w10p{	width: 10%;	}
.w12p{	width: 12%;	}
.w15p{	width: 15%;	}
.w18p{	width: 18%;	}
.w20p{	width: 20%;	}
.w25p{	width: 25%;	}
.w30p{	width: 30%;	}
.w35p{	width: 35%;	}
.w40p{	width: 40%;	}
.w50p{	width: 50%;	}
.w60p{	width: 60%;	}
.w70p{	width: 70%;	}
.w100p{	width: 100%;}

.w50{ width:50px;}
.w75{ width:75px;}
.w100{ width:100px;}
.w125{ width:125px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w350{ width:350px;}

/* --------------------------------------------------
	MARGIN
-------------------------------------------------- */

.m5{ margin: 5px !important;}
.m10{ margin: 10px !important;}
.m15{ margin: 15px !important;}
.m20{ margin: 20px !important;}
.m30{ margin: 30px !important;}
.m35{ margin: 35px !important;}
.m40{ margin: 40px !important;}
.m45{ margin: 45px !important;}
.m50{ margin: 50px !important;}

.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.mt35{ margin-top: 35px !important;}
.mt40{ margin-top: 40px !important;}
.mt45{ margin-top: 45px !important;}
.mt50{ margin-top: 50px !important;}

.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}

/* --------------------------------------------------
	PADDING
-------------------------------------------------- */
.p5{	padding: 5px !important;	}
.p10{	padding: 10px !important;	}
.p15{	padding: 15px !important;	}
.p20{	padding: 20px !important;	}
.p30{	padding: 30px !important;	}
.p50{	padding: 50px !important;	}

.pl5{	padding-left: 5px !important;	}
.pl10{	padding-left: 10px !important;	}
.pl15{	padding-left: 15px !important;	}
.pl20{	padding-left: 20px !important;	}
.pl30{	padding-left: 30px !important;	}
.pl50{	padding-left: 50px !important;	}

.pb5{	padding-bottom: 5px !important;	}
.pb10{	padding-bottom: 10px !important;	}
.pb15{	padding-bottom: 15px !important;	}
.pb20{	padding-bottom: 20px !important;	}
.pb25{	padding-bottom: 25px !important;	}
.pb30{	padding-bottom: 30px !important;	}
.pb35{	padding-bottom: 35px !important;	}
.pb40{	padding-bottom: 40px !important;	}
.pb45{	padding-bottom: 45px !important;	}
.pb50{	padding-bottom: 50px !important;	}

.pt5{	padding-top: 5px !important;	}
.pt10{	padding-top: 10px !important;	}
.pt15{	padding-top: 15px !important;	}
.pt20{	padding-top: 20px !important;	}
.pt25{	padding-top: 25px !important;	}
.pt30{	padding-top: 30px !important;	}
.pt35{	padding-top: 35px !important;	}
.pt40{	padding-top: 40px !important;	}
.pt45{	padding-top: 45px !important;	}
.pt50{	padding-top: 50px !important;	}

.pr5{	padding-right: 5px !important;		}
.pr10{	padding-right: 10px !important;	}
.pr15{	padding-right: 15px !important;	}
.pr20{	padding-right: 20px !important;	}
.pr30{	padding-right: 30px !important;	}

/* --------------------------------------------------
	line-height
-------------------------------------------------- */
.l120{ line-height: 120%;}
.l130{ line-height: 130%;}
.l140{ line-height: 140%;}
.l150{ line-height: 150%;}
.l160{ line-height: 160%;}


/* --------------------------------------------------
	FONT
-------------------------------------------------- */
.small{
	font-size: 85%;}
.big{
	font-size: 120%;}
.bold{
	font-weight: bold;}
.font-a{
	color: #aaa;}
.font-g{
	color: #060;}
.font-r{
	color: #c30;}
.cyan{
	color: #399;}
.orange{
	color: #c63;}
.pink{
	color: #c66;}
.green{
	color: #693;}
.blue{
	color: #329fc4;}
.red{
	color: #FB5155;}
.blue_new7{
	color: #82c3ff;}
.font-gray{
	color: #555;}
/* deadlink */
.font-c{
	color: #ccc;}
.font-red{
	color: #FF0000;}

.indent{
	text-indent: 1em;
}
.indentm{
	text-indent: -1em;
}
.lettersp{
	letter-spacing: 1em;
}
p strong{
	font-weight: normal;
}
dd strong{
	font-weight: normal;
}
span strong{
	font-weight: normal;
}

h1{
	margin: 0px;
	padding: 0px;
	font-size: 150%;
	font-weight: bold;
}

h1.category_title{
	position:relative;
}

h1.category_title span{
	position:absolute;
	top:100px;
	left:20px;
	font-size: 150%;
	letter-spacing:0.2em;
}


h2{
	clear: both;
	padding: 12px 30px;
	font-size: 120%;
	font-weight: bold;
}
h2.concepttop{
	clear: both;
	padding: 12px 0px;
	font-size: 140%;
	font-weight: bold;
}
#itemphoto h2{
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	font-weight: bold;
}
h2.img{
	margin: 0px;
	padding: 0px;
}
h3{
	clear: both;
	padding: 12px 30px;
	font-size: 110%;
	font-weight: bold;
}
#cap_sbw h3{
	padding: 12px 15px;
	font-size: 110%;
	font-weight: bold;
}
h4{
	clear: both;
	margin: 10px 6px 5px 4px;
	padding: 4px 5px 5px 10px;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 2px dotted #ccc;
	border-left: 2px dotted #ccc;
}
#right .block_50thmodel .left_50th h4{
	clear: both;
	margin: 10px 6px 5px 0px;
	padding: 4px 5px 5px 0px;
	font-size: 120%;
	font-weight: bold;
	color:#999999;
	line-height:140%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #ccc;
	width:414px;
}
.doubleside{
	clear: both;
	margin: 10px 6px 5px 4px;
	padding: 4px 5px 22px 10px;
	font-size: 105%;
	font-weight: bold;
	border-bottom: 2px dotted #ccc;
	border-left: 2px dotted #ccc;
}
h5{
	font-size: 102%;
	margin: 2px 5px;
}
h5.prodName {
	font-size: 102%;
	margin: 20px 5px 2px 5px;
}
.shopgreen{
	clear: both;
	margin: 10px 0px 0px 0px;
	padding: 4px 5px 5px 30px;
	font-size: 110%;
	font-weight: bold;
	border: none;
	background: transparent url("../jp/images/icon24_green.png") no-repeat;
}
.silver-stripe{
	margin: 10px 0;
	padding: 0 0 0 25px;
	width: auto;
	color: #360;
	background: #eee url(../images/bg_pattern_stripe.gif) repeat;
	border-left: 10px double #9c3;
	letter-spacing: 0.1em;
	line-height: 2.5;
	clear: both;
}
/* --------------------------------------------------
	LINK
-------------------------------------------------- */
a{
	text-decoration: none;
	font-weight: nomal;
}
a:link{
	color: #33c;
}
a:visited{
	color: #33c;
}
a:hover{
	color: #33c;
	text-decoration: underline;
}

/* linkblue */
.font-b a{
	color: #33c;
}
.font-b a:visited{
	color: #33c;
}

/* --------------------------------------------------
	CONTENTS AREA
-------------------------------------------------- */
#contents{
	background: url(../images/contents_bg.jpg) repeat-x;
	height: auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	text-align: center;
	width: 968px;
	min-width: 968px;
}
#main{
	clear: both;
	width: 918px;
	height: auto;
	text-align: left;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
	position: relative;
	z-index: 1;
}
#main:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

/* --------------------------------------------------
	HEADER
-------------------------------------------------- */

#header{
	width: 918px;
	background: #050505;
	height: 94px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	position: relative;
	z-index: 2;
}
#header .logo{
	position: absolute;
	width: 165px;
	height: 49px;
	margin: 44px 0 0 -16px;
}
#en #header .logo,
#kr #header .logo{
	width: 210px;
	height: 62px;
	margin: 33px 0 0 0;
}
#tw #header .logo,
#cn #header .logo{
	position: absolute;
	width: 165px;
	height: 49px;
	margin: 44px 0 0 -16px;
}
#header .headright{
	width: 769px;
	height: 94px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#en #header .headright,
#kr #header .headright{
	width: 664px;
}
#header ul.lang{
	width: auto;
	height: 20px;
	float: right;
}
#header ul.lang li{
	float: left;
	margin: 2px 0 0 10px;
	padding-left: 10px;
	font-size: 86%;
	font-weight: bold;
	background: transparent url("../images/list_square_gray.gif") no-repeat;
	background-position: 0% 50%;
}
#header ul.lang li span{
	font-weight: normal;
}
#header ul.lang li.active{
	background: transparent url("../images/list_square_pink.gif") no-repeat;
	background-position: 0% 50%;
}
#header ul.lang li.active a{
	color: #333;
}
#header ul.lang li.active a span{
	font-weight: normal;
}
#header .middle{
	clear: both;
	height: 24px;
}

#header .middle .header_middle_left{
	height: 30px;
	width: 360px;
	float: left;
}
#header .middle .header_middle_right{
	float: right;
	width: 408px;
}
#header h1.policy{
	clear: both;
	margin: 4px 0 0 2px;
	padding: 0 0 0 5px;
	width: auto;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
}
#header h1.policy span.gray_copy{
	color: #666;
}
#header p.policy{
	clear: both;
	margin: 4px 0 0 2px;
	padding: 0 0 0 5px;
	width: auto;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;
}

#header p.policy span.gray_copy{
	color: #666;
}
#header ul.smallnavi{
	margin: 0 0 5px 0;
	float: right;
	width: auto;
	line-height: 1.6;
	font-size: 12px;
	width: 408px;
}
#header ul.smallnavi li{
	float: right;
	margin: 0 0 0 12px;
	padding-left: 3px;
	border-left: 8px solid #ccc;
}
#header ul.smallnavi li.login{
	border-left: 8px solid #f15f38;
}
#header ul.smallnavi li.login a{
	color: #ca5637;
}
#header ul a{
	color: #333;
}
#header ul li a:hover{
	color: #c30;
	text-decoration: none;
}

/*     NAVIGATION     */
#header .navi{
	margin: 0;
	padding: 0;
	clear: both;
	float: right;
    z-index: 30;
}
	#header .navi ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	/*Top level list items*/
	#header .navi ul li{
		position: relative;
		display: inline;
		float: left;
	}
	/*Top level menu link items style*/
	#header .navi ul li a{
		display: block;
		padding: 0;
		margin: 0 0 0 3px;
		color: #666;
		cursor: pointer;
	}
	#header .navi ul li a.menulink{
		width: 150px;
		height: 50px;
		background: #fff url("../images/navi_bg_off.gif") 0 0 no-repeat;
	}
	#header .jp_navi ul li a.menulink{
		width: 150px;
		height: 50px;
		background: #fff url("../images/navi_bg_off.gif") 0 0 no-repeat;
	}
	/*
	#jp #header .navi ul .menulink span.product{
		background: url("../jp/images/navi_product.gif") no-repeat;}
	#jp #header .navi ul .menulink span.shop{
		background: url("../jp/images/navi_shop.gif") no-repeat;}
	#jp #header .navi ul .menulink span.event{
		background: url("../jp/images/navi_event.gif") no-repeat;}
	#jp #header .navi ul .menulink span.salon{
		background: url("../jp/images/navi_salon.gif") no-repeat;}
	#jp #header .navi ul .menulink span.mono{
		background: url("../jp/images/navi_mono.gif") no-repeat;}
	*/
		
	#en #header .navi ul .menulink span.home{
		background: url("../en/images/navi_home.gif") no-repeat;}
	#en #header .navi ul .menulink span.product{
		background: url("../en/images/navi_product.gif") no-repeat;}
	#en #header .navi ul .menulink span.shop{
		background: url("../en/images/navi_shop.gif") no-repeat;}
	#en #header .navi ul .menulink span.mono{
		background: url("../en/images/navi_mono.gif") no-repeat;}

	#cn #header .navi ul .menulink span.home{
		background: url("../cn/images/navi_home.gif") no-repeat;}
	#cn #header .navi ul .menulink span.product{
		background: url("../cn/images/navi_product.gif") no-repeat;}
	#cn #header .navi ul .menulink span.shop{
		background: url("../cn/images/navi_shop.gif") no-repeat;}
	#cn #header .navi ul .menulink span.mono{
		background: url("../cn/images/navi_mono.gif") no-repeat;}
	#cn #header .navi ul .menulink span.pro{
		background: url("../cn/images/navi_pro.gif") no-repeat;}
	
	#tw #header .navi ul .menulink span.home{
		background: url("../tw/images/navi_home.gif") no-repeat;}
	#tw #header .navi ul .menulink span.product{
		background: url("../tw/images/navi_product.gif") no-repeat;}
	#tw #header .navi ul .menulink span.shop{
		background: url("../tw/images/navi_shop.gif") no-repeat;}
	#tw #header .navi ul .menulink span.mono{
		background: url("../tw/images/navi_mono.gif") no-repeat;}
	#tw #header .navi ul .menulink span.pro{
		background: url("../tw/images/navi_pro.gif") no-repeat;}

	#kr #header .navi ul .menulink span.home{
		background: url("../kr/images/navi_home.gif") no-repeat;}
	#kr #header .navi ul .menulink span.product{
		background: url("../kr/images/navi_product.gif") no-repeat;}
	#kr #header .navi ul .menulink span.shop{
		background: url("../kr/images/navi_shop.gif") no-repeat;}
	#kr #header .navi ul .menulink span.mono{
		background: url("../kr/images/navi_mono.gif") no-repeat;}

	#header .navi ul li .menulink:hover{
		background: #fff url("../images/navi_bg_on.gif") 0 0 no-repeat;
	}
	#header .jp_navi ul li .menulink:hover{
		background: #fff url("../jp/images/navi_bg_on.gif") 0 0 no-repeat;
	}
	#header .navi ul li span{
		position: absolute;
	    width: 100%;
	    height: 100%;
	}
	/*1st sub level menu*/
	#header .navi ul li ul{
		position: absolute;
		top: 0;
		left: 0;
		margin: -1px 0 0 0;
		padding: 0;
		display: block;
		visibility: hidden;
		border: 1px solid #aaa;
		border-top: none;
		background: #f1f1f1;
	}

	/*Sub level menu list items (undo style from Top level List Items)*/
	#header .navi ul li ul li{
		display: list-item;
		float: none;
	}
	#header .navi ul li ul li strong{
		padding: 4px 5px;
		margin: 0;
		display: block;
		width: 138px;
		_width: 148px;
	}

	/*All subsequent sub menu levels vertical offset after 1st level sub menu */
	#header .navi ul li ul li ul{
		top: 0;
		margin: 5px 0 0 0;
	}

	/* Sub level menu links style */
	#header .navi ul li ul li a{
		background: #f1f1f1;
		padding: 4px 5px;
		margin: 0;
		color: #333;
		width: 138px;
		_width: 148px;
		display: block;
	}
	#header .navi ul li ul li a:hover{ /*sub menus hover style*/
		background: #999;
		color: #fff;
	}
	#header .navi ul .topline{
		border-top: 1px solid #ccc;
	}
	#header .navi ul li p.sub strong{
		font-weight: normal;
	}
/* --------------------------------------------------
	LEFT
-------------------------------------------------- */
#left{
	float: left;
	width: 220px;
	height: auto;
	background-color: ;
	margin: 0px;
	padding: 0px;
}

#lefthead{
	width: 220px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#category,
#left .category{
	width: 220px;
	height: 34px;
	padding: 15px 0px 0px 0px;
}


#left .basemenu,
#left .specialmenu,
#left .athportmenu,
#left .beresmenu{
	clear: both;
	width: 220px;
	height: auto;
	margin: 15px 0px 0px 0px;
	padding: 0;
}
#left .basemenu a,
#left .specialmenu a,
#left .athportmenu a,
#left .beresmenu a{
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}
#left .beresmenu strong a{
	font-weight: normal;
}
#left .basemenu a{
	background-image: url("../images/lmenu.gif");
	background-repeat: repeat-y;
	font-weight: normal;
}
#left .basemenu a img{
	vertical-align: middle;
	border:0;
}
#left .specialmenu a{
	background-image: url("../images/lmenu_sp.gif");
	background-repeat: repeat-y;
}
#left .athportmenu a{
	background-image: url("../images/lmenu_gray.gif");
	background-repeat: repeat-y;
}
#left .beresmenu a{
	background-image: url("../images/lmenu_blue.gif");
	background-repeat: repeat-y;
}
#left .basemenu a:hover,
#left .specialmenu a:hover,
#left .athportmenu a:hover,
#left .beresmenu a:hover{
	background-image: url("../images/lmenu_on.gif");
	color: #33c;
}
#menuarea,
.menuarea{
	padding: 15px 0px 0px 0px;
}

#menuarea p,
.menuarea p{
	line-height: 140%;
}

#menuarea img,
.menuarea img{
	vertical-align: middle;
	margin-right: 5px;
}

#leftmenu, #beresmenu, #athportmenu{
	width: 220px;
	height: 28px;
	padding: 0px;
	margin: 0px;
}

#leftmenu a{
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	background-image: url("../images/lmenu.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#beresmenu a{
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	background-image: url("../images/lmenu_blue.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#beresmenu strong{
	font-weight: normal;
}
#athportmenu a{
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	background-image: url("../images/lmenu_gray.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#leftmenu p{
	font-weight: bold;
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	background-image: url("../images/lmenu.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#beresmenu p{
	font-weight: bold;
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	background-image: url("../images/lmenu_blue.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#athportmenu p{
	font-weight: bold;
	display: block;
	color: #333;
	padding: 7px 15px;
	text-decoration: none;
	background-image: url("../images/lmenu_gray.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#leftmenu a:hover, #beresmenu a:hover, #athportmenu a:hover{
	background-image: url("../images/lmenu_on.gif");
	color: #33c;
}


#leftinner,
#monoinner{
	background-color: #f3f2eb;
	margin: 0px;
	padding: 0px;
}
#itemInner{
	background-color: #efefef;
	margin: 0px;
	padding: 0px;
}

#itemInner li{
	clear: both;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	background:url(../images/bg_item_left_menu_icon.gif) no-repeat 10px 50% #efefef;
	width: 220px;
	height: 3em;
	line-height: 3em;
}
#itemInner li a{
	width: 193px;
	padding-left: 27px;
	}
#itemInner li p{
	font-weight: bold;
	width: 193px;
	padding-left: 27px;
	background-color: #efefef;
}
#itemInner li.leftCategory{
	/width: 100%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6E6E6E !important;
	background-image: none !important;
	width: 193px !important;
	padding: 7px 0 7px 27px;

	}
#itemInner li.leftCatLnk{
	background: #09113F url(../images/bg_left-menu-category.gif) no-repeat left center ;
	width: 220px;
	}
#itemInner li.leftCatLnk a:link{
	color: #fff;
	font-weight: bold;
	
}
#itemInner li.leftCatLnk a:visited{
	color: #fff;
	font-weight: bold;
	
}
#itemInner li.leftCatLnk a:hover{
	color: #EFEFEF;
	font-weight: bold;
	text-decoration: underline;
	
}
#itemInner li a:link{
	display: block;
	color: #545454;
}
#itemInner li a:visited{
	color: #545454;
}
#itemInner li a:hover{
	color: #666;
	text-decoration: underline;
}

#beresinner{
	background-color: #00125e;
	margin: 0px;
	padding: 0px;
}

#athportinner{
	background-color: #444;
	margin: 0px;
	padding: 0px;
}

#leftinner li,
#beresinner li,
#athportinner li{
	clear: both;
	list-style: none;
	width: 220px;
	height: auto;
	border-bottom: 1px dotted #ccc;
}

#leftinner li.leftCategory,
#beresinner li.leftCategory,
#athportinner li.leftCategory{
	color: #fff;
	background: #08123e url(../images/left-menu-category-icon.jpg) no-repeat 13px 50%;
	padding: 5px 25px 5px 28px;
	width: 165px;
	/width: 100%;
	font-weight: bold;
	}


#leftinner li a{
	display: block;
	color: #333;
	padding: 5px 25px;
}

#leftinner li p{
	font-weight: bold;
	display: block;
	color: #333;
	padding: 5px 25px;
}

#leftinner li a:hover{
	display: block;
	color: #33c;
	padding: 5px 25px;
}

#beresinner li a{
	display: block;
	color: #cc9;
	padding: 5px 25px 5px 30px;
}
#beresinner li a:hover{
	color: #e5e5ac;
}

#beresinner li p{
	font-weight: bold;
	display: block;
	color: #cc9;
	padding: 5px 25px;
}


#athportinner li a{
	display: block;
	color: #eee;
	padding: 5px 25px;
}

#athportinner li p{
	font-weight: bold;
	display: block;
	color: #eee;
	padding: 5px 25px;
}


#monoinner li{
	list-style: none;
	width: 220px;
	height: auto;
	border-bottom: 1px dotted #ccc;
	padding: 5px 0px;
}

#monoinner .storytitle{
	padding: 3px 20px 5px 20px;
}

#monoinner li p.title,
#monoinner li a.title,
#monoinner li a.title:hover{
	font-weight: bold;
	line-height: 1.2em;
	width: auto;
	display: inline;
	background: transparent;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: left;
}

#monoinner li p.title{
	color: #333;
}

#monoinner li a.title{
	color: #996;
}

#monoinner li a.title:hover{
	color: #33c;
}

#monoinner li a{
	display: inline;
	color: #333;
	margin: 5px 10px 5px 0px;
	width: 15px;
	text-align: center;
	border: 1px solid #d5d3b6;
}

#monoinner li a:hover{
	display: inline;
	color: #33c;
	margin: 5px 10px 5px 0px;
	width: 15px;
	background: #fff;
	text-align: center;
}

#monoinner li p{
	font-weight: bold;
	display: inline;
	color: #333;
	margin: 5px 10px 5px 0px;
	width: 15px;
	background: transparent;
	text-align: center;
}

/* --------------------------------------------------
	LEFT　LINK
-------------------------------------------------- */


#ll_brand{
	margin: 15px 0px 20px 0px;
}

#ll_brand li{
	margin: 2px 0px;
	list-style: none;
}

#ll_brand p{
	text-indent: -9999em;
}

#ll_brand .b_beres a{
	display: block;
	width: 220px;
	height: 50px;
	background-image: url("../images/ll_beres.gif");
}

#ll_brand .b_beres a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background-image: url("../images/ll_beres_on.gif");
}

#ll_brand .b_ath a{
	display: block;
	width: 220px;
	height: 50px;
	background-image: url("../images/ll_ath.gif");
}

#ll_brand .b_ath a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background-image: url("../images/ll_ath_on.gif");
}


#ll_pick{
	margin: 10px 0px 50px; 0px;
	border-bottom: 1px solid #ccc;
	font-size: 85%;
	letter-spacing: 0.1em;
}

#ll_pick ul{
	margin: 0px;
	padding: 0px;
}

#ll_pick li{
	list-style: none;
	width: 220px;
	height: auto;
	background-image: url("../images/lmenu_gray.gif");
	background-repeat: repeat-y;
	border-top: 1px solid #ccc;
}


#ll_pick li a{
	display: block;
	color: #333;
	padding: 6px 20px;
	font-weight: normal;
}

#ll_pick li a:hover{
	text-decoration: none;
	color: #33c;
	background-image: url("../images/lmenu_on.gif");
}


/*---li_pick_en---～*/
#ll_pick_th_lp a {
	margin-top: -30px;
	margin-bottom: 50px;

	position: relative;
	display: block;
	width: 220px;
	height: 50px;
	background: url(../en/images/ll_th_lp.jpg) no-repeat 0 0;
}

#ll_pick_th_lp a:hover {
background: url(../en/images/ll_th_lp.jpg) no-repeat 0 -50px;
}

#ll_pick_th_lp span {
	position: absolute;
	top: 18px;
	left: 70px;
	font-size: 90%;
	letter-spacing: 0em;
	color: #333;
}



/*---li_pick_jp---～*/
#ll_pick_jp{
	margin: 10px 0px 50px; 0px;
	
	/*font-size: 85%;*/
	letter-spacing: 0.1em;
}

#ll_pick_jp ul{
	margin: 0px;
	padding: 0px;
}

#ll_pick_jp li{
	list-style: none;
	width: 220px;
	height: auto;
	background-image: url("../images/lmenu_gray.gif");
	background-repeat: repeat-y;
	
	
	margin: 12px 0px;
	list-style: none;
}


#ll_pick_jp .b_contact a{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	display: block;
	color: #333;
	padding: 7px 15px;
	font-weight: normal;
}

#ll_pick_jp .b_contact a:hover{
	text-decoration: none;
	color: #33c;
	background-image: url("../images/lmenu_on.gif");
}

#ll_pick_jp p{
	text-indent: -9999em;
	overflow: hidden;
}



#ll_pick_jp .b_catalog a{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_catalog.jpg) no-repeat 0 0;
	/*background-image: url("../images/ll_catalog.jpg");*/
}

#ll_pick_jp .b_catalog a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_catalog.jpg) no-repeat 0 -50px;
}

#ll_pick_jp .b_family a{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_family.gif) no-repeat 0 0;
}

#ll_pick_jp .b_family a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_family.gif) no-repeat 0 -50px;
}

#ll_pick_jp .b_owner a{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_owner.jpg) no-repeat 0 0;
}

#ll_pick_jp .b_owner a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_owner.jpg) no-repeat 0 -50px;
}
#ll_pick_jp .b_hom50 a{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/hom50_leftbn.gif) no-repeat 0 0;
}

#ll_pick_jp .b_hom50 a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/hom50_leftbn.gif) no-repeat 0 -50px;
}
#ll_pick_jp .b_sida a{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_sida_off.jpg) no-repeat 0 0;
}

#ll_pick_jp .b_sida a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_sida_on.jpg) no-repeat 0 0;
}
#ll_pick_jp .b_shop a{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_shop_off.jpg) no-repeat 0 0;
}

#ll_pick_jp .b_shop a:hover{
	display: block;
	width: 220px;
	height: 50px;
	background: url(../images/ll_shop_on.jpg) no-repeat 0 0;
}
/*～---li_pick_jp---*/






#category_02{

	height: 42px;
	padding: 25px 0px 0px 0px;
}
#leftinner ul.category_02_ul{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-top: 1px solid #bbb;
	background: #fff;
}
#leftinner ul.category_02_ul li{
	background: url(../jp/images/icon-honmaism01.gif) no-repeat 5px 50% #fff;
	padding: 10px 0;
	border-bottom: 1px solid #bbb;
	color: #333;
	width: 218px;
}
#leftinner ul.category_02 li a{
	color: #333;
	display: block;
	background: #333;
	text-decoration: none;
}
#leftinner li a:hover{
	color: #33c;
	text-decoration: none;
}

/* --------------------------------------------------
	RIGHT
-------------------------------------------------- */
#right{
	float: right;
	width: 673px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: left;
    position: relative;
}

#right_shaft{
	width: 673px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#right p.boxtext{
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 40px 20px 40px;
	padding: 20px;
	background: #f2ecd6;
	border: 1px solid #e0d5ad;
}
#righthead{
	width: 673px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#txtarea{
	width: 673px;
	height: auto;
	padding-top: 15px;
	text-align: left;
}

#rightmain{
	width: 673px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.caption_basic,
.caption_beres{
	clear: both;
	margin: 0;
	padding: 12px 30px 0 30px;
	height: 28px;
	_height: 40px;
	background: #fff url("../images/caption_nomal.gif") no-repeat;
	color: #eee;
}
.caption_basic{
	background: #fff url("../images/caption_nomal.gif") no-repeat;}
.caption_beres{
	background: #fff url("../images/caption_beres.gif") no-repeat;}

.caption_attention{
	line-height: 1;
	clear: both;
	margin:  0 20px 0 10px;
	padding: 5px 30px 0 40px;
	height: 26px;
	_height: 30px;
	background: #fff url("../images/mark_attention.gif") left top no-repeat;
	color: #690;
	font-size: 120%;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #9c0;
}
#capnomal{
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: #fff url("../images/caption_nomal.gif") no-repeat;
	color: #eee;
}
#capberes{
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: #fff url("../images/caption_beres.gif") no-repeat;
	color: #eee;
}

#capathport{
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: #fff url("../images/caption_athport.gif") no-repeat;
	color: #eee;
}

#caphonma{
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: #fff url("../images/caption_honma.gif") no-repeat;
	color: #eee;
}

#cap_sbw{
	clear: both;
	height: 40px;
	margin: 0px;
	padding: 0px;
	background: #fff url("../images/caption_sbw.gif") no-repeat;
	color: #eee;
}

#rightfoot{
	clear: both;
	width: 673px;
	height: auto;
	margin: 0;
	padding: 30px 0 10px 0;
	text-align: right;
}
#rfootnavi{
	float: right;
	margin: 0px;
	padding-top: 5px;
}
#rfootnavi a{
	color: #33c;
}
#rfootnavi a:visited{
	color: #33c;
}
#rfootnavi ul{
	letter-spacing: 0.1em;
	font-size: 85%;
}
#rfootnavi li{
	float: left;
	list-style: none;
	padding-left: 25px;
}
#rightfoot:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

/* --------------------------------------------------
	FOOT NAVI
-------------------------------------------------- */
#footnavi{
	clear: both;
	margin: 0px auto;
	margin-top: 20px;
	width: 918px;
	height: 30px;
	background: #333 url("../images/footer_bg.gif") no-repeat;
	color: #fff;
	letter-spacing: 0.1em;
}
#footnavi ul{
	float: right;
	padding: 4px 10px 0 10px;
}
#footnavi ul li{
	float: left;
	list-style: none;
	margin: 0 12px;
}
#footnavi li a{
	width: auto;
	color: #fff;
	height: 0%;
	line-height: 1.6;
	font-family: "Sans-serif";
}
#footnavi li a:hover{
	text-decoration: none;
	border-bottom: 3px solid #dfb515;
}
#footer_bg{
	width: 100%;
	background: url(../images/footer_bg.jpg);
}
/* --------------------------------------------------
	FOOTER
-------------------------------------------------- */
#footer{
	clear: both;
	width: 968px;
	height: 27px;
	border-top: 1px solid #ccc;
	background: #fff url("../images/copy_jp.gif") no-repeat;
}

#footer_nonj{
	clear: both;
	width: 968px;
	height: 27px;
	border-top: 1px solid #ccc;
	background: #fff url("../images/copy.gif") no-repeat;
}

#footer_nonj p,
#footer p{
	text-indent: -9999em;
}


#footmenu{
	margin: 0px;
	padding: 7px 0px 0px 25px;
	float: left;
}


#footmenu ul{
	float: left;
	list-style: none;
	font-size: 85%;
}

#footmenu ul.kr{
	font-size: 100%;
	line-height: 1;
}

#footmenu li{
	margin: 0px;
	height: 13px;
	padding: 0px 20px;
	line-height: 1.2;
	float: left;
	background: transparent url("../images/arrow_br.gif") left top no-repeat;
}

#footmenu li a{
	color: #333;
	font-weight: normal;
}


/* --------------------------------------------------
	TABLE
-------------------------------------------------- */
table{
	width: auto;
	height: auto;
	line-height: 1.5;
	border-collapse: collapse;
	border: none;
	font-family: "Verdana","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 100%;
}
table td{
	text-align: left;
}
table td.center{
	text-align: center;
}
table td.right{
	text-align: right;
}

.fixed{
	table-layout: fixed;
}

table.tb02{
	width: auto;
	height: auto;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	font-family: "Verdana","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 100%;
}

.tb02 th,
.tb02 td,
th.tb02,
td.tb02{
	line-height: 1.5;
	padding: 3px 8px;
}

table.stripe{
	width: 665px;
	height: auto;
	margin: 10px 0px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	line-height: 160%;
	font-family: "Tahoma","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 10pt;
	background: #f5f5f5;
}

.stripe th,
.stripe td{
	padding: 3px 5px;
	border: none;
	border-right: 1px solid #fff;
}

.stripe th{
	padding: 3px 5px 3px 8px;
	font-weight: normal;
	text-align: left;
}

.stripe td{
	text-align: center;
}

#freearea .stripe th.odd,
.stripe tr.odd th,
.stripe tr.odd td{
	background: #f5f5f5;
}

#freearea .stripe th.even,
.stripe tr.even th,
.stripe tr.even td{
	background: #e5e5e5;
}

table.stripeitem{
	width: 665px;
	height: auto;
	margin: 10px 0px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	line-height: 160%;
	font-family: "Tahoma","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 100%;
	background: #f5f5f5;
}

.stripeitem th,
.stripeitem td{
	padding: 3px 10px;
	border: none;
	border-right: 1px solid #fff;
}

.stripeitem th{
	font-weight: normal;
	text-align: left;
}

.stripeitem td{
	text-align: left;
}

#freearea .stripeitem th.odd,
.stripeitem tr.odd th,
.stripeitem tr.odd td{
	background: #f5f5f5;
}

#freearea .stripeitem th.even,
.stripeitem tr.even th,
.stripeitem tr.even td{
	background: #e5e5e5;
}


.footnote{
	padding-right: 10px;
	text-align: right;
	font-size: 85%;
}

table.schedule{
	width: auto;
	height: auto;
	margin: 10px 0px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	line-height: 160%;
	font-family: "Tahoma","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 100%;
}
.schedule th{
	padding: 3px 0px;
	border-bottom: 3px solid #999;
}
.schedule td{
	padding: 3px 0px;
	border-bottom: 1px dotted #999;
}
.schedule td.free{
	color: #008;
	background: #9cf;
	font-weight: bold;
	font-size: 85%;
}
.schedule td.simu{
	color: #080;
	background: #cf9;
	font-weight: bold;
	font-size: 120%;
}
.schedule td.experience{
	color: #880;
	background: #Fc6;
	font-weight: bold;
	font-size: 85%;
}

.schedule td.free2{
	color: #008;
	background: #c9c;
	font-weight: bold;
	font-size: 85%;
}
.schedule td.free3{
	color: #fff;
	background: #369;
	font-weight: bold;
	font-size: 85%;
}
td.btm{
	padding: 3px 0px;
	border-bottom: 3px solid #999;
}
td.top{
	padding: 3px 0px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}
td.imgarea{
	padding: 3px 0px;
	border: none;
}
table.brand{
	width: 650px;
	height: auto;
	margin: 40px 0px;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	line-height: 160%;
	font-family: "Tahoma","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 100%;
}
.brand th{
	padding: 5px;
	border-bottom: 1px dotted #ccc;
}
.brand td{
	padding: 20px;
	border-bottom: 1px dotted #ccc;
	text-align: left;
}
th.btop,
td.btop{
	border-top: 1px dotted #ccc;
}


/* --------------------------------------------------
	LIST
-------------------------------------------------- */

dl.fleft{
	clear: both;
	margin: 0px;
	padding: 10px;
	line-height: 1.2em;
}

.fleft dt{
	float: left;
	padding: 8px;
	margin-right: 15px;
}

.fleft dd{
	padding: 8px;
	line-height: 1em;
}

.fleft img{
	height: auto;
	margin-top: 2px;
	margin-right: 3px;
	vertical-align: top;
}


/* --------------------------------------------------
	FORM INPUT
-------------------------------------------------- */

#mail{
	height: auto;
	padding: 10px 4px 20px 4px;
	line-height: 160%;
}

div#mail > p {
    margin: 0 .5em 1.5em .5em;
    }

#mail input.txtbox,
#mail textarea{
	margin: 2px 0px;
	padding: 0px;
	background-color: #fff;
	border: 1px solid #aaa;
}

#mail table{
	height: auto;
	margin: 20px 0px;
}

#mail tr{
	height: 35px;
	vertical-align: middle;
}

#mail th{
	text-align: left;
}

/* --------------------------------------------------
	PAGES
-------------------------------------------------- */
p.ubar{
	clear: both;
	margin: 10px 5px;
	padding: 5px 10px;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

p.tbar{
	clear: both;
	margin: 10px 5px;
	padding: 5px 10px;
	font-size: 110%;
	font-weight: bold;
	border-top: 1px solid #ccc;
}

.ubar a,
.tbar a{
	font-weight: normal;
	color: #03c;
}


/* --------------------------------------------------
	SWF BOX
-------------------------------------------------- */
.box320{
	width: 320px;
	height: auto;
}
.box320top{
	width: 320px;
	height: 40px;
	background: transparent url("../images/320box_top.gif") no-repeat;
	padding: 5px 10px;
	text-align: left;
}
.box320top h3{
	font-size: 120%;
	width: 300px;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 50px;
	letter-spacing: 0.5em;
}
.box320mdl{
	width: 320px;
	height: auto;
	background: transparent url("../images/320box_middle.gif") repeat-y;
	padding: 5px 10px;
}
.box320mdl h4{
	margin: 0px 20px 0px 0px;
	_margin: 0px;
	padding: 2px 2px 2px 7px;
	font-size: 105%;
	font-weight: normal;
	border-bottom: 2px dotted #ccc;
	border-left: 2px dotted #ccc;
}
.box320mdl p{
	width: 300px;
}
.box320mdl img{
	margin: 0px;
	padding: 0px;
	display: block;
}
.box320btm{
	width: 320px;
	height: 40px;
	background: transparent url("../images/320box_bottom.gif") no-repeat;
	background-position: left bottom;
	padding: 0px 10px;
}
.cmbox_btm{
	width: 320px;
	height: 10px;
	background: transparent url("../images/320box_bottom.gif") no-repeat;
	background-position: left bottom;
	padding: 0px 10px;
}
.monobox_btm{
	width: 320px;
	height: 25px;
	background: transparent url("../images/monobox_btm.gif") no-repeat;
	background-position: left bottom;
	padding: 0px;
}
.box320btm h4{
	width: 300px;
	margin: 0px;
	padding: 5px 0px;
	border: none;
	text-align: center;
	background: #ecf3dc url("../images/stroke.gif") repeat;
}
.box420{
	width: 420px;
	height: auto;
}
.box420top{
	width: 420px;
	height: 40px;
	background: transparent url("../images/420box_top.gif") no-repeat;
	padding: 5px 10px;
	text-align: left;
}
.box_grtop{
	width: 420px;
	height: 40px;
	background: transparent url("../images/420box_grtop.gif") no-repeat;
	padding: 5px 10px;
	text-align: left;
}
.box420top h3{
	font-size: 120%;
	width: 420px;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 50px;
	letter-spacing: 0.5em;
}
.box_grtop h3{
	color: #eee;
	font-size: 120%;
	width: 400px;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 10px;
}
.box420mdl{
	width: 420px;
	height: auto;
	background: transparent url("../images/420box_middle.gif") repeat-y;
	padding: 5px auto;
}
.box420mdl h4{
	margin: 0px 20px 0px 0px;
	_margin: 0px;
	padding: 2px 2px 2px 7px;
	font-size: 105%;
	font-weight: normal;
	border-bottom: 2px dotted #ccc;
	border-left: 2px dotted #ccc;
}
.box420btm{
	width: 420px;
	height: auto;
	background: transparent url("../images/420box_bottom.gif") no-repeat;
	background-position: left bottom;
	padding: 10px;
}
.box420mdl p,
.box420btm p{
	line-height: 1.6;
	width: 400px;
	height: auto;
	margin: 0;
	padding: 5px 0;
}

/* --------------------------------------------------
	角丸処理
-------------------------------------------------- */
.kadomaru{
	clear: both;
	margin: 20px auto;
	text-align: center;
}
.kadomaru_top{
	background-image: url("../images/wear_kadomaru_top.gif");
	padding: 10px;
	background-repeat: no-repeat;
}
.kadomaru_bot{
	background-image: url("../images/wear_kadomaru_bot.gif");
	padding: 10px;
	background-repeat: no-repeat;
}
.kadomaru p{
	background-color: #f3f3f3;
	border-left:1px #999 solid;
	width: 613px;
	margin-left: 5px;
	margin-right: 7px;
	border-right: 1px #999 solid;
	padding: 5px 20px;
	margin-top: -3px;
	line-height: 1.8;
}*html .kadomaru p{
	background-color: #f3f3f3;
	border-left:1px #999 solid;
	width: 655px;
	margin-left: 0px;
	border-right: 1px #999 solid;
	padding: 5px 20px;
	margin-top: -3px;
}

.kadomaru_rain{
	clear: both;
	margin: 20px auto;
	text-align: center;
}

.kadomaru_top_rain{
	background-image: url("../images/kadomaru_rain_top.gif");
	padding: 10px;
	background-repeat: no-repeat;
}
.kadomaru_bot_rain{
	background-image: url("../images/kadomaru_rain_bottom.gif");
	padding: 10px;
	background-repeat: no-repeat;
}
.kadomaru_rain p{
	background-color: #fff;
	border-left:1px #59c5ce solid;
	width: 613px;
	margin-left: 5px;
	margin-right: 7px;
	border-right: 1px #59c5ce solid;
	padding: 5px 20px;
	margin-top: -3px;
	line-height: 1.8;
}*html .kadomaru_rain p{
	background-color: #fff;
	border-left:1px #59c5ce solid;
	width: 655px;
	margin-left: 0px;
	border-right: 1px #59c5ce solid;
	padding: 5px 20px;
	margin-top: -3px;
}


/*-----------------------------
    仮リンク処理　　　　　　　　　
-------------------------------*/

.kadomaru p a{
	color: #1f2cd2;
}

/*-----------------------------
    ボタンリンク処理　　　　　　　　　
-------------------------------*/

#right p.bt_link{
	width: auto;
	height: auto;
	display: inline;
}
#right p.bt_link a{
	height: 20px;
	background: transparent url(../images/ico_triangle_on.gif) no-repeat;
	background-position: left center;
	font-size: 100%;
	color: #66c;
	line-height: 2;
	padding-left: 20px;
	text-decoration: none;
}
#right p.bt_link a:hover{
	background: transparent url(../images/ico_triangle.gif) no-repeat;
	background-position: left center;
	text-decoration:underline;
}
#right h4.doubleside p.bt_link a{
	line-height: 1.5;
	font-weight: normal;
}
#right p.open_window{
	line-height: 1.2;
	margin: 5px 0;
	background: transparent url(../images/ico_window.gif) 0 0 no-repeat;
	padding: 0 0 0 20px;
}
#right p.open_window img{
	vertical-align: middle;
}
/* ------------ 	LINK TO TOP   ------------ */
#right p.top{
	float: right;
	width: auto;
	height: auto;
	padding-right: 10px;
	display: inline;
}
#right p.top a{
	background: transparent url(../images/ico_pagetop_on.gif) no-repeat;
	background-position: left center;
	display: block;
	font-size: 85%;
	color: #66c;
	line-height: 3;
	text-decoration: none;
	padding-left: 20px;
}
#right p.top a:hover{
	background: transparent url(../images/ico_pagetop.gif) no-repeat;
	background-position: left center;
	text-decoration:underline;
}

/*-----------------------------
    BORDER LINK
-------------------------------*/
p.border_link{
	width: auto;
	height: auto;
	margin: 10px;
	padding: 0;
}
p.border_link a,
p.border_link a:visited{
	background: #fff url(../images/triangle_orange.gif) 5px 50% no-repeat;
	margin: 0;
	padding: 2px 10px 2px 20px;
	color: #ec5900;
	text-decoration: none;
	border: 1px solid #ec5900;
	display: inline;
	overflow:hidden;
	outline:none;
}
p.border_link a:hover{
	background: #ffc url(../images/triangle_orange.gif) 5px 50% no-repeat;
	color: #ec5900;
	text-decoration: none;
}
/* --------------------------------------------------
    CONTAINER
-------------------------------------------------- */
.container{
	clear: both;
	height: auto;
	padding: 10px 20px 20px 20px;
	line-height: 160%;
}
.container p{
	margin: 5px 10px 0 0;
}
.container h5{
	margin: 12px 10px 2px 0;
}
.container:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
	overflow: hidden;
}
/* ----------link banner------------ */
.container a img.fusen {
	border: 1px solid #ccc;
	border-left: 20px solid #d8d627;
}
.container a:hover img.fusen {
	background: #fff;
	filter:alpha(opacity=65);
	-moz-opacity:0.65; /*mozira*/
	opacity:0.65; /*IE*/
}
a:hover img.white {
	background: #fff;
	filter:alpha(opacity=85);
	-moz-opacity:0.85; /*mozira*/
	opacity:0.85; /*IE*/
}

/* --------------------------------------------------
	TAB
-------------------------------------------------- */
#right .tab{
	width: 673px;
	margin: 30px 0 0 0;
	padding: 0px;
}
#right .tab ul{
	width: 671px;
	float: left;
	list-style: none;
	mar: 0 0 0 5px;
	border-top: none;
	border-left: 1px solid #ccc;
	border-right: none;
	border-bottom: none;
	background: #fff url("../images/n_ul_bg.gif") left bottom repeat-x;
}
#right .tab li{
	float: left;
	text-align: center;
	line-height: 2.5;
	font-size: 100%;
	_font-size: 9pt;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-left: none;
	border-right: 1px solid #ccc;
	border-bottom: none;
	background: transparent url("../images/tab_bg_off.gif") right top repeat-x;
}
#right .tab li.selected{
	padding: 0 2px;
	color: #444;
	border-bottom: 1px solid #fff;
	background: transparent url("../images/tab_bg_on.gif") right top repeat-x;
}
#right .tab li a{
	padding: 0 2px;
	display: block;
	color: #fff;
	border-bottom: 1px solid #ccc;
}
#right .tab li.selected a{
	color: #444;
}
#right .tab li a:hover{
	text-decoration: none;
	color: #444;
	background: transparent url("../images/tab_bg_on.gif") right top repeat-x;
}
#right .tab:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/* ---------------	Table in TAB	--------------- */
#right .tab table{
	clear: both;
	width: 672px;
	_width: 671px;
	height: auto;
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-family: "Tahoma","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","Sans-serif";
	font-size: 100%;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
#right .tab table th,
#right .tab table td{
	line-height: 160%;
	padding: 2px 8px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
}
#right .tab table th a{
	color: #225283;
}
#right .tab table th{
	color: #462;
	font-weight: normal;
	padding: 8px 0 7px 0;
}
/* --------------------------------------------------
	PAGE TOP
-------------------------------------------------- */
#right p.pagetop{
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 20px 5px 0;
	padding: 0;
	text-align: right;
	font-size: 80%;
}
#right p.pagetop a{
	display: inline;
	margin: 0;
	padding: 5px 0 5px 20px;
	color: #33c;
	text-decoration: none;
	background: transparent url(../images/ico_pagetop_on.gif) 0 50% no-repeat;
}
#right p.pagetop a:hover{
	background: transparent url(../images/ico_pagetop.gif) 0 50% no-repeat;
}
/* --------------------------------------------------
	SYSTEM MESSAGES
-------------------------------------------------- */
#right .systemmsg{
	margin: 30px;
	padding: 15px;
	width: auto;
	height: auto;
	line-height: 1.6;
	background: #eee url(../images/bg_pattern_stripe.gif) repeat;
	border: 3px double #9c3;
}
#right .systemmsg p{
	margin: 5px;
	padding: 0;
}
#right .systemmsg p.bigfont{
	font-size: 140%;
	font-weight: bold;
}
/* --------------------------------------------------
	FOTM STYLE
-------------------------------------------------- */
form fieldset{
	border: none;
	margin: 0 0 20px 0;
	text-align: left;
}
form p.error{
	line-height: 1.2;
	color: #c33;
	margin: 0 0 10px 0;
	padding: 3px 0 3px 20px;
	background: transparent url(../images/ico_error.gif) 0 50% no-repeat;
}
form ul.error{
	color: #c33;
	margin: 20px 15px 0;
    display: block;
    border: 2px solid #CC0000;
    background-color:#fff9fb;
    padding: 20px;
}
form ul.error li{
	line-height: 1.2;
	padding: 3px 0 3px 20px;
}
form p.button{
	clear: both;
	height: auto;
	margin: 20px auto;
	overflow: auto;
	text-align: center;
}
form p.button input{
	padding: 5px 15px 5px 17px;
	margin: 5px;
	cursor: pointer;
}
/* 	ENQUETE STYLE	*/
form .enquete textarea{
	width: 520px;
	height: 80px;
	font-size: 1em;
	padding: 2px;
}
form .enquete input[type=radio],
form .enquete input[type=checkbox]{
	border: none;
	width: auto;
	vertical-align: middle;
	margin: 0 5px;
}
form .enquete dl{
	margin: 0 15px 20px 15px;
	padding: 0;
	line-height: 1.6;
}
form .enquete dl dt{
	margin: 20px 0 10px 0;
	padding: 0 0 0 25px;
	width: auto;
	color: #360;
	background: #eee url(../images/bg_pattern_stripe.gif) repeat;
	border-left: 10px double #9c3;
	letter-spacing: 0.1em;
	line-height: 2.5;
	clear: both;
}
form .enquete dl dd{
	margin: 0 60px;
}
form .enquete dl dd label{
	white-space: nowrap;
}
form .enquete dl dd ul{
	list-style: none;
	margin: 0 0 10px 0;
}
form .enquete dl dd ul li{
	width: 21em;
	float: left;
	margin: 3px 0;
	display: inline;
}
form .enquete dl dd ul:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
	overflow: hidden;
}
/* 	LOGIN STYLE	*/
.basic-login{
	text-align: center;
}
.basic-login form{
	clear: both;
	margin: 30px auto;
	padding: 0;
	width: 500px;
	height: auto;
	line-height: 1.6;
	background: #eee url(../images/bg_pattern_stripe.gif) repeat;
	border: 3px double #9c3;
	text-align: left;
}
.basic-login form p{
	margin: 10px 20px;
	padding: 0;
}
.basic-login form dl{
	margin: 0 15px 20px 15px;
	padding: 0;
	line-height: 1.6;
}
.basic-login form dl dt{
	margin: 0;
	padding: 10px 0 2px 0;
	width: auto;
	color: #360;
	letter-spacing: 0.1em;
	line-height: 1em;
	font-weight: bold;
}
.basic-login form dl dd{
	margin: 0;
	padding: 2px 0 5px 0;
}
.basic-login form dl dd input{
	width: 15em;
}
.basic-login p{
	margin: 5px auto;
	font-size: 120%;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.6;
}
.basic-login p.button{
	clear: both;
	margin: 10px 0;
	text-align: center;
}



