@charset "utf-8";
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}	
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 1em;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/*----------------------------------------------------
	default
----------------------------------------------------*/
body {
background:url(images/bgbottom.gif) repeat-x left bottom;
}

a:link {
color:#A80038;
}

a:visited {
color:#A80038;
}

a:hover {
text-decoration: none;
}

a:active {
color:#A80038;
}

#contents {
}


/*----------------------------------------------------
	class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

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

.btn {
	text-align: center;
}

/*
	clearfix
*/
.cleaer:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
margin: 0 auto;
text-align:left;
background:url(images/bgtop.gif) repeat-x left top;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
width: 836px;
margin:0 auto;
position:relative;
top:24px;
background:url(images/header.jpg) no-repeat center top;
height:352px;
}

#header h1{
float:left;
width:412px;
height:38px;
text-indent:-999px;
}
p#toOrder{
float:left;
}

#toOrder a{
display:block;
height:38px;
width:420px;
text-indent:-999px;
}

#h_s01{
clear:both;
height:40px;
text-indent:-999px;
}
#h_h2{
height:94px;
font-size:20pt;
text-indent:-999px;
}
#h_ul li{
line-height:31px;
text-indent:-999px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
width: 836px;
margin:0 auto;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
background:url(images/main.jpg) no-repeat left top;
position:relative;
top:32px;
width: 788px;
padding:24px;
text-align: left;
}
#m_s01{
width:300px;
height:400px;
float:left;
}
#m_s01 p{
text-indent:-999em;
}
#m_h201{
float:left;
width:486px;
padding-top:16px;
}
#blogblock{
	margin-bottom:24px;
}


#m_h201 h2{
height:29px;
text-indent:-999em;
}
#m_h201 #blogblock h2 {
	margin-bottom:12px;
    padding-left: 14px;
    border-left: 6px solid #FF3;
    color: #990;
    font-size: 16px;
    line-height: 29px;
    text-indent: 0;
}
#blogblock ul li{
    list-style-position: inside;
    list-style-type: square;
}
#m_h201 p, #m_s02, #m_s03{
padding:4px 0 8px 16px; 
text-indent:1em;
}
#sen01{
background:url(images/sen01.gif) no-repeat left top;
 }
#sen02{
background:url(images/sen02.gif) no-repeat left top;
 }
#sen03{
background:url(images/sen03.gif) no-repeat left top;
 }
#m_s02{background:url(images/muvana01.gif) no-repeat right top;
padding-right:216px;}
#sen04{
clear:both;
height:29px;
background:url(images/sen04.gif) no-repeat left top;
text-indent:-999em;
}

#sen05{
height:51px;
background:url(images/sen05.gif) no-repeat left top;
text-indent:-999em;
}

#m_s04{
margin-top:48px;
height:51px;
background:url(images/sen06.gif) no-repeat left top;
text-indent:-999em;
}

#order{
background:url(images/muvanakothala01.jpg) no-repeat right top;

height:319px;
width:340px;
margin-right:32px;
float:left;
text-indent:-999em;
}
#o_h301{
background:url(images/sen07.gif) no-repeat left top;
height:40px;
width:410px;
float:left;
text-indent:-999em;
}
#m_s05{line-height:1.7;
position:relative;
top:16px;
margin-bottom:32px;}
.kakaku{font-size:large;
color:#FF397A;
}
.tax{color:#FF397A;}
/*----------------------------------------------------
	#com
----------------------------------------------------*/
#com{
background:url(images/com.gif) no-repeat left bottom;
clear:both;
font-size:x-small;
position:relative;
top:32px;
width: 788px;
padding:24px;
text-align: left;
margin-bottom:64px;
}

#com h3{background:#FFFFCB;
font-size:small;
line-height:2;
text-indent:1em;
}
#com h4{
border-bottom:1px solid #B5B500;
line-height:2;
text-indent:1em;
}
#com p, #com dl{margin:4px 8px 8px 1em;}
#com ul{margin:8px 8px 4px 2em;}
#com dl dt{float:left;font-weight:bold;}
#com dl dd{text-indent:1em;}
#com ul li{list-style:circle;}

#com_l{
width:386px;
float:left;
margin-bottom:16px;
}
#com_r{
width:386px;
float:right;
margin-bottom:16px;
}


/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
height:74px;
width:836px;
margin:0 auto;
}

#footer ul {height:50px;}
#footer ul li{float:left;padding:0 8px;}
.copy{
text-align:right;
color:#B7B707;
}