/*************************** ALL PAGE ****************************/
/***** global *****/
*{margin:0;padding:0;}

/******** Background-image and color ********/
body{background-image:url(../img/backimage.gif);
background-color:#ffffff;background-repeat:repeat-y;background-position:center;
}
h2,h3{ /*background-image:url();*/
background-color:#ffffff;background-repeat:no-repeat;background-position:left top;
height:40px; margin:0 0 3px 0;
}
/* test **
.ld2{background-color:#890000;}
#top_layout{background-color:green;}
#header{background-color:#c8c800;}
#contents{background-color:#009898;}
#menu{background-color:#c800c8;}
#footer{background-color:#989898;}
/**/

/********** Layout **************/
body{text-align:center;}
p{text-align:left;}
div{text-align:left;}
table{text-align:left;}
/* siteframe */
#siteframe{width:970px;margin:0 auto;text-align:left;}

/**** top_layout */
#top_layout{width:970px;}
#top_layout div{width:100%;}

/**** main_layout */
#main_layout{width:970px;position:absolute;top:0px;left:auto;}

#main{line-height:100%;}
#contents{width:780px;float:right;}
#menu{width:180px;float:left;}

#footer{width:100%;}

/* Header */
#head{width:100%;}

/******************** tags *************************/
body { color:#333333;font-size:14px;line-height:130%;}
img{border:none;}

a:link    { color: #0000ff; text-decoration: none; }
a:hover   { color: #0000ff; text-decoration: underline; }
a:visited { color: #af0036; text-decoration: none; }
a:active  { color: #af0036; text-decoration: underline;}

h1{font-size:15px;line-height:110%;}
h2,h3{ font-size:15px;line-height:130%;}
h3,h4,h5{ font-size:14px;line-height:130%;}

ul{font-size:14px;}
ol{margin-left:16px;font-size:14px;}
li{margin-left:16px;}
dl{}
dt{margin-bottom:7px;}
dd{margin-bottom:24px;}
p{font-size:14px;padding:3px 0px 12px 14px;line-height:130%;}
fieldset{}

/***************** id and class ****************/
#contents,#menu{line-height:130%;}
.sitewidth{width:970px;margin:0 auto;}

.titlecls{
background-image:url();height:40px;margin:0 0 3px 0;
font-size:15px;font-weight:bold;color:#222222;
display:block;width:100%;background-position:left top;background-repeat:no-repeat;
}
.bunshou{
padding:2px;list-style:none;
border:1px solid #ffb280;border-width:0 1px 1px 1px;
}
.clear{clear:both;}
.habanashi img{display:block;}
.migi_yose{float:right;}
.hidari_yose{float:left;}
.right{text-align:right;}
.left{text-align:left;width:100%;}
.center{width:100%;text-align:center;margin-left:auto;margin-right:auto;}
.white{color:#fefefe;}
.red{color:#ff0000;}
.blue{color:#0000ff;}
.small{font-size:13px;}
.big{font-size:21px;font-weight:bold;}
.bold{font-weight:bold;}
.rss{display:block;height:20px;}
.rss a{margin-right:3px;float:right;font-size:12px;color:#ff9933;}

/*****************************
Site - start
******************************/
#siteframe{width:100%;text-align:center;}
#top_layout{width:100%;}
.ld1{width:770px;}
.ld2{width:970px;}
.ld3{width:770px;}

.sitewidth{width:900px;margin:0 auto;}
#main_layout{width:900px;position:absolute;top:0px;left:auto;}
#contents{width:580px;float:right;}
#menu{width:300px;float:left;}

body      { color: #333333; font-size: 14px; margin: 0; padding: 0   }

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1{ height:20px; font-size: 100%; color: #af0036; line-height:130%;}

h2{ height:80px; font-size: 16px; font-weight: normal; line-height: 90px; background-image: url(../new_img/main_04.gif); background-repeat: no-repeat; text-align: center; letter-spacing: 3px; }
#headermenu{width:900px; font-size: 16px; font-weight: normal; line-height: 90px; background-image: url(../new_img/main_04.gif); background-repeat: no-repeat; text-align: center; letter-spacing: 3px; margin:0 auto; }

h3{ font-size: 100%; color: #af0036; line-height: 27px; background-image: url(../new_img/main_06-1.gif); background-repeat: no-repeat; text-align: center; }
h4{ font-size: 100%; color: #af0036; line-height: 30px; background-image: url(../new_img/main_06-1.gif); background-repeat: no-repeat; text-align: center; }
h4_pro{ font-size: 100%; color: #7a9000; line-height: 30px; background-image: url(../new_img/main_06.gif); background-repeat: no-repeat; text-align: center; }
h5{ font-size: 100%; color: #334d55; font-weight: normal; }
form  { line-height: 20pt; margin: 0; padding: 0; }
#maindiv    { margin: 0 auto; padding: 0; width: 900px; text-align: left; }
#textsize { font-size: 80%; position: absolute; top: 0; right: 0; width: 340px; float: right; }
#masthead  { color: #000; font-size: 12px; line-height: 20px; background-image: url(../new_img/main_01.gif); background-repeat: no-repeat; background-position:50% top; text-align: center; width: 100%     ; }

#mastfoot{ line-height: 30px; text-align: center; margin: 30px 0 0; padding: 30px 0 0; width: 100%; float: left; border-top: 1px solid #af0036; }

#content { width:580px; margin:0 auto; background-color: #fff3f7; border: solid 1px #ffd5e4; }

#content_pro { background-color: #ffffcb; border: solid 1px #c7eb00; }

#menu{ background-color: #fff3f7; float:left; width: 300px; border: solid 1px #ffd5e4; }
#mainbox { font-size: 12px; line-height: 20px; width: 550px; margin: 0 0 30px; padding: 15px; }
.callbox { font-size: 12px; line-height: 20px; background-color: #fffece; width: 550px; margin: 0 15px; border-right: 1px solid #000; border-left: 1px solid #000; }
A:link      { color: #00f; text-decoration: none; }
A:visited   { color: #af0036; text-decoration: none; }
A:active  { text-decoration: underline; color: #af0036;}
A:hover    { color: #00f; text-decoration: underline; }
ul { text-align: left; list-style-image: url(../new_img/arrow.gif); }
li { margin-left:48px; font-size: 14px; line-height: 24px; list-style-type: none; }
.itemtitle { font-size: 16px; text-indent: 5px; margin: 0 0 10px; padding-bottom: 2px; border-bottom: 1px solid #af0036; border-left: 10px solid #af0036; }
.itemtitle_pro { font-size: 16px; text-indent: 5px; margin: 0 0 10px; padding-bottom: 2px; border-bottom: 1px solid #7a9000; border-left: 10px solid #7a9000; }
.itemprice { color: #f00; font-size: 20px; font-weight: bold; text-indent: 5px; margin: 10px 0 5px; }
.itempoint { color: #db5f00; font-size: 12px; text-indent: 5px; margin: 0 0 5px; }
.itemsiyou { font-size: 12px; line-height: 16px; background-color: #fff; width: 90%; margin: 10px 0 0; padding: 3px; border: solid 1px #799001; }
.itemsiyou2 { font-size: 12px; line-height: 16px; background-color: #fff; width: 544px; margin: 15px; padding: 3px; border: solid 1px #799001; }
.itemsiyou3 { font-size: 12px; line-height: 16px; background-color: #fff; width: 90%; margin: 10px; padding: 3px; border: solid 1px #799001; }
.voicetitle { color: #4b4b4b; font-size: 12px; background-color: #eaff7f; margin: 0 0 5px; padding: 2px; }
.textbox { font-size: 12px; line-height: 18px; background-color: #ffffcf; letter-spacing: 2px; margin: 0; padding: 10px; }
.test { margin: 0 10px 0 25px; }
.pay-text { margin:15px }

.h4cls{
margin: 0px;padding: 0px;font-weight:bold;
font-size: 100%; color: #af0036; line-height: 30px; background-image: url(../new_img/main_06-1.gif); background-repeat: no-repeat; text-align: center; }

#allcenter{width:100%;text-align:center;}

/*Ľorder--*/
.orderbox p{margin:2px;padding:0;}
.orderbox { font-size: 12px; text-align: left; width: 558px; height: 250px; margin-bottom: 40px; padding: 10px; border: solid 1px #b4b4b4; }
.orderinbox { background-color: #f0f0f0; float: right; margin-top: 0; margin-bottom: 0; padding: 10px; }
.otitle { color: #fff; background-color: #000; margin-top: 0; margin-bottom: 0; padding: 5px; }
.oname { font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; }
.oprice { color: #f00; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 5px; }
.tax { color: #000; font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 5px; }
.lnprice { color: #00f; font-size: 16px; font-weight: bold; background-color: #ff0; margin-top: 0; margin-bottom: 5px; padding: 5px; }
.point { color: #5c2600; font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 5px; }
.delivery { color: #f00; margin-top: 0; margin-bottom: 5px; }
form { font-size: 14px; margin-top: 10px; margin-bottom: 10px; }
.specbox { background-color: #ffffd1; margin: 5px; padding: 5px; border: solid 2px #ffa200; }
.lfloat { float: left; }
.lfimg { float: left; padding: 5px; }
.rfloat { float: right; }
.rfimg { float: right; padding: 5px; }
.directionsbox { color: #292929; font-size: 14px; line-height: 20px; text-align: left; margin-bottom: 80px; padding: 10px; width: 560px; }
.textbox_01 { color: #292929; font-size: 14px; line-height: 20px; text-align: left; margin-top: 20px; margin-bottom: 20px; padding: 10px; border: solid 1px; }
.qa-q { color: #f00; font-size: 18px; line-height: 15px; padding-bottom: 5px; border-bottom: 1px dotted #f00; }
.qa-a { color: #00f; font-size: 12px; line-height: 15px; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid gray; }
.attention { color: #60655f; font-size: 14px; line-height: 18px; text-align: left; letter-spacing: 1px; padding: 5px; border: solid 3px #f00; }
.attention-text { color: #60655f; font-size: 12px; line-height: 18px; text-align: left; letter-spacing: 1px; padding: 5px; }

/***********************
end - Site;
************************/


