@charset "UTF-8";

/* _____INITIALIZE_____ */

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: small;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, Osaka, "ＭＳＰゴシック";
	line-height: 1em;
	background-color: #000;
}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: small;
	font-weight: normal;
	text-indent: none;
	list-style-type: none;
}
img {
	border: 0;
}




/* COMMON */

a:link {
	color: #7351B9;
	text-decoration: underline;
}
a:visited {
	color: #7351B9;
	text-decoration: underline;
}
a:active {
	color: #999;
	text-decoration: none;
}
a:hover {
	color: #7351B9;
	text-decoration: none;
}
.clear {
	clear: both;
}
#layout {
	width: 100%;
	background: url(img/bg.gif) 0 0 repeat;
}
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background: url(img/header/home_on.gif) 0 0 no-repeat;
	background: url(img/header/lineup_on.gif) 0 0 no-repeat;
	background: url(img/header/form_on.gif) 0 0 no-repeat;
	background: url(img/header/about_on.gif) 0 0 no-repeat;
	background: url(img/header/qa_on.gif) 0 0 no-repeat;
	background: url(img/header/seller_on.gif) 0 0 no-repeat;
	background: url(img/header/dist_on.gif) 0 0 no-repeat;
	background: url(img/header/contact_on.gif) 0 0 no-repeat;
	background: url(img/home/btn_new_buy_on.jpg) 0 0 no-repeat;
	background: url(img/home/btn_lineup_buy_on.jpg) 0 0 no-repeat;
	background: url(img/lineup/btn_buy_on.gif) 0 0 no-repeat;
}




/* HEADER */

#header {
	width: 100%;
	height: 93px;
	background: url(img/header/header_bg.gif) 0 0 repeat-x;
}
#header #logo {
	margin: 0 auto;
	width: 900px;
	height: 88px;
	background: url(img/header/title_image.jpg) 460px 0 no-repeat;
}
#header #logo h1 {
	width: 460px;
	height: 88px;
}




/* NAVI */

#navi {
	width: 100%;
	height: 29px;
	background: url(img/header/navi_bg.gif) 0 0 repeat-x;
	border-top: solid 1px #000;
}
#navi ul {
	margin: 0 auto;
	width: 899px;
	height: 29px;
	border-left: solid 1px #000;
}
#navi li {
	float: left;
	border-right: solid 1px #000;
	text-indent: -99999em;
}
#navi li a {
	display: block;
	width: 113px;
	height: 29px;
}
#navi li #navHome {
	width: 100px;
	background: url(img/header/home.gif) 0 0 no-repeat;
}
#navi li #navHomeOn,
#navi li #navHome:hover {
	width: 100px;
	background: url(img/header/home_on.gif) 0 0 no-repeat;
}
#navi li #navLineup {
	background: url(img/header/lineup.gif) 0 0 no-repeat;
}
#navi li #navLineupOn,
#navi li #navLineup:hover {
	background: url(img/header/lineup_on.gif) 0 0 no-repeat;
}
#navi li #navForm {
	background: url(img/header/form.gif) 0 0 no-repeat;
}
#navi li #navFormOn,
#navi li #navForm:hover {
	background: url(img/header/form_on.gif) 0 0 no-repeat;
}
#navi li #navAbout {
	background: url(img/header/about.gif) 0 0 no-repeat;
}
#navi li #navAboutOn,
#navi li #navAbout:hover {
	background: url(img/header/about_on.gif) 0 0 no-repeat;
}
#navi li #navQa {
	background: url(img/header/qa.gif) 0 0 no-repeat;
}
#navi li #navQaOn,
#navi li #navQa:hover {
	background: url(img/header/qa_on.gif) 0 0 no-repeat;
}
#navi li #navSeller {
	background: url(img/header/seller.gif) 0 0 no-repeat;
}
#navi li #navSellerOn,
#navi li #navSeller:hover {
	background: url(img/header/seller_on.gif) 0 0 no-repeat;
}
#navi li #navDist {
	background: url(img/header/dist.gif) 0 0 no-repeat;
}
#navi li #navDistOn,
#navi li #navDist:hover {
	background: url(img/header/dist_on.gif) 0 0 no-repeat;
}
#navi li #navContact {
	background: url(img/header/contact.gif) 0 0 no-repeat;
}
#navi li #navContactOn,
#navi li #navContact:hover {
	background: url(img/header/contact_on.gif) 0 0 no-repeat;
}




/* FOOTER */

#footer {
	clear: both;
	margin: 50px 0 0;
	padding: 15px 0 20px;
	text-align: center;
	background: url(img/footer_border.gif) 0 0 no-repeat;
}



/* HOME */
#holiday{
padding: 20px 0 0px 30px;
}

#home {
	margin: 0 auto;
	width: 900px;
	background-color: #000;
}
#home h2 {
	padding: 10px 0 10px 30px;
}
#home .new {
	margin: 0 auto 10px;
	width: 836px;
}
#home .new h3 {
	width: 836px;
	height: 35px;
}
#home .new .box {
	height: 432px;
	background: url(img/home/new_bg.jpg) 0 0 repeat-x;
}
#home .new .box .photo {
	float: left;
	width: 336px;
	text-align: center;
}
#home .new .box .text {
	float: right;
	width: 490px;
}
#home .new .box .text h4 {
	padding: 34px 0 0;
}
#home .new .box .text .desc {
	height: 125px;
}
#home .new .box .text .desc {
	padding: 20px 0 0 30px;
	height: 105px;
}
#home .new .box .text .desc p {
	color: #FFF;
	line-height: 1.5em;
}
#home .new .box .text .thumb {
	height: 84px;
	text-align: center;
}
#home .new .box .text .price {
	height: 35px;
}
#home .new .box .text .buy {
	padding: 16px 17px 0 0;
}
#home .new .box .text .buy p {
	float: right;
	width: 230px;
	height: 44px;
	text-indent: -99999em;
}
#home .new .box .text .buy p #newBuy {
	display: block;
	width: 230px;
	height: 44px;
	background: url(img/home/btn_new_buy.jpg) 0 0 no-repeat;
}
#home .new .box .text .buy p #newBuy:hover {
	background: url(img/home/btn_new_buy_on.jpg) 0 0 no-repeat;
}
#home .lead {
	padding: 0 30px 15px 45px;
	color: #FFF;
	line-height: 1.6em;
}
#home .lineup {
	margin: 0 auto 15px;
	width: 836px;
	border: solid 1px #332467;
}
#home .lineup h3 {
	width: 836px;
	height: 35px;
}
#home .lineup .box {
	height: 225px;
	background: url(img/home/lineup_bg.jpg) 0 0 repeat-x;
}
#home .lineup .box .photo {
	float: left;
	padding: 10px 0 0;
	width: 184px;
	text-align: center;
}
#home .lineup .box .text {
	float: right;
	width: 642px;
}
#home .lineup .box .text h4 {
	padding: 30px 0 0;
}
#home .lineup .box .text .desc {
	padding: 10px 30px 0 0 ;
	height: 99px;
}
#home .lineup .box .text .desc p {
	color: #FFF;
	line-height: 1.5em;
}
#home .lineup .box .text .buy {
	padding: 0 17px 0 0;
}
#home .lineup .box .text .buy p {
	float: right;
	width: 230px;
	height: 44px;
	text-indent: -99999em;
}
#home .lineup .box .text .buy p #lineupBuyOne,
#home .lineup .box .text .buy p #lineupBuyTwo {
	display: block;
	width: 230px;
	height: 44px;
	background: url(img/home/btn_lineup_buy.jpg) 0 0 no-repeat;
}



/* LINEUP */

#lineup {
	margin: 0 auto;
	padding: 20px;
	width: 860px;
	background-color: #000;
}
#lineup #lineupFrame {
	float: right;
}
#lineup #contents {
	padding: 20px;
	width: 610px;
	border: solid 1px #353535;
}
#lineup #contents h2 {
	margin: 0 auto;
}
#lineup #contents .visual {
	margin: 0 auto;
	padding: 10px 0 0;
	width: 600px;
}
#lineup #contents .visual .photo {
	float: left;
	width: 367px;
}
#lineup #contents .visual .video {
	float: right;
	width: 232px;
}
#lineup #contents .visual .video p {
}
#lineup #contents .visual .video .box {
	margin: 0 0 9px;
	padding: 5px 0;
	text-align: center;
	border-left: solid 1px #353537;
	border-right: solid 1px #353537;
	border-bottom: solid 1px #353537;
}
#lineup #contents .price {
	padding: 20 0 0;
	text-align: center;
}
#lineup #contents .buy {
	margin: 0 auto;
	padding: 10px 0 40px;
	text-align: center;
}
#lineup #contents .buy p {
	margin: 0 auto;
	width: 219px;
	height: 34px;
	text-indent: -99999em;
}
#lineup #contents .buy p #btn {
	display: block;
	width: 219px;
	height: 34px;
	background: url(img/lineup/btn_buy.gif) 0 0 no-repeat;
}

#lineup #contents .desc {
	border: solid 1px #353535;
	background-color: #262626;
}
#lineup #contents .desc h3 {
	padding: 25px 0 0;
	text-align: center;
}
#lineup #contents .desc h4 {
	padding: 15px 0 0;
	text-align: center;
}
#lineup #contents .desc .text {
	margin: 0 auto;
	padding: 15px 0 0;
	width: 560px;
}
#lineup #contents .desc .text p {
	color: #FFF;
	line-height: 1.8em;
}
#lineup #contents .desc .thumb {
	padding: 30px 0 0;
	text-align: center;
}
#lineup #contents .desc h5 {
	padding: 30px 0 0;
	text-align: center;
}
#lineup #contents .desc .point {
	margin: 0 auto;
	padding: 10px 0 15px;
	width: 560px;
}
#lineup #contents .desc .box {
	margin: 0 auto 15px;
	width: 560px;
	background-color: #3F3F41;
}
#lineup #contents .desc .box .video {
	float: left;
	padding: 10px 0 10px;
	width: 168px;
	text-align: center;
}
#lineup #contents .desc .box .video img {
	border: solid 1px #333;
}
#lineup #contents .desc .box .text {
	float: right;
	margin: 0;
	padding: 0;
	width: 392px;
}
#lineup #contents .desc .box .text h6 {
}
#lineup #contents .desc .box .text p {
	padding: 10px 0 0 20px;
	color: #FFFA46;
	line-height: 1.6em;
}
#lineup #discount {
	width: 610px;
	padding: 25px 0 0;
}


#lineup #menu {
	float: left;
	width: 200px;
}
#lineup #menu .box {
	margin: 0 0 10px;
	background-color: #262626;
	border: solid 1px #515055;
}
#lineup #menu .box .menuTitle {
}
#lineup #menu .box ul {
	padding: 10px;
}
#lineup #menu .box ul li {
	padding: 0 0 10px;
	line-height: 1.4em;
}
#lineup #menu .box ul li span {
	color: #418300;
	font-weight: bold;
}

#lineup #menu .box ul li a:link {
	color: #CCC;
	text-decoration: underline;
}
#lineup #menu .box ul li a:visited {
	color: #AEF501;
	text-decoration: underline;
}
#lineup #menu .box ul li a:hover {
	color: #FFF;
	text-decoration: none;
}




/* FORM */

#formFrame {
	margin: 0 auto;
	width: 900px;
	background-color: #000;
}
#form {
	margin: 0 auto;
	width: 793px;
}
#form h2 {
	padding: 10px 0;
}
#form .lead {
	padding: 5px 0 0 40px;
}
#form h3 {
	margin: 0;
	padding: 20px;
}
#form td {
	color: #000;
	line-height: 1.4em;
}
#form .notice {
	margin: 0 auto;
	width: 670px;
}
#form .notice p {
	color: #FFF;
	font-size: 83%;
	line-height: 1.6em;
}




/* ABOUT */

#aboutFrame {
	margin: 0 auto;
	width: 900px;
	background-color: #000;
}
#about {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 793px;
}
#about .lead {
	padding: 5px 0 0 40px;	
}
#about h3 {
	padding: 30px 0 0 20px;
}
#about .desc {
	padding: 10px 0 0 20px;
}
#about ul {
	padding: 10px 0 0 40px;
}
#about li {
	padding: 0 0 10px;
	color: #FFF;
	font-size: 90%;
	line-height: 1.2em;
}
#about h4 {
	margin: 15px 0 0 20px;
	width: 770px;
	background-color: #6AC029;
	border-top: solid 1px #6F6F6F;
	border-left: solid 1px #6F6F6F;
	border-right: solid 1px #6F6F6F;
}
#about .box {
	margin: 0 0 0 20px;
	padding: 20px;
	width: 730px;
	background-color: #E9E9E9;
	border: solid 1px #6F6F6F;
}
#about .box p {
	line-height: 1.6em;
}
#about .shop {
	margin: 0 0 15px 20px;
	padding: 0;
	border: 0;
}
#about .shop td {
	border: solid 1px #999;
}
#about .shop .name {
	padding: 0 0 0 50px;
	width: 508px;
	height: 31px;
	color: #000;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4em;
	background: url(img/about/bg_shop.gif) 0 0 no-repeat;
}
#about .shop .web {
	padding: 0 0 0 20px;
	height: 31px;
	width: 250px;
	line-height: 1.4em;
	background-color: #FECE00;
}
#about .shop .web a {
	color: #0000FF;
}
#about .shop .detail {
	padding: 15px;
	background-color: #E1E1E1;
}
#about .notice {
	margin: 30px 0 0 30px;
	padding: 0;
	border: 0;
}
#about .notice td {
	padding: 0 20px 20px 0;
	color: #FFF;
}




/* Q&A */

#qaFrame {
	margin: 0 auto;
	width: 900px;
	background-color: #000;
}
#qa {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 793px;
}
#qa .lead {
	padding: 5px 0 0 40px;	
}
#qa h3 {
	padding: 30px 0 0 20px;
}
#qa h4 {
	margin: 20px 0 0 20px;
	padding: 0 0 0 60px;
	width: 710px;
	height: 45px;
	color: #000;
	font-size: 116%;
	font-weight: bold;
	line-height: 3em;
	background: url(img/qa/question.gif) 0 0 no-repeat;
	background-color: #6AC029;
	border-top: solid 1px #6F6F6F;
	border-left: solid 1px #6F6F6F;
	border-right: solid 1px #6F6F6F;
}
#qa .box {
	margin: 0 0 0 20px;
	padding: 10px 10px 20px 130px;
	width: 630px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	background: url(img/qa/answer.gif) 70px 10px no-repeat;
	background-color: #E9E9E9;
	border: solid 1px #6F6F6F;
}
#qa .box p {
	line-height: 1.6em;
}




/* SELLER */

#sellerFrame {
	margin: 0 auto;
	width: 900px;
	background-color: #000;
}
#seller {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 820px;
}
#seller .box {
	margin: 20px 0 0;
	padding: 40px;
	border: solid 1px #353535;
	background-color: #262626;
}
#seller .box h3 {
	padding: 0 0 15px;
	color: #7D35EE;
	font-size: 116%;
	font-weight: bold;
}
#seller .box p {
	padding: 0 0 30px;
	color: #FFF;
	line-height: 1.6em;
}




/* CONTACT */

#contactFrame {
	margin: 0 auto;
	width: 900px;
	background-color: #000;
}
#contact {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 793px;
}
#contact .lead {
	padding: 5px 0 0 40px;
}
#contact .contactForm {
	margin: 20px 0 0;
	padding: 30px 20px 0;
	border-top: solid 2px #333;
}
#contact .desc {
	padding: 0 0 10px;
}
#contact table {
	width: 100%;
	background-color: #6F6F6F;
}
#contact td {
	padding: 10px;
}
#contact .tag {
	width: 125px;
	color: #000;
	font-weight: bold;
	text-align: right;
	background-color: #6AC029;
}
#contact .txt {
	line-height: 1.6em;
	background-color: #E9E9E9;
}
#contact .btn {
	padding: 25px 0;
	text-align: center;
}