@charset "UTF-8";

/*-----------------------------
base setting
-----------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	font-size: 12px;
	line-height: 1.6;
	background-image: url(../img/background1.jpg);
	background-repeat: repeat;
	font-family: "ヒラギノ角ゴ5", "ＭＳ ゴシック", "ＤＦ平成角ゴシック体W5", "TBゴシック R", Osaka, "ＤＦ中ゴシック体";*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*-----------------------------
link
-----------------------------*/
a img {
	border-style: none;
}
a:link		{color: #000000; text-decoration: none;}
a:visited	{color: #000000; text-decoration: none;}
a:active 	{color: #999999; text-decoration: underline;}
a:hover		{color: #999999; text-decoration: underline;}

/*-----------------------------
basic layout
-----------------------------*/
#wrapper {
	width: 866px;
	margin: 0 auto;
	background-image: url(../img/back_shadow1.jpg);
	background-repeat: no-repeat;
}
#header_top {
	width: 860px;
	margin-left: 3px;
	height: 14px;
}
#header {
	width: 860px;
	margin-left: 3px;
	height: 40px;
}
#header ul {
	width: 860px;
	position: absolute;
}
#header ul li {
	float: left;
	list-style: none;
}
#header ul li a {
	color: #666666;
	text-decoration: none;
}
/* home_btn_rollover
--------------------*/
#home a {
	display:block;
	width:76px;
	height:40px;
	line-height:1px;
	outline:none;
	background-image: url(../img/btn_home2.jpg);
	background-repeat: no-repeat;
}
#home a:hover {
text-indent:-9999px;
}
/* concept_btn_rollover
--------------------*/
#concept a {
	display:block;
	width:76px;
	height:40px;
	line-height:1px;
	outline:none;
	background-image: url(../img/btn_concept2.jpg);
	background-repeat: no-repeat;
}
#concept a:hover {
text-indent:-9999px;
}
/* concept_btn_rollover
--------------------*/
#concept a {
	display:block;
	width:196px;
	height:40px;
	line-height:1px;
	outline:none;
	background-image: url(../img/btn_concept2.jpg);
	background-repeat: no-repeat;
}
#concept a:hover {
text-indent:-9999px;
}
/* trial_btn_rollover
--------------------*/
#trial a {
	display:block;
	width:196px;
	height:40px;
	line-height:1px;
	outline:none;
	background-image: url(../img/btn_trial2.jpg);
	background-repeat: no-repeat;
}
#trial a:hover {
text-indent:-9999px;
}
/* customer_btn_rollover
--------------------*/
#customer a {
	display:block;
	width:196px;
	height:40px;
	line-height:1px;
	outline:none;
	background-image: url(../img/btn_customer2.jpg);
	background-repeat: no-repeat;
}
#customer a:hover {
text-indent:-9999px;
}
/* lineup_btn_rollover
--------------------*/
#lineup a {
	display:block;
	width:196px;
	height:40px;
	line-height:1px;
	outline:none;
	background-image: url(../img/btn_lineup2.jpg);
	background-repeat: no-repeat;
}
#lineup a:hover {
text-indent:-9999px;
}


/*-----------------------------
flash
-----------------------------*/
#flash {
	height: 414px;
	width: 860px;
	margin-left: 3px;
}
/*-----------------------------
box1
-----------------------------*/
#box1 {
	width: 866px;
	background-image: url(../img/back_shadow2.jpg);
	background-repeat: repeat;
}
/*-----------------------------
bnr
-----------------------------*/
#bnr {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

/*-----------------------------
footer
-----------------------------*/
#footer {
	width: 328px;
	position: relative;
	margin-left: 20px;
}
#footer ul {
	width: 328px;
	position: absolute;
}
#footer ul li {
	float: left;
	list-style: none;
}
#footer ul li a {
	color: #666666;
	text-decoration: none;
}

/* f1_company_btn_rollover
--------------------*/
#f1 a {
	display:block;
	width:49px;
	height:15px;
	line-height:1px;
	outline:none;
	background-image: url(../img/f_btn_company2.gif);
	background-repeat: no-repeat;
}
#f1 a:hover {
text-indent:-9999px;
}
/* f1_privacy_btn_rollover
--------------------*/
#f2 a {
	display:block;
	width:103px;
	height:15px;
	line-height:1px;
	outline:none;
	background-image: url(../img/f_btn_privacy2.gif);
	background-repeat: no-repeat;
}
#f2 a:hover {
text-indent:-9999px;
}
/* f1_rule_btn_rollover
--------------------*/
#f3 a {
	display:block;
	width:53px;
	height:15px;
	line-height:1px;
	outline:none;
	background-image: url(../img/f_btn_rule2.gif);
	background-repeat: no-repeat;
}
#f3 a:hover {
text-indent:-9999px;
}
/* f1_law_btn_rollover
--------------------*/
#f4 a {
	display:block;
	width:123px;
	height:15px;
	line-height:1px;
	outline:none;
	background-image: url(../img/f_btn_law2.gif);
	background-repeat: no-repeat;
}
#f4 a:hover {
text-indent:-9999px;
}

/* footershadow
--------------------*/
#footershadow {
	background-image: url(../img/back_shadow3.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 866px;
}