p,div,ul,li{margin:0px;padding:0px;}

div#invoice {
    height: 260px;
    overflow: scroll;
    width: 895px;
	border-left:1px solid #666;
}

body{ margin:0px; background-image:url(img/sas.jpg);}

.catch {
    background-color: #FFFF99;
}

.star {
    color: #FFCC33;
}

#invoice {
    height: 220px;
    overflow: scroll;
    width: 800px;
	border:1px solid #666;
	margin: 30px 0 0 70px;
}

.review {
    line-height: 1.5em;
    padding-top: 5px;
}

.who {
    text-align: right;
}

a{ color:#FFF;}

.konu a:hover{opacity:0.5;}
.konu2 a:hover{opacity:0.5;}




#zen{width:1000px; margin-left:auto; margin-right:auto; background-color:#FFF; margin-top:0px; -moz-box-shadow: 2px 2px 10px #000;
				-webkit-box-shadow: 2px 2px 10px #000;}
.kokoe{background-image:url(../../calorie/lp/imgs/a4.jpg); width:961px; height:50px;}

.a19{background-image:url(../../calorie/lp/imgs/a13.jpg); width:891px; height:304px;padding:80px 0 0 70px;}

.a1{position:relative; background-image:url(img/b.jpg); width:1000px; height:239px; margin:0px;}
.a2{position:absolute; left: 701px; top: 146px;}
.a3{margin:0 0 0 0; text-align:center;}
.a4{margin:80px 0 0 0; text-align:center;}
.a5{margin:30px 0 0 0; text-align:center;}
.a6{margin:30px 0 0 0; text-align:center;}
.a7{margin:30px 0 0 0; text-align:center;}
.a8{margin:100px 0 0 0; text-align:center;}
.a9{margin:80px 0 0 0; text-align:center;}
.a10{margin:30px 0 0 0; text-align:center;}
.a11{margin:50px 0 0 0; text-align:center;}
.a12{margin:150px 0 0 0; text-align:center;}
.a13{margin:0px 0 0 0; text-align:center;}
.a14{position:relative; margin:20px 0 0 80px; background-image:url(img/t.jpg); width:840px; height:543px;}
.a14s{position:relative; margin:80px 0 0 80px; background-image:url(img/t.jpg); width:840px; height:543px;}
.a15{position:absolute; left: 352px; top: 443px;}
.a16{position:relative; margin:20px 0 0 50px; background-image:url(img/u.jpg); width:900px; height:483px;}
.a17{position:absolute; left: 40px; top: 397px;}
.a18{position:absolute; left: 544px; top: 397px;}
.b1{margin:50px 0 0 0; text-align:center;}
.b2{margin:150px 0 0 0; text-align:center;}
.b3{margin:60px 0 0 0; text-align:center;}
.b4{margin:60px 0 0 0; text-align:center;}
.b5{margin:100px 0 0 0; text-align:center;}
.in{margin:0px 0px 0px 52px;}
.lia{margin:10px 0 0 0; text-align:center; padding:0 0 30px 0; font-size:12px; line-height:30px;}

.lia a{ color:#000;}

.bo{
	margin:30px 0 30px 0;
	text-align:center;
}



div#invoice2 {
    height: 260px;
    overflow: scroll;
    width: 800px;
	border-left:1px solid #666;
	background-color:#FFF;
	margin:0 0 0 100px;
}


div#invoice3{
    height: 260px;
    overflow: scroll;
    width: 800px;
	border-left:1px solid #666;
	background-color:#FFF;
	margin:0px 0 0 100px;
}


.voicewrap2 {
    border-bottom: 1px dotted #666666;
    padding: 10px;
}





.konu2{
	background-image:url(../lpm/img/as24.jpg);
	width:1000px;
	height:245px;
	padding:30px 0 0 0;
	text-align:center;
}

.konu{
	background-image:url(../lpm/img/as2.jpg);
	width:1000px;
	height:214px;
	text-align:center;
	padding:505px 0 0 0;
}

.waku{
	width:1000px;
}

.left{
	padding:10px 0 0 80px;
	width:420px;
	font-size:12px;
	line-height:18px;
	float:left;
}

.waku span{
	font-size:10px;
}
.right{
	padding:10px 80px 10px 0;
	width:420px;
	font-size:12px;
	line-height:18px;
	float:right;
}

.clear{
	clear:both;
	padding:0px;
	margin:0px;
}



#lp22{
	position: relative;
	width: 1000px; 
	height: 822px; 
}

#lp22_contact{
	position: absolute; 
	top: 740px; 
	left: 315px; 
	height: 72px;
	width: 488px;
}

#lp22_contact:hover{
	opacity: 0.8;
	filter: alpha(opacity=80); 
}




