@charset "utf-8";
*{vertical-align: bottom; margin: 0px; padding: 0px;}

body {
background-color:#1d0f02;
font-size: 14px;
line-height: 170%;
color:#FFFFFF;
background: #1e0f02 top repeat-x url(../img/body_bg.gif);
}

img{border:none;}
h1,h2,h3,h4,h5,h6 { font-size: 110%;}
h1 {
	color: #ffffff;
}
p { font-size: 100%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
.clear { clear: both; }
.alignleft { float: left;}
p.marinTop{margin-top:20px;}


	/* Wrapper */
	#wrapper{
	width: 765px;
	margin: 0 auto 0 auto;
	}
	
	#headerBg{
	width: 1063px;
	height: 365px;
	position:absolute;
	margin: -7px 0 0 -153px;
	background-color:#003333;
	z-index: -1;
	background: center no-repeat url(../img/header_bg.jpg);
	}
	
	#indexHeaderBg{
	width: 1250px;
	height: 430px;
	position:absolute;
	margin: -30px 0 0 -252px;
	background-color:#003333;
	z-index: -1;
	background: center no-repeat url(../img/top_header_bg.jpg);
	}
	
	
		/* header */
		#header{
		width: 765px;
		height: 136px;
		padding: 0;
		/*background-color:#999999;*/
		z-index: 2;
		}
		#indexHeader{
		width: 900px;
		height: 260px;
		padding: 0;
		/*background-color:#999999;*/
		z-index: 2;
		}
		#indexHeader h1{
		color:#ffffff;
		}
		
		#header h1{
		padding: 0 0 0 0;
		float:left;
		color:#ffffff;
		font-size: 10px;
		}
		
		#indexHeader h1{
		padding: 0 110px 0 0;
		float:left;
		color:#ffffff;
		font-size: 10px;
		}
		
		#header ul{
		padding: 10px 0 0 0;
		list-style-type: none;
		}
		
		#indexHeader ul{
		padding: 10px 0 0 0;
		list-style-type: none;
		}
		#header ul li, #indexHeader ul li{
			vertical-align: middle;
		font-size: 10px;
		line-height: 130%;
		float:left;
		margin: 0 0 0 5px;
		}
		#header ul li a, #indexHeader ul li a{
		margin: 0 0 0 5px;
		color:#FFFFFF;
		}
		
		/* glovalNav */
		#glovalNav{
		width: 765px;
		height: 38px;
		padding: 5px 0 0 0;
		/*background-color:#996600;*/
		}
		#glovalNav ul{
		list-style-type: none;
		}
		#glovalNav ul li{
		width:175px;
		padding: 0 0 0 10px;
		float:left;
		}
		
		#glovalNav2{
		width: 765px;
		height: 38px;
		padding: 5px 0 0 0;
		/*background-color:#996600;*/
		}
		#glovalNav2 ul{
		list-style-type: none;
		}
		#glovalNav2 ul li{
		width:101px;
		padding: 0 0 0 7px;
		float:left;
		}
		
		
		/* main */
		#main{
		width: 765px;
		padding: 0 0 20px 0;
		background-color:#160c02;
		}
		
		/* mainCol */
		#mainCol{
		width: 765px;
		padding: 0 0 20px 0;
		background-color:#1d0f03;
		}
		
		/* leftCol */
		#leftCol{
		width: 180px;
		padding: 0 0 0 15px;
		/*background-color:#333333;*/
		float:left;
		}
		
		
		#leftNav {
		margin: 10px 0 15px 0;
		}
		
		#leftNav ul li{
		height: 33px;
		background: left no-repeat url(../img/leftnav_bg.gif);
		list-style-type:none;
		}
		
		#leftNav ul li a{
		width: 150px;
		height: 20px;
		padding: 7px 0 0 25px;
		display:block;
		color:#FFFFFF;
		font-size: 12px;
		text-decoration:none;
		}
		#leftNav ul li a:hover{
		color:#FF6600;
		}
		
		
		#leftNav ul.items li{
		height: 25px;
		background: left no-repeat url(../img/leftnav_sub_bg.gif);
		}
		#leftNav ul.items li a{
		width: 150px;
		height: 20px;
		padding: 5px 0 0 30px;		
		display:block;
		color:#FFFFFF;
		font-size: 10px;
		text-decoration:none;
		}
		#leftNav ul.items li a:hover{
		color:#FF6600;
		}
		
		
		/* rightCol */
		#rightCol{
		width: 565px;
		padding: 0 0 0 5px;
		float:right;
		}
		
		#rightCol h2{
		width:550px;
		height:30px;
		margin: 10px 0 10px 0;
		padding: 0 0 0 15px;
		background: left no-repeat url(../img/h2_bg.gif);
		font-size: 14px;
		line-height: 30px;
		}

		#rightCol p{
		margin: 5px 0 5px 0;
		}		
		.right{
		margin: 0 0 0 10px;
		float:right;
		}

	    .left{
		margin: 0 10px 0 0px;
		float:left;
		}

			div#main02{
			padding: 0 0 10px 0;
			}
			#main02 p{
			margin: 0 0 10px 0;
			}
			#main02 a{
			margin: 0 6px 0 0;
			}
		
			
		
			#news{
			height: 120px;
			width: 550px;
			margin: 0 0 15px 0;
			border-bottom: 4px solid #c0a26a;
			overflow-y: scroll;
			}
			
			#news p{
			margin: 5px 10px 0 10px;
			border-bottom: 1px dotted #666666;
			}
			#news p span{
			color:#990000;
			}
			
			/* 商品一覧 */	
			#itemList table{
			width: 550px;
			}
			#itemList table tr td{
			width:110px;
			padding: 10px 5px 0 5px;
			text-align:center;
			vertical-align:top;
			}
			#itemList table tr td a{
			color:#FFFFFF;
			font-weight:bold;
			}
			
		/* centerCol */
		#centerCol{
		width: 740px;
		padding: 20px 0 0 10px;
		}
		
		#centerCol h2{
		width: 740px;
		padding: 0 0 20px 0;
		}
				

		
		/* footer */
		#footer{
		width: 765px;
		padding: 0;
		/*background-color:#CC6600;*/
		clear:both;
		text-align:center;
		border-top: 4px solid #c0a26a;
		}
		
		#footer ul{
		margin: 10px 0 0 0;
		list-style-type: none;
		}
		#footer ul li{
		display:inline;
		}
		#footer ul li a{
		padding: 0 10px;
		color:#FF6600;
		}
		
			
			
	
			
			
		/* cart */
		
		.cart_table {
			width: 550px;
			border-collapse: collapse;
			margin: 10px 0px 10px 0px;
		}
		.cart_table th {
			border: 1px #c0a26a solid;
			background: #302923;
		}
		.cart_table td {
			border: 1px #c0a26a solid;
			text-align: center;
			vertical-align: middle;
		}
		.cart_table p {
			margin: 5px;
		}
		.cart_table ul {
			list-style: none;
			width: 40px;
			margin: 0px auto;
		}
		.cart_table li {
			float: left;
			margin: 5px 2px 0px 2px;
		}
		.mini {
			font-size: 10px;
		}
		.cart_btn {
			text-align: center;
		}
		
		/* mypage */
		
		.loginarea {
			width: 550px;
			margin: 0px 0px 30px 0px;
		}
		.loginarea .inputtext02 {
			font-size: 10px;
		}
		.loginarea .inputbox {
			margin: 20px 0px 20px 0px;
		}
		.loginarea .inputbox02 {
			text-align: center;
			margin: 20px 0px 20px 0px;
		}
		#mynavarea {
			width: 550px;
		}
		#mynavarea ul {
			list-style: none;
			margin: 0px 0px 10px 1px;
		}
		#mynavarea ul li {
			float: left;
			margin: 0px 0px 10px 0px;
		}
		#mynavarea p {
			width: 550px;
			margin: 0px 0px 10px 0px;
		}
		
		#mycontentsarea h3 {
			margin: 0px 0px 5px 0px;
			padding: 0 0 0 8px;
			border-left: 5px solid #c0a26a;
			font-size:16px;
			line-height: 160%;
		}
		
		#mycontentsarea .text {
			margin: 0px 0px 10px 0px;
			font-size:12px;
			line-height: 130%;
		}
		
		.mychange_table {
			width: 540px;
			margin: 0px 0px 10px 10px;
		}
		.mychange_table th {
			text-align: left;
			vertical-align: top;
		}
		.mychange_table td {
			text-align: left;
			vertical-align: top;
		}
		.mychange_table p {
			margin: 5px;
		}
		.mychange_table_conf {
			margin: 0px 0px 10px 10px;
		}
		.mychange_table_conf th {
			text-align: left;
			vertical-align: top;
		}
		.mychange_table_conf td {
			text-align: left;
			vertical-align: top;
		}
		.mychange_table_conf p {
			margin: 5px;
		}
		
		/* contact */
		
		.contact_text {
			width: 550px;
		}
		.contact_table {
			width: 540px;
			margin: 0px 0px 10px 10px;
		}
		.contact_table th {
			width: 130px;
			text-align: left;
			vertical-align: top;
		}
		.contact_table td {
			width: 380px;
		}
		.contact_table p {
			margin: 5px;
		}
		.box120 {
			width: 120px;
		}
		.box60 {
			width: 60px;
		}
		.box380 {
			width: 380px;
		}
		.box300 {
			width: 300px;
		}
		.area380 {
			width: 380px;
		}
		.attention {
			font-size: 10px;
			color: #ff0000;
		}
		.tblareabtn {
			padding: 10px 0px 10px 0px;
			text-align: center;
		}
		
		
		/* detail */
		
		.detail_maincoments {
			width: 550px;
			margin: 0px 0px 20px 1px;
		}
		.detail_maincoments h3 {
			margin: 0px 0px 5px 0px;
			padding: 0 0 0 8px;
			border-left: 5px solid #c0a26a;
			font-size:16px;
			line-height: 160%;
		}
		#detailarea {
			width: 550px;
			margin: 0px 0px 20px 1px;
		}
		#detailphotoblock {
			float: left;
			width: 260px;
			text-align: center;
		}
		#detailrightblock {
			float: left;
			width: 280px;
			font-size: 14px;
			line-height: 140%;
		}
		.box54 {
			width: 54px;
		}
		#detailrightblock .subarea {
			font-size: 12px;
			line-height: 140%;
			margin: 20px 0px 0px 0px;
		}
		#detailrightblock .subarea h3 {
			margin: 0px 0px 5px 0px;
			padding: 0 0 0 8px;
			border-left: 5px solid #c0a26a;
			font-size:16px;
			line-height: 160%;
		}
		#customervoicearea ul {
			width: 550px;
			list-style: none;
			margin: 0px 0px 0px 1px;
		}
		#customervoicearea ul li {
			margin: 0px 0px 10px 0px;
			border-bottom: 1px #c0a26a solid;
		}
		.voicedate {
			font-size: 11px;
			line-height: 130%;
			margin: 0px 0px 5px 0px;
		}
		.voicetitle {
			font-size: 14px;
			line-height: 130%;
			margin: 0px 0px 3px 0px;
		}
		.voicecomment {
			font-size: 12px;
			line-height: 130%;
			margin: 0px 0px 5px 0px;
		}
		.voicecomment_btn {
			text-align: center;
			padding: 10px 0px 20px 0px;
		}
		#whoboughtarea {
			margin: 0px 0px 20px 0px;
		}
		.whoboughtblock {
			margin: 0px 0px 20px 0px;
		}
		.whoboughtleft {
			float: left;
			width: 265px;
			margin: 0px 15px 0px 1px;
			border: 1px #c0a26a solid;
		}
		.whoboughtright {
			float: left;
			width: 265px;
			margin: 0px 0px 0px 0px;
			border: 1px #c0a26a solid;
		}
		.whoboughtinner_left {
			float: left;
			width: 65px;
			height: 65px;
			text-align: center;
			padding: 10px;
		}
		.whoboughtinner_right {
			float: left;
			width: 165px;
			padding: 10px 10px 10px 0px;
		}
		.whoboughttext {
			font-size: 10px;
			line-height: 130%;
		}
		
		#windowarea {
			width: 500px;
			min-height: 540px;
			_height: 540px;
			margin: 0px auto;
			background-color:#160c02;
			padding: 20px;
		}
		
		#windowarea h2 {
			margin: 0px 0px 5px 0px;
		}
		.windowtext {
			margin: 0px 0px 10px 0px;
		}
		#windowarea table {
			margin: 0px 0px 10px 0px;
		}
		#windowarea table th {
			text-align: left;
		}
		#windowarea table p {
			margin: 5px;
		}
		.box350 {
			width: 350px;
		}
		.area350 {
			width: 350px;
		}
		#windowarea .btn {
			padding: 10px 0px 10px 0px;
			text-align: center;
		}
		#completebox {
			maring: 0px 0px 10px 0px;
		}
		
		/* shopping */
		
		.shopping_table {
			width: 540px;
			margin: 0px 0px 10px 10px;
		}
		.shopping_table th {
			text-align: left;
			vertical-align: top;
		}
		.shopping_table td {
			text-align: left;
			vertical-align: top;
		}
		.shopping_table p{
			margin: 5px;
		}
		.shopping_table ul {
			list-style: none;
			margin: 5px;
		}
		.shopping_table ul li {
			margin: 0px 0px 5px 0px;
		}
		
		.pointarea ul {
			list-style: none;
		}
		
		.pointarea ul li {
			margin: 0px 0px 5px 0px;
		}
		
		.payarea {
			margin: 0px 0px 15px 0px;
		}
		.payarea h3 {
			margin: 0px 0px 5px 0px;
			padding: 0 0 0 8px;
			border-left: 5px solid #c0a26a;
			font-size:16px;
			line-height: 160%;
		}
		.payarea02 {
			margin: 0px 0px 15px 0px;
		}
		.payarea02 h3 {
			margin: 0px 0px 5px 0px;
			padding: 0 0 0 8px;
			border-left: 5px solid #c0a26a;
			font-size:16px;
			line-height: 160%;
		}
		
		.area550 {
			width: 550px;
		}
		
		.delivname {
			margin: 0px 0px 10px 10px;
		}
		.delivname th {
			text-align: left;
		}
		.delivname p {
			margin: 5px;
		}
		
		#completetext {
			width: 550px;
		}
		
		
		/* entry */
		
		.entry_text {
			width: 550px;
			margin: 0px 0px 10px 0px;
		}
		.area550 {
			width: 550px;
		}
		.entry_table {
			width: 540px;
			margin: 0px 0px 10px 10px;
		}
		.entry_table th {
			text-align: left;
			vertical-align: top;
		}
		.entry_table td {
			text-align: left;
			vertical-align: top;
		}
		.entry_table p {
			margin: 5px;
		}
		.entry_table_conf {
			margin: 0px 0px 10px 10px;
		}
		.entry_table_conf th {
			text-align: left;
			vertical-align: top;
		}
		.entry_table_conf td {
			text-align: left;
			vertical-align: top;
		}
		.entry_table_conf p {
			margin: 5px;
		}
		
		/* about */
		
		.summarytable {
			width: 540px;
			margin: 0px 0px 10px 10px;			
		}
		.summarytable th {
			text-align: left;
			vertical-align: top;		
		}
		.summarytable td {
			text-align: left;
			vertical-align: top;
		}
		.summarytable p {
			margin: 5px;
		}
		
		/* law */
		
		.lawtable {
			width: 540px;
			margin: 0px 0px 10px 10px;			
		}
		.lawtable th {
			width: 130px;
			text-align: left;
			vertical-align: top;
			color: #ffe3a6;		
		}
		.lawtable td {
			text-align: left;
			vertical-align: top;
		}
		.lawtable p {
			margin: 5px;
		}
		
		/* privacy */
		
		.privacybox {
			width: 540px;
			border-bottom: 1px #ffe3a6 solid;
			margin: 0px 0px 25px 2px;
			padding: 0px 0px 10px 0px;
		}
		.privacybox h3 {
			margin: 0px 0px 5px 0px;
			padding: 0 0 0 8px;
			border-left: 5px solid #c0a26a;
			font-size:16px;
			line-height: 160%;
		}
		.privacybox .text {
			line-height: 140%;
			margin: 0px 0px 15px 0px;
		}
		.privacybox ul {
			list-style: none;
			margin: 0px 0px 20px 0px;
		}
		.privacybox ul .title {
			font-size: 14px;
			line-height: 140%;
			color: #c0a26a;
			margin: 0px 0px 1px 0px;
		}
		.privacybox ul .listadd {
			font-size: 11px;
			line-height: 140%;
			margin: 0px 0px 10px 0px;
		}
		.privacybox .name {
			text-align: right;
			font-size: 14px;
			line-height: 140%;
			margin: 0px 0px 0px 0px;
		}
		
		/* campaign */
		
		.campaign_pagenav {
			padding: 0px 0px 20px 0px;
		}
		#campaign_form {
			width: 540px;
			border: 2px #c0a26a solid;
			margin: 0px 0px 25px 2px;
		}
		#campaign_form h3 {
			width: 540px;
			text-align: center;
			background: #c0a26a;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 5px 0px;
		}
		.campaign_table {
			width: 540px;
			border-collapse: collapse;
			margin: 0px;
			padding: 0px;
		}
		.campaign_table th {
			width: 170px;
			text-align: left;
			vertical-align: top;
			background: #1b1714;
			border-bottom: 1px #3c3325 solid;
		}
		.campaign_table th p {
			font-size: 12px;
			line-height: 150%;
			padding: 10px 2px 10px 5px;
		}
		.campaign_table td {
			text-align: left;
			vertical-align: top;
			border-bottom: 1px #3c3325 solid;
		}
		.campaign_table td p {
			font-size: 12px;
			line-height: 150%;
			padding: 10px 0px 10px 5px;
		}
		.campaign_table .red_s {
			color: #ff0000;
			font-size: 10px;
		}
		.campaign_table .campaign_stext {
			font-size: 10px;
		}
		.campaign_table .inputtext250 {
			width: 250px;
		}
		.campaign_table .inputtext50 {
			width: 50px;
		}
		.campaign_table .inputtext100 {
			width: 100px;
		}
		.campaign_table .inputtext300 {
			width: 300px;
		}
		.campaign_table .inputtextarea {
			width: 330px;
			height: 200px;
		}
		.campaign_table .submit {
			text-align: center;
		}
		.campaign_table .error {
			font-size: 10px;
			color: #ff0000;
		}
		#campaign_post {
			width: 540px;
			border: 2px #c0a26a solid;
			margin: 0px 0px 25px 2px;
		}
		#campaign_post .title {
			width: 540px;
			text-align: center;
			background: #c0a26a;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 5px 0px;
		}
		#campaign_post .normal_text {
			margin: 0px 0px 0px 0px;
			padding: 20px 20px 5px 20px;
		}
		#campaign_post .small_text {
			font-size: 10px;
			margin: 0px 0px 0px 0px;
			padding: 5px 20px 20px 20px;
		}
		
		
		#check_form {
			width: 735px;
			border: 2px #c0a26a solid;
			margin: 0px 0px 25px 0px;
		}
		#check_form h3 {
			width: 735px;
			text-align: center;
			background: #c0a26a;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 5px 0px;
		}
		.check_table {
			width: 735px;
			border-collapse: collapse;
			margin: 0px;
			padding: 0px;
		}
		.check_table th {
			width: 200px;
			text-align: left;
			vertical-align: top;
			background: #1b1714;
			border-bottom: 1px #3c3325 solid;
		}
		.check_table th p {
			font-size: 12px;
			line-height: 150%;
			padding: 10px 2px 10px 5px;
		}
		.check_table td {
			text-align: left;
			vertical-align: top;
			border-bottom: 1px #3c3325 solid;
		}
		.check_table td p {
			font-size: 12px;
			line-height: 150%;
			padding: 10px 0px 10px 5px;
		}
		.check_table .red_s {
			color: #ff0000;
			font-size: 10px;
		}
		.check_table .campaign_stext {
			font-size: 10px;
		}
		.check_table .inputtext250 {
			width: 250px;
		}
		.check_table .inputtext50 {
			width: 50px;
		}
		.check_table .inputtext100 {
			width: 100px;
		}
		.check_table .inputtext300 {
			width: 300px;
		}
		.check_table .inputtextarea {
			width: 330px;
			height: 200px;
		}
		.check_table .submit {
			text-align: center;
		}
		.check_table .error {
			font-size: 10px;
			color: #ff0000;
		}
		
		.check_result {
			text-align: center;
			color: #ffffff;
			width: 660px;
			margin: 0px auto;
		}
		
		.check_result .title {
			margin: 0px 0px 15px 0px;
		}
		
		.check_result .data {
			margin: 0px 0px 30px 0px;
		}
		
		.trial_cartc {
			clear: both;
			font-size: 16px;
			line-height: 150%;
			color: #F60;
		}
		
		#lpCol {
			width: 737px;
			background: #ffffff;
			margin: 20px 0 0 12px;
		}
		
		#lpCol .lp_image1 {
			width: 737px;
			margin: 0;
		}
		
		#lpCol .lp_image2 {
			width: 737px;
			margin: 0px 0px 15px 0px;
		}
		
		#lpCol .lp_set01 {
			width: 713px;
			border: 3px solid #1b0f03; 
			margin: 0px 0px 15px 8px;
		}
		
		#lpCol .lp_set01 .set_image {
			float: left;
			width: 258px;
		}
		
		#lpCol .lp_set01 .item_right {
			float: left;
			width: 455px;
		}
		
		#lpCol .lp_set01 .item_right .set_exp {
			width: 455px;
		}
		
		#lpCol .lp_set01 .item_right .buy_btn01 {
			margin: 0px 0px 10px 0px;
		}
		
		.other_set {
			padding: 20px 0px 20px 0px;
		}
		
		.other_set .title {
			padding: 0px 0px 10px 0px;
		}
		
		.other_set .other {
			padding: 0px 0px 15px 0px;
		}
		
		
		#loginarea #login {
			width: 175px;
			margin: 5px 0px 15px 0px;
		}
		
		
		#loginarea #login .box160 {
			width: 160px;
		}
		
		
		#loginarea .mini {
			width: 165px;
			line-height: 130%;
			vertical-align: middle;
			margin: 0px 5px 0px 5px;
			padding: 0px;
		}
		
		
		#loginarea .btn {
			text-align: center;
			width: 165px;
			margin: 0px 5px 0px 5px;
		}
		
		
		.other_set_area {
			width: 718px;
			background: #160c02;
			border: 1px solid #ffdf9d;
			margin: 0px 0px 10px 8px;
		}
		
		
		.other_set_area .image {
			float: left;
			margin: 3px 0px 10px 3px;
		}
		
		
		.other_set_area .other_set_right {
			float: left;
			margin: 10px 0px 0px 3px;
		}
		
		
		.other_set_area .other_set_right .other_item {
			margin: 0px 0px 10px 0px;
		}
		
		
		.other_set_area .other_set_right .exp_text {
			margin: 0px 0px 10px 0px;
		}
		
		
		.other_set_area .other_set_right .detail_btn {
			text-align: center;
			margin: 0px 0px 10px 0px;
		}
		
		
		.other_set_area .other_set_right .btn_area {
			width: 362px;
			list-style: none;
			margin: 0px 0px 10px 45px;
		}
		
		
		.other_set_area .other_set_right .btn_area li {
			float: left;
			margin: 0px 10px 0px 0px;
		}