@charset "UTF-8";
/* CSS Document */

<!--レイアウト-->


body	{margin: 0;}

		 
#wrapper {width:900px;
			padding-top:0px;
		  margin: auto;

}

#content {width:852px;
		  margin-left:auto;
		  margin-right:auto;
		  
}

/*------------------------------------------
         header & global_navi
---------------------------------------------*/	
body h1{
	width:900px;
	color:#898989;
	font-size:9px;
	font-weight:normal;
	margin:0 auto;
	padding:0 0 0 10px;
	}
#header_line{
	background:#FFF7D7;
	}
#header {
width:900;
height:62px;
margin:25px 0 25px 0;
/*margin:0 auto;*/
}		 
	 
#logo{
float:left;
}

#header_info{
margin:0 0 0 145px;
float:left;
height:33px;
}

body h2{
float:left;
font-weight:bold;
font-size:12px;
display:inline;
width:336px;
height:14px; 
}
#rec_logo{
float:left;
margin:0 0 0px 72px;
}

#global_navi{
float:right;
width:515px;
height:28px;
/*margin-bottom:25px;*/
}
/*------------------------------------------
            header & global_navi
---------------------------------------------*/




#mainImage{
background:url(../../images/top_images/mainImg.jpg) no-repeat;
clear:both;
width:852px;
height:496px;
margin:0 auto;
}

#main_left_box{
	width:560px;
	float:left;
 }

#sign{
margin:0 0 0 32px;
padding:82px 0 0 0 ;
}

body h3{
margin:18px 0 0 32px;
width:620px;
height:46px;
 }

#btn_box{
	width:560px;
	margin:33px 0 0 0 ;
}

#btn_right a{
	float:left;
	margin:0 0 0 32px;
	background:url(../../images/top_images/btn1.jpg) no-repeat;
	width:225px;
	height:213px;
	display:block;
	text-indent:-9999px;
	_margin-left:16px;
}
#btn_right a:hover{
	background:url(../../images/top_images/btn1_on.jpg) no-repeat;
	width:225px;
}	

#btn_left_box{
	width:292px;
	float:right;
	margin: 0 0 0 -13px;
	display:inline;
}

#btn_left a{
	background:url(../../images/top_images/btn2.jpg) no-repeat;
	width:292px;
	height:194px;
	display:block;
	text-indent:-9999px;
}
#btn_left a:hover{
	background:url(../../images/top_images/btn2_on.jpg) no-repeat;
	width:292px;
}

.cyui{
	font-size:9px;
	color:#999999;
	margin:0 0 0 39px;
}	



/*------------------------------------------
                   form
---------------------------------------------*/
#main_right_box{
	width:237px;
	float:left;
	margin:100px 0 0 24px;
	display:inline;
	_margin:-365px 0 0 585px;
 
}

#form_box{
	background:url(../../images/top_images/form_back.jpg) repeat-y;
	padding:0 3px;
	font-size:11px;
	line-height: 18px;
	_line-height: 16px;
}

#form_btn a{
	background:url(../../images/top_images/btn_hp_make.jpg) no-repeat;
	width:204px;
	height:23px;
	display:block;
	text-indent:-9999px;
	margin:0 0 0 14px	
	}
#form_btn a:hover{
	background:url(../../images/top_images/btn_hp_make_on.jpg) no-repeat;
	width:204px;
	height:23px;	
	}

#form_box .ssl{
	margin:-2px 0 0 90px;
	font-size:0.8em;
	position:absolute;
	color:#C0C0C0;
}

.form1{
	width:204px;
	height:18px;
	border:1px solid #F0990F;
}


#form_box1{
	padding:7px 14px 7px 14px;
	border-bottom:1px dashed #c0c0c0;
}
#form_box2{
	padding:3px 14px 1px 14px;
	border-bottom:1px dashed #c0c0c0;
}
.cyui2{
	font-size:9px;
	color:#999999;
	margin:0 0 0 0px;
}	


#form_box3{
	padding:5px 14px 5px 14px;
	border-bottom:1px dashed #c0c0c0;
}

.form2{
	width:72px;
	height:18px;
	border:1px solid #F0990F;
}

#form_margin{
	padding:0 0 0 3px;
}

#form_box4{
	padding:5px 14px 5px 14px;
}
body #form_box4 p{
	font-size:9px;
	color:#c0c0c0;
	line-height:1.5;
}

#form_check{
	width:11px;
	height:11px;
}

#form_bottom{
	margin:0 0 0 -3px;
}



/*------------------------------------------
               form_end
---------------------------------------------*/