<script type="text/javascript">
<!--
window.onload = function(){
	RSRuby.regist('customer_sei','cust_sei_kana');
	RSRuby.regist('customer_mei','cust_mei_kana');
	RSRuby.start();
	document.getElementById('item1_div').style.display = 'block';
	document.getElementById('item2_div').style.display = 'none';
//	document.getElementById('pay_type_group1').style.display = 'block';
//	document.getElementById('pay_type_group2').style.display = 'none';

	document.getElementsByName('item1-1').item(0).onclick = select_item;
	document.getElementsByName('item1-2').item(0).onclick = select_item;
	document.getElementsByName('item1-3').item(0).onclick = select_item;
	document.getElementsByName('item2-1').item(0).onclick = select_item;
	document.getElementsByName('item2-2').item(0).onclick = select_item;

	document.getElementsByName('item1_quantity').item(0).onchange = change_quantity;
	document.getElementsByName('item2_quantity').item(0).onchange = change_quantity;
}

function getRadioValue(name,defvalue){
	var els = document.getElementsByName(name);
	for(var i = 0;i < els.length;i++){
		if( els[i].checked ){
			return els[i].value;
		}
	}
	return defvalue;
}

function submit_form(f){
	var result = true;
	var errorMessage = '';
	var requiredList = {
		'customer_sei':'お名前(姓)を入力してください。',
		'customer_mei':'お名前(名)を入力してください。',
		'cust_sei_kana':'ふりがな(姓)を入力してください。',
		'cust_mei_kana':'ふりがな(名)を入力してください。',
		'mailaddress':'E-Mailを入力してください。',
		'pay_type':'支払方法を選択して下さい。'
	}
//	//pay_typeを取得
//	if( document.getElementsByName('p2[0]').item(0).value == 'st-001' ){
//		document.getElementsByName('pay_type').item(0).value = getRadioValue('pay_type_group1_val',0);
//	}else{
//		document.getElementsByName('pay_type').item(0).value = getRadioValue('pay_type_group2_val',0);
//	}
	document.getElementsByName('pay_type').item(0).value = getRadioValue('pay_type_group1_val',7);

	for( var i in requiredList ){
		if( document.getElementsByName(i).item(0).value.length == 0 ){
			errorMessage += requiredList[i] + '\n';
			result = false;
		}
	}
	if( document.getElementsByName('zip_no1').item(0).value.length == 0 || document.getElementsByName('zip_no2').item(0).value.length == 0){
		errorMessage += '郵便番号を入力して下さい。\n';
		result = false;
	}else{
		document.getElementsByName('zip_no').item(0).value = document.getElementsByName('zip_no1').item(0).value + '-' + document.getElementsByName('zip_no2').item(0).value;
	}
	if( document.getElementsByName('phone_no1').item(0).value.length == 0 || document.getElementsByName('phone_no2').item(0).value.length == 0 || document.getElementsByName('phone_no3').item(0).value.length == 0){
		errorMessage += '電話番号を入力して下さい。\n';
		result = false;
	}else{
		document.getElementsByName('phone_no').item(0).value = document.getElementsByName('phone_no1').item(0).value + '-' + document.getElementsByName('phone_no2').item(0).value + '-' + document.getElementsByName('phone_no3').item(0).value;
	}
	if( document.getElementsByName('mailaddress').item(0).value != document.getElementsByName('mailaddress_chk').item(0).value ){
		errorMessage += 'E-Mailが確認用と一致しません\n';
		result = false;
	}
	if(!result){
		alert('入力エラー!!\n\n' + errorMessage);
	}
	return result;
}


function addComma(str){  
	var num = new String(str).replace(/,/g, '');  
	while(num != (num = num.replace(/^(-?\d+)(\d{3})/, '$1,$2')));  
	return num;  
}
function setInnerTextById(id,value){
	var displayObject = document.getElementById(id);
	if( navigator.appName.charAt(0) != 'M' ){
		displayObject.textContent = value;
	}
	else{
		displayObject.innerText = value;
	}
}

//-->
</script>
<style type="text/css">
<!--
.style1 {color: #FF0000}
.table_box{
	padding: 5px;
	text-align: left;
}
.form_name{
	font-weight: bold;
	color: #7AC35A ;
	font-size: 30px;
	border-left:solid 20px #7AC35A;
	border-bottom:dotted 1px #7AC35A;
	text-align:left;
	width: 850px;
	margin: 0 auto;
}
.form_box{
	text-align: center;
	margin: 1em auto;
	width: 700px;
}
.form_box_title{
	font-weight: bold;
	font-size: 20px;
	color: #7AC35A ;
}
.form_box span.text_red{
	color: red;
}
-->
</style>