@import url(reset.css);
@import url(btn.css);
body {
	font-size: 62.5%;
	background-image: url(../10media/bg.gif);
	background-repeat: no-repeat;
	background-position: center 0;
	text-align: center; }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
/*---------- id ----------*/
#container {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto; }

h1 {
	float: left;
	margin-top: 25px;
	margin-left: 20px; }

#header {
	width: 980px; }

#globalnavi {
	width: 730px;
	float: right; }

#globalnavi li {
	float: left; }

/*--------- main ---------*/
#main {
	background-image: url(../10media/bg_tk.jpg); }
#n_main {	
	background-image: url(../10media/bg_n.jpg); }
#main, #n_main {
	background-repeat: repeat-x;
	position: relative;
	width: 730px;
	height: 505px;
	float: right;
	clear: both; }

/*--------- toppage ---------*/
#main_image {
	margin-left: 60px; }
#main_copy {
	position: absolute;
	top: 0;
	left: 530px; }

/*--------- model_top ---------*/
h2 {
	margin-left: 20px; }

#models {
	margin-left: 15px; }
#models2 {
	margin-left: 10px; }
#models_n1 {
	margin-left: 30px; }
#models_n2 {
	margin-left: 80px; }

#models li, #models2 li, #models_n1 li, #models_n2 li {
	float: left; }

#next_btn {
	position: absolute;
	top: 325px;
	left: 660px; }

#back_btn {
	position: absolute;
	top: 325px;
	left: 20px; }

/*--------- left ----------*/

#leftnavi {
	width: 250px;
	float: left;
	margin-top: 195px; }

#leftnavi dt {
	font-size: 10px;
	line-height: 10px;
	background-image: url(../10media/cc.gif);
	background-repeat: no-repeat;
	background-position: 20px 0;
	text-indent: -9999px;
	width: 250px;
	height: 25px; }

#ka_noumi {
	font-size: 10px;
	line-height: 10px;
	background-image: url(../10media/licence.gif);
	background-repeat: no-repeat;
	background-position: 20px 0;
	text-indent: -9999px;
	width: 250px;
	height: 45px;
	margin-top: 50px; }

/*--------pn left ----------*/
#n_leftnavi {
	width: 250px;
	float: left;
	margin-top: 115px; }

#n_leftnavi dt {
	font-size: 100%;
	line-height: 10px;
	background-image: url(../10media/cc.gif);
	background-repeat: no-repeat;
	background-position: 20px 0;
	text-indent: -9999px;
	width: 250px;
	height: 25px; }

/*--------p left ----------*/
#p_leftnavi {
	width: 250px;
	float: left;
	margin-top: 105px; }

#p_leftnavi dt {
	font-size: 100%;
	line-height: 10px;
	background-image: url(../10media/cc.gif);
	background-repeat: no-repeat;
	background-position: 20px 0;
	text-indent: -9999px;
	width: 250px;
	height: 25px; }
#main #com {
	color: white;
	width: 730px;
	height: 455px; }

#main #com dt {
	font-size: 120%;
	line-height: 1.7;
	text-indent: 50px;
	width: 170px;
	float: left;
	clear: both;
	margin-bottom: 15px; }

#main #com dd {
	font-size: 120%;
	line-height: 1.7;
	text-align: justify;
	width: 490px;
	float: left;
	margin-bottom: 15px; }
#main p {
	color: white;
	font-size: 120%;
	line-height: 1.7;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-right: 50px;
	margin-left: 50px;
	padding-bottom: 20px; }
#main #mij {
	color: white;
	font-size: 120%;
	line-height: 1.7;
	background-image: url(../10media/quality_bg.gif);
	background-repeat: no-repeat;
	width: 730px;
	height: 455px; }
#main #mij dt {
	text-indent: 50px;
	vertical-align: bottom;
	width: 125px;
	height: 70px;
	float: left;
	clear: both;
	padding-bottom: 10px; }
#main #mij dd {
	text-align: justify;
	width: 530px;
	height: 70px;
	float: left;
	padding-left: 30px; }
#main form {
	color: #fff;
	font-size: 120%;
	line-height: 1.7;
	margin-left: 50px; }
#main dd p {
	color: white;
	margin: 0; }
.hidden {
	display: none; }