/*------------------------------------------
               news_strat
---------------------------------------------*/

#news{
width:848px;
margin:14px 0 0 0; 
}


body .news_border{
	line-height:0;
	margin:0;
	padding:0;
	}
	
	
body .news_border2{
	line-height:0;
	margin:0;
	padding:0;
	*margin:-15px 0 0 0;
	_margin:-15px 0 0 0;
	}



#news_box{
width:848px;
padding:0 2px 0 0 ;
background:url(../../images/top_images/news_back.jpg) repeat-y;
}

#news_box table{
	width:842px;
	margin: 0 2px;
	vertical-align:middle;


}

#news_box table td{
	padding:5px 22px;
	vertical-align:middle;
	text-indent:0;
}


body.date{
	width:125px;
	font-weight:bold;
	
}
body .date{
	border-right:1.5px dashed  #e0d5b5;	
}
.report{
	width:auto;
}
body .report{
	border-right:1.5px dashed  #e0d5b5;
}

body .more{
	width:155px;
	
}
.more a{
	background:url(../../images/top_images/news_btn.jpg) no-repeat;
	width:103px;
	height:14px;
	display:block;
	text-indent:-9999px;
	vertical-align:middle;
	margin-left:20px;
	

}
.more a:hover{
	background:url(../../images/top_images/news_btn_on.jpg) no-repeat;
	width:103px;
	height:14px;
	vertical-align:middle;
	
}


.line1 td{
	border-bottom:solid 2px #e0d5b5;
}


/*------------------------------------------
               news_end
---------------------------------------------*/


/*------------------------------------------
               コンテンツ
---------------------------------------------*/



#L_content{
margin-top:38px;
width:700px;
float:left;
background:url(../../images/top_images/line.jpg) repeat-y;
background-position:right;
}

#title1_box{
height:215px;
widows:853px;
margin-top:24px;
margin-bottom:40px;
}

#tit1_sample_btn a{
float:left;
background:url(../../images/top_images/tit_sample_btn.jpg);
width:119px;
height:120px;
display:block;
text-indent:-9999px;
}
#tit1_sample_btn a:hover{
background:url(../../images/top_images/tit_sample_btn_on.jpg);
}

#tit1_box{
float:left;
}

#tit1_mark{
background:url(../../images/top_images/tit1_mark.jpg);
width:92px;
height:95px;
float:left;
}
#tit1_text{
margin:0px 0 0 15px;
width:543px;}
#tit1_img{
float:left;
}
#tit1_mark a{
display:block;
text-indent:-9999px;
}
#kome_mark{
font-size:11px;
color:#999999;
margin:8px 0 0 0;
}



#tit2{
float:left;
margin:25px 0 0 0 ;
}
#tit2_mark{
margin:40px 0 0 0;
float:left;
background:url(../../images/top_images/tit2_mark.jpg);
width:98px;
height:93px;
}
#tit2_text_box{
width:540px;
float:left;
margin:0px 0 0 15px;
}
#tit2_sub_text{
margin:5px 0 0 0;
font-size:11px;
color:#999999;
}
#tit2_img{
width:301px;
height:166px; 
float:left;
margin:-5px 0 0 40px;
}
#tit2_mark a{
display:block;
text-indent:-9999px;
}

#tit3_box{
clear:both;
width:700px;
padding:20px 0 0 0;
}
#tit3_mark{
float:left;
background:url(../../images/top_images/tit3_mark.jpg);
width:94px;
height:92px;
}
#tit3_text_box{
float:left;
width:572px;}
#tit3_text{
margin:0px 0 15px 11px;
}
#tit3_img{
margin:0 0 0 20px;
clear:both;
}
#tit3_mark a{
text-indent:-9999px;
display:block;
}



#tit_more a{
	background:url(../../images/top_images/tit_more.jpg);
	width:665px;
	height:45px;
	display:block;
	text-indent:-9999px;
	margin:54px 0 27px 0;
}
#tit_more a:hover{
	background:url(../../images/top_images/tit_more_on.jpg);
}

/*------------------------------------------
               　お店紹介
---------------------------------------------*/


#shop_list{
	float:left;
}

.shop_box{
	width:131px;
	float:left;
	margin:0 18px;
}
.pic_box{
	background:url(../../images/top_images/pic_frame.jpg);
	width:131px;
	height:131px;
}
.pic{
	padding:5px 0  0px 5px;
}

