/* reset
------------------------------------------------------------------*/
/**
 * 84.5% for !IE, keywords for IE to preserve user font-size adjustment
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 *
 */
body {font:12px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; text-align:center;color:#333333;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */

html, h1, h2, h3, h4,pre,form,fieldset,input,textarea,p,blockquote, p, ul, ol, li, hr, dl, dt, dd, th, td {
margin: 0;
padding: 0;
}
 
*{
margin:0;
padding:0;
}

address, caption, cite, code, dfn, em, strong, th, var{
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

h1, h2, h3, h4 {
font-size:100%;
font-weight: normal;
}

q:before,q:after {
content:'';
}

fieldset, img, abbr,acronym {
border:0;
}

.clearfix:after {
content: "." ;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac _*/
* html.clearfix {
height: 1%;
}

.clearfix {
display: block;
}
/* End hides from IE-mac */


/* common
------------------------------------------------------------------*/
h1, h2, h3, h4 {
color: #333333;
}

a {
color: #142777;
text-decoration: none;
outline: none;
}


#header{
background:url(../common/h_bg.jpg) repeat-x;
height: auto;
text-align:center;
margin:0 auto;
padding:0;
}

#header_002{
background:url(../common/bg_002.jpg) repeat-x;
height: auto;
text-align:center;
margin:0 auto;
padding:0;
}

.headerBox {
width:950px;
margin:0 auto;
text-align:center;
}


/* contents
------------------------------------------------------------------*/

#container{
text-align:center;
}

#wrapper_index{
width:950px;
margin:0 auto 0;
_margin-top:-20px;
text-align:left;

}

#wrapper{
width:950px;
background:url(../common/cont_bg.jpg) no-repeat;
margin:0 auto 0;
_margin-top:-20px;
text-align:left;

}


#contents{
margin-bottom:20px;;
padding:33px 0 0 0;
}

#c-left{
width:680px;
float:left;
margin:0 20px 0 0;
}

#c-right{
width:250px;
float:left;
background: url(../common/navi_bg.jpg) repeat-x;

}

#contents h5.store01{
background:url(../common/navi_001_01.jpg) no-repeat;
width:220px;
height:60px;
text-indent:-9999px;
margin-top:10px;
}



/* footer
------------------------------------------------------------------*/
#footer{
clear:both;
background:#111;
}
/*
#footerbg {
	width:1500px;
	height:100px;
 	background:url(../common/footer.jpg) no-repeat;
	text-align:center;
}
*/


#footerbg {
width:950px;
height:100px; 
padding:0;
text-align:left;
background: url(../index_img/footer.jpg) no-repeat;
margin:0 auto;
}

#footerbg p{
font-size:89%;
color:#FFFFFF;
margin:0;
padding:20px 0 0 0;
}

#footerbg a {
color: #FFF;
text-decoration: none;
outline: none;
}

#footerbg a:hover {
color: #FFF;
border-bottom:solid 1px #FFFFFF;
text-decoration: none;
outline: none;
}


#footer p{
color:#FFF;	
text-align:left;
}

#recobox_index {
clear:both;
width:680px;
height: auto;
background:url(../common/main_bg_001.jpg) no-repeat;
margin:0;
padding:20px 0; 
}


#recobox {
width:680px;
height: auto;
/*background:url(../common/main_bg_001.jpg) no-repeat;*/
margin:0;
padding:0;
}

#recobox h3, #recobox_index h3{
background:url(../index_img/title_001.jpg) no-repeat;
width:680px;
height:132px;
margin:0;
padding-top:20px;
text-indent:-9999px;
}






/* sidenavi
------------------------------------------------------------------*/

#sidenavi ul{
text-align:right;
width: 220px;
height: auto;
margin: 0;
padding: 0;
}

#sidenavi li{
width: 220px;
height: auto;
margin: 0 15px 5px 15px;
padding: 0;
}


/* company
------------------------------------------------------------------*/

#recobox_002 {
width:640px;
height: auto;
/*background:url(../common/main_bg_001.jpg) no-repeat;*/
margin:0;
padding:20px;
}

