/*******************************
*
* レイアウト要素
*
********************************/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background-color:#073D01;
 font-size:90%;
 line-height: 130%;
} 

img {
 border:none;
}

h1{
 text-indent:-9999px;
 margin:0px;
 padding:0px;
 font-size:10%;
}

h3{
 font-weight:normal;
}
#pagewidth{
 width:920px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
/*background-image:url('./images/_common/background.jpg'); */
 background-color:#FFF;
 background-repeat:repeat-y;  
 margin-bottom:0;
 margin-top:0;
 padding: 0;
}

#pagediv{
 margin-top:0px;
 padding-top:0px;
 width:850px;
 margin-left:auto; 
 margin-right:auto; 
}

#pagediv_navi{
 margin-top:0px;
 padding-top:0px;
 width:880px;
 margin-left:auto; 
 margin-right:auto; 
 clear:both;
}

#header{
 position:relative; 
 height:86px; 
 width:880px;
 margin:0;
 padding:0; 
}

#header .header_left{
 float:left;
 margin:0;
 padding:0; 
 width:500px;
 height:88px; 
 background-image:url('./images/_common/title.jpg');
 background-repeat:no-repeat;
 text-indent:-9999px;
}

#header .header_left a{
 display:block;
 width:500px;
 height:88px;
 margin:0px;
 padding:0px;
}

#header .header_right{
 float:left;
 margin:0;
 padding-top:5px;
 width:300px;
 height:86px; 
 text-align: right;
 font-style: italic;
}
 
#maincol{
 background-color: #FFFFFF;  
/* float: right; */
 display:inline; 
/*position: relative;*/
 width:100%; 
}


#page{
 width:830px;
 height:14px; 
 clear:both;
}

#page img{
 float:right;
 margin-top:15px;
 margin-left:5px;
 padding-bottom:10px;
}

#footer{
 width:880px;
/* height:14px; */
 clear:both;
/* margin-top:20px; */
/* margin-bottom:20px; */
}

#footer #linknav{
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}

#footer #copy{
 text-align:center;
 margin-left:auto;
 margin-right:auto;
}


#main {
 width:630px;
 float:left;
}

#rightbar {
 width:205px;
 float:right;
 margin-right:10px;
}

#line {
 width:100%;
 height:5px;
 background-image: url('./images/info/line.jpg');
 background-repeat: repeat-x;
 text-indent:-9999px;
}
/*******************************
*
* デザイン要素
*
********************************/
#home_title {
 font-size:10%;
 font-weight:normal;
 text-indent:-9999px;
}

#home_test {
 /*text-indent:-9999px;*/
 background-image: url('./images/_common/main.jpg');
 width:876px;
 height:281px;
 margin-left:auto; 
 margin-right:auto; 
 z-index:2;
}

#home {
 /*text-indent:-9999px;*/
 background-image: url('./images/_common/20100316_2.jpg');
 width:852px;
 height:625px;
 margin-left:auto; 
 margin-right:auto; 
 z-index:2;
}

#month08 {
 width:100%;
 background-image: url('./images/info/month08.jpg');
 background-repeat: repeat-x;
 background-position:bottom;
}

/***************
* 取り急ぎ
***************/

#colum {
 font-size:110%;
 line-height:150%;
}

#recommend {
 font-size:130%;
 color:#0C810F;
}

#recommend_b {
 font-size:130%;
}

#bold {
 font-weight:bold;
 color:#222;
}

#red {
 color:#FF0000;
}

#company th{
 font-weight:normal;
 background-color:#FEF2E4;
}

#company td{

}

/***************
* トップ
****************/

#maintable {
 width:880px;
 margin-left:auto; 
 margin-right:auto;
}

#bgshop {
 background-color:#FFF5E8;
}


/***************
* 余白
****************/

.ml10{
 margin-left:10px;
}

.ml20{
 margin-left:20px;
}

.ml30{
 margin-left:30px;
}

.margin0{
 margin:0;
 padding:0;
}

.borderg{
 border:1px solid #CCCCCC;
}
/*******************************
*
* 特殊要素
*
********************************/

.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;}



#infoimage{
 float:left;
}

#infoimage img{
 border:1px solid #CCCCCC;
}

#infotext{
 float:left;
 margin-left:5px;
}

#infodetail{
 margin-top:5px;
}

#recommendtable img{
 border:1px solid #CCCCCC;
}