/* CSS Document */

* {

	margin: 0px;

	padding: 0px;

}

html{
	background:#30999a;
}

body{
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 12px;
	color: #333333;
	background: url(images/header_back.gif) repeat-x #ffffff ;
}

img{
	border:0px;
}


#container{
	width:950px;
	margin :0px auto;
}

#header{
	width:950px;
	height:100px;
	position:relative;
	margin-bottom:10px;
}

#header h1{
	background:url(images/top_logo.gif) no-repeat;
	width:350px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#header ul{
	width:600px;
	height:100px;
	position:absolute;
	left: 350px;
	top: 5px;
}

#header li{
	width:120px;
	height:100px;
	list-style:none;
	float:left;
}

#nav-1 a{
	background:url(images/nav-1-1.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#nav-1 a:hover{
	background:url(images/nav-1-2.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#nav-2 a{
	background:url(images/nav-2-1.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#nav-2 a:hover{
	background:url(images/nav-2-2.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}


#nav-3 a{
	background:url(images/nav-3-1.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#nav-3 a:hover{
	background:url(images/nav-3-2.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}


#nav-4 a{
	background:url(images/nav-4-1.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#nav-4 a:hover{
	background:url(images/nav-4-2.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}


#nav-5 a{
	background:url(images/nav-5-1.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}

#nav-5 a:hover{
	background:url(images/nav-5-2.gif) no-repeat;
	width:120px;
	height:100px;
	display:block;
	text-indent:-9999px;
}


#flash-box{
	margin-top:17px;
}

#top-leftbox{
	width:650px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

#top-leftbox h2{
	background:url(images/info_logo.gif) no-repeat;
	width:650px;
	height:30px;
	text-indent:-9999px;
}

#info-box{
	width:620px;
	margin:5px 0px 5px 15px;
}

#info-box li{
	list-style:none;
	border-bottom:dotted 1px #999999;
	line-height:2em;
}

#top-nav{
	width:650px;
	height:130px;
	margin-top:20px;
}

#top-nav ul{
	width:650px;
	height:130px;
}

#top-nav li{
	width:200px;
	height:130px;
	list-style:none;
	float:left;
	margin:0px 6px;
}	

#top-nav01 a{
	background:url(images/top_howto_img.jpg) no-repeat;
	width:200px;
	height:130px;
	display:block;
	text-indent:-9999px;
}

#top-nav02 a{
	background:url(images/top_lineup_img.jpg) no-repeat;
	width:200px;
	height:130px;
	display:block;
	text-indent:-9999px;
}

#top-nav03 a{
	background:url(images/top_faq_img.jpg) no-repeat;
	width:200px;
	height:130px;
	display:block;
	text-indent:-9999px;
}


#top-rightbox{
	width:300px;
	margin-top:10px;
	margin-bottom:10px;
	float:right;
}

#top-rightbox p{
	margin-left:10px;
	margin-bottom:10px;
}

#footer{
	width:100%;
	clear:both;
	border-top: solid 2px #999999;
	background:#30999a;
}

#footer_box{
	width:950px;
	margin:0px auto;
}

#footer ul{
	width:950px;
	margin-top:10px;
	text-align: center;
}

#footer li{
	list-style:none;
	float:left;
}

#copy{
	width:100%;
	margin-top:10px;
	text-align:right;
	clear:both;
}

#inside-leftbox{
	width:250px;
	margin-top:25px;
	margin-bottom:10px;
	float:left;
}

#line-up{
	background:url(images/lineup-logo.gif) no-repeat;
	width:250px;
	height:120px;
	text-indent:-9999px;
}

#topics{
	background:url(images/topics_logo.gif) no-repeat;
	width:250px;
	height:120px;
	text-indent:-9999px;
}

#howto{
	background:url(images/howto_logo.gif) no-repeat;
	width:250px;
	height:120px;
	text-indent:-9999px;
}

#faq{
	background:url(images/faq_logo.gif) no-repeat;
	width:250px;
	height:120px;
	text-indent:-9999px;
}

#privacy{
	background:url(images/privacy_logo.gif) no-repeat;
	width:250px;
	height:120px;
	text-indent:-9999px;
}

#inquiry{
	background:url(images/inquiry_logo.gif) no-repeat;
	width:250px;
	height:120px;
	text-indent:-9999px;
}

#inside-leftbox ul{
	width:250px;
	margin-top:5px;
}

#inside-leftbox li{
	width:250px;
	height:60px;
	list-style:none;
	margin-top:5px;
}