#recobox_com h3 {
background:url(../company/img/titile_001.jpg) no-repeat;
width:638px;
height: auto;
margin:0;
padding-top:20px;
text-indent:-9999px;
}

#company table {
width:640px;
border:1px #CCCCCC solid;
margin:20px 0 0 0;
}

#company table th, #company table td{
background:#FFFFFF;
padding:0.8em 1em;
border-bottom:4px solid #999999;
}

#company table th{
padding:0.4em 1em;
border-bottom:4px solid #333;
background-color:#e1dddd;
text-align:center;
}

/* inside
------------------------------------------------------------------*/
.r_hw {
text-align:right;
color:#FFFFFF;
font-weight: bold;
padding-right:10px;

}

/* contact
------------------------------------------------------------------*/

#contact table {
width:640px;
border:1px #CCCCCC solid;
margin:0 0 0 0;
}

#contact table th, #contact table td{
background: none;
padding:0.8em 1em;
border-bottom:4px solid #999999;
}

#contact table th{
padding:0.4em 1em;
border-bottom:4px solid #333;
background-color:#e1dddd;
text-align:left;
font-weight: bold;
}

.header01 {
width:950px;
height:106px;
margin:0 auto;
}

#index_title h2 {
margin-bottom:15px;
background:url(../common/title_001.jpg) no-repeat;
width:680px;
height:132px;
text-indent:-9999px;
}

#index_title p {
line-height:150%;
font-size:110%;
padding:10px;
}

#insideTitle h1 {
background:url(../inside/img/header02.jpg) no-repeat;
width:950px;
height:134px;
padding-bottom:3px;
text-indent:-9999px;
margin:0 auto;
}
#moruTitle h1 {
background:url(../moru/img/header02.jpg) no-repeat;
width:950px;
height:134px;
padding-bottom:3px;
text-indent:-9999px;
margin:0 auto;
}
#kazaruTitle h1 {
background:url(../kazaru/img/header02.jpg) no-repeat;
width:950px;
height:134px;
padding-bottom:3px;
text-indent:-9999px;
margin:0 auto;
}
#kisetuTitle h1 {
background:url(../kisetu/img/header02.jpg) no-repeat;
width:950px;
height:134px;
padding-bottom:3px;
text-indent:-9999px;
margin:0 auto;
}
#okuruTitle h1 {
background:url(../okuru/img/header02.jpg) no-repeat;
width:950px;
height:134px;
padding-bottom:3px;
text-indent:-9999px;
margin:0 auto;
}
#kappoTitle h1 {
background:url(../kappo/img/header02.jpg) no-repeat;
width:950px;
height:134px;
padding-bottom:3px;
text-indent:-9999px;
margin:0 auto;
}

.h3Bg {
background:url(../images/h3bg.gif) no-repeat;
color:#FFFFFF;
font-weight:bold;
font-size:16px;
width:440px;
padding:7px 0 0 10px;
height:23px;
}

.photoImg {
padding:15px 0;
}

.txt {
line-height:120%;
padding-bottom:15px;
}

.shop {
padding:15px 0;
text-align:right;
}

#index_comment {
margin:0;
padding:0 0 0 20px;
width:640px;
height:auto;
}

#index_comment p {
line-height:150%;
font-size:100%;
}

#mhand {
margin:40px 0 0 0;
padding:0;
width:120px;
height:20px;
}

#mhand a{
text-decoration:none;
}

#mhand a:hover{
text-decoration:none;
}

p.disp{
font-size:1px;
line-height:1%;
text-indent:-9999px;
}

h1.main{
font-size:1px;
line-height:1%;
text-indent:-9999px;
}

h3.i_title01{
	width:660px;
	height:31px;
	background:url(../index_img/title01.jpg) no-repeat;
	text-indent:-9999px;
	margin-top:20px;
	margin-bottom:15px;
}

p.lt01{
	width:380px;
	float:left;
}

p.rp01{
	float:right;
	width:226px;
	margin-right:20px;
	_margin-right:10px;
}

div#box01{
	margin-bottom:20px;
}