.shoptitle{
	font:bold;
	color:#333333;
	background:url(../../images/top_images/arrow_right.jpg) no-repeat;
	background-position:center left;
	padding:5px 0 5px  10px;
	border-bottom:dotted 1px #6A3A0D;
}
.shop_place{
	font-size:10px;
	color:#666666;
	background:url(../../images/top_images/arrow_right.jpg) no-repeat;
	background-position:center left;
	padding:5px 0 5px  10px;
	margin:0px 0 0 0;
	border-bottom:dotted 1px #6A3A0D;
	line-height:1.3;
}
.shop_cata{
	font-size:10px;
	color:#666666;
	background:url(../../images/top_images/arrow_right.jpg) no-repeat;
	background-position:center left;
	padding:5px 0 5px  10px;
	margin:0px 0 0 0;
	border-bottom:dotted 1px #6A3A0D;
	line-height:1.3;
}


/*------------------------------------------
              お店紹介_end
---------------------------------------------*/



/*------------------------------------------
        フッッターメニューstart
---------------------------------------------*/

#footer_menu{
	margin:30px 0 30px 0;
	width:851px
	
 }
.menu_tit{
	float:left;
}
.menu_txt{
	background:url(../../images/top_images/arrow_footer.jpg) no-repeat;
	background-position: left center;
	padding:4px 0 0 10px;
	font-size:10px;
	color:#666;
	margin:5px 0 0 0px;
}

.menu_txt_top{
	background:url(../../images/top_images/arrow_footer.jpg) no-repeat;
	background-position: left center;
	padding:4px 0 0 10px;
	font-size:10px;
	color:#666;
	margin:5px 0 0 12px;
}

/*------------------------------------------
         フッッターメニューend
---------------------------------------------*/


#R_content{
float:right;
margin:38px 0 0 0;
/*text-align:center;*/
}

#R_content p{
margin-bottom:15px;
}

#R_content a{
text-indent:-9999px;
}

#b_make a{
background:url(../../images/top_images/banner_makeFree.jpg);
width:131px;
height:123px;
display:block;
}
#b_make a:hover{
background:url(../../images/top_images/banner_makeFree_on.jpg);
}


#b_sample a{
background:url(../../images/top_images/sample_banner.jpg);
width:131px;
height:94px;
display:block;
}
#b_sample a:hover{
background:url(../../images/top_images/sample_banner_on.jpg);
}


#b_ok a{
background:url(../../images/top_images/ok_banner.jpg);
width:131px;
height:104px;
display:block;
}
#b_ok a:hover{
background:url(../../images/top_images/ok_banner_on.jpg);
}
#b_shop a{
background:url(../../images/top_images/banner_toshop.jpg);
width:131px;
height:112px;
display:block;
}
#b_shop a:hover{
background:url(../../images/top_images/banner_toshop_on.jpg);
}





#bot_btn_box{
clear:both;
margin:0 auto;
width:680px;
height:100px;
padding:60px 0 0px 0 ;
display:block;
}

#bot_btn_box p{
color:#804F1B;
font-weight:bold;
font-size:14px;
margin-bottom:5px;
} 

#sample_btn_box{
text-align:center;
float:left;
width:302px;

}
#make_btn_box{
text-align:center;
float:right;
width:302px;
}

#sample_btn a{
background:url(../../images/top_images/sample_btn.jpg);
width:302px;
height:62px;
display:block;
text-indent:-9999px;
}
#sample_btn a:hover{
background:url(../../images/top_images/sample_btn_on.jpg);
}

#make_btn a{
background:url(../../images/top_images/make_btn.jpg);
width:302px;
height:62px;
display:block;
text-indent:-9999px;
}
#make_btn a:hover{
background:url(../../images/top_images/make_btn_on.jpg);
}



.obj{
text-indent:-9999px;
width:0;
height:0;
}

#toTop{
clear:both;
/*text-align:right;*/
margin:30px 0 10px 800px; 
}

/*------------------------------------------
				footer
---------------------------------------------*/
#footer {
clear:both;
width:850px;
margin-bottom:30px;}
		 

.info_menu	{
text-align: right;
}

.info_menu li a	{font-size: 0.75em;
	color: #000000;
	text-decoration: none;}

.info_menu li a:hover	{color: #804F1B;}

.info_menu li	{display: inline;
	list-style-type: none;
	border-right: solid 1px #aaaaaa;
	padding-left: 10px;
	padding-right: 10px;}

.info_menu li.first	{border-left: solid 1px #aaaaaa;}

.info_menu ul	{margin: 0;
	padding: 0;}
	
.imgleft {display:block;
			float:left;
			}
/*------------------------------------------
				footer
---------------------------------------------*/
.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 hide from IE-mac */

.clear{
	clear:both;
}