#menu-1 a{
	background:url(images/lineup_menu1-1.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-1 a:hover{
	background:url(images/lineup_menu1-2.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-2 a{
	background:url(images/lineup_menu2-1.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-2 a:hover{
	background:url(images/lineup_menu2-2.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-3 a{
	background:url(images/lineup_menu3-1.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-3 a:hover{
	background:url(images/lineup_menu3-2.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-4 a{
	background:url(images/lineup_menu4-1.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#menu-4 a:hover{
	background:url(images/lineup_menu4-2.gif) no-repeat;
	width:250px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

#inside-rightbox{
	width:690px;
	margin-top:25px;
	margin-bottom:10px;
	float:right;
}

#p-list{
	width:690px;
	height:20px;
	border-bottom:#333333 1px dotted;
	margin-bottom:5px;
	
}

#lineup_title01{
	background:url(images/lineup_title01.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#lineup_title02{
	background:url(images/lineup_title02.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#lineup_title03{
	background:url(images/lineup_title03.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#lineup_title04{
	background:url(images/lineup_title04.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

.lineup_box{
	width:630px;
	margin-bottom:10px;
	padding:10px;
	border:#333333 1px solid;
	clear:both;
	overflow:auto;
}

.lineup_box img{
	width:250px;
	height:250px;
	/*margin:10px 0px 10px 10px;*/
	float:left;
}

.lineup_text{
	width:370px;
	/*margin:10px 10px 10px 0px;*/
	float:right;
}

#brand_name-01{
	background:url(images/brand_name-01.gif) no-repeat;
	width:360px;
	height:35px;
	text-indent:-9999px;
}

#brand_name-02{
	background:url(images/brand_name-02.gif) no-repeat;
	width:360px;
	height:35px;
	text-indent:-9999px;
}

#brand_name-03{
	background:url(images/brand_name-03.gif) no-repeat;
	width:360px;
	height:35px;
	text-indent:-9999px;
}

.brand_name{
	border-left:solid 3px #006600;
	padding-left:10px;
}

.lineup_text p{
	margin:10px;
}

#howto_box{
	width:670px;
}

#howto_box h4{
	font-size: 12px;
	border-left: solid 2px #006600;
	margin:2px 0px 5px 3px;
	padding-left:3px;
}


#howto_box p{
	margin:0px 10px 10px 10px;
}

#howto_title01{
	background:url(images/howto_title01.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#howto_title02{
	background:url(images/howto_title02.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#howto_title03{
	background:url(images/howto_title03.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#howto_title04{
	background:url(images/howto_title04.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#faq_box{
	width:670px;
}

#faq_box ul{
	list-style:none;
	width:630px;
	margin:0px 10px 10px 10px;
	border-bottom:#333333 1px dotted;
}

#faq_box li{
	margin-bottom:15px;
}

#faq_box p{
	margin :15px;
}

.faq_q{
	width:620px;
	border: 1px solid #006600;
	padding:5px;
	color: #006600;
	background-color: #E3E3E3;
}

.font_style01{
	color:#990000;
	font-weight: bold;
}

#faq_title01{
	background:url(images/faq_title01.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#faq_title02{
	background:url(images/faq_title02.gif) no-repeat;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:10px;
}

#privacy_box{
	width:670px;
}

#privacy_box h3{
	width:640px;
	border: 1px solid #006600;
	padding:5px;
	margin:10px 0px;
	color: #006600;
	background-color: #E3E3E3;
	font-size: 12px;
	font-weight: normal;
}

#privacy_box p{
	margin:10px;
}

#inquiry_box{
	width:670px;
}

.text_style01{
	margin:5px;
}

.font_color01{
	color:#006600;
}


.go_shop a{
	background:url(images/go_shop.gif) no-repeat;
	width:150px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

.go_shop {
	background:url(images/go_shop.gif) no-repeat;
	width:150px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

.topics_box{
	width:670px;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:dotted 1px #006633;
}

.topics_box h3{
	font-size: 14px;
	border-left:solid medium #006600;
	padding-left:10px;
	margin-bottom:10px;
}

.topics_box p{
	margin:10px;
}

#webmaster{
	background:url(images/webmaster_logo.gif) no-repeat;
	width:250px;
	height:490px;
	text-indent:-9999px;
}

.webmaster_box{
	width:670px;
	margin-bottom:30px;
	background:#F5EBEB;
}

.webmaster_box p{
	margin:20px;
}