@charset "utf-8";



/*--

	__index page main
 
----------------------------------------------------------- */

div#main{

	background:url(../top_img/main_bg_top.gif) top no-repeat #FFFFFF;

}



/*--

	__main_search_list
 
----------------------------------------------------------- */



div#main ul#main_serach_list{

	width:348px;
	height:30px;
	margin:7px 0 0 9px;

}


ul#main_serach_list li{

	display:inline;
	float:left;   


}

ul#main_serach_list li.area{
	
	width:176px;
	background:url(../top_img/search_area_on.gif) no-repeat;

}

ul#main_serach_list li.type{
	
	width:172px;
	background:url(../top_img/search_type_on.gif) no-repeat;

}



ul#main_serach_list li a {   

	height:30px;
	display:block;   
	text-indent:-9877em;   
	text-decoration:none;   
	overflow:hidden;   
}



ul#main_serach_list li a.main_serach_list_area { 

	width:176px;
	background:url(../top_img/search_area.gif) no-repeat;

}

ul#main_serach_list li a.main_serach_list_type { 

	width:172px;
	background:url(../top_img/search_type.gif) no-repeat;


}

ul#main_serach_list li a.active{

	background:none;

}

/*--

	__main_search_area
 
----------------------------------------------------------- */
div#main div#main_search_area{

	width:653px;
	margin-left:1px;
	height:100%;
	padding-bottom:10px;
	margin-bottom:12px;
	clear:left;
	background:url(../top_img/main_search_list_bg1.gif) repeat-y;
}

div#main div#main_search_area dl{

	margin-left:14px;
	padding-top:5px;
	padding-bottom:6px;
}

div#main div#main_search_area dl dt{

	margin:3px 0;

}

div#main div#main_search_area dl dd{

	width:577px;
	padding-top:2px;
	line-height:200%;
}


div#main div#main_search_area dl dd.osaka,
div#main div#main_search_area dl dd.hyougo{

	height:49px;
	background:url(../top_img/main_search_bg01.gif) no-repeat;

}

div#main div#main_search_area dl dd.kyouto{

	height:29px;
	background:url(../top_img/main_search_bg02.gif) no-repeat;


}

div#main div#main_search_area dl dd.osaka ul,
div#main div#main_search_area dl dd.hyougo ul{


	width:535px;
	padding-left:10px;

}

div#main div#main_search_area dl dd.kyouto ul{

	width:550px;
	padding-left:10px;


}

div#main div#main_search_area dl dd.osaka ul li,
div#main div#main_search_area dl dd.hyougo ul li,
div#main div#main_search_area dl dd.kyouto ul li{


	width:100px;
	float:left;

}

div#main div#main_search_area dl dd.kyouto ul li.kawaramachi{


	width:180px;

}


div#main div#main_search_area dl dd a{

	margin-left:10px;
	color:#0063dc;
	text-decoration:none;

}

div#main div#main_search_area dl dd a:hover{

	text-decoration:underline;
}


/*--

	__main_search_type
 
----------------------------------------------------------- */
div#main div#main_search_type{

	width:653px;
	height:100%;
	margin-left:1px;
	margin-bottom:12px;
	padding-bottom:10px;
	clear:left;
	background:url(../top_img/main_search_list_bg2.gif) repeat-y;
}

div#main div#main_search_type dl{

	margin-left:14px;
	padding-top:5px;
	padding-bottom:6px;
}

div#main div#main_search_type dl dd{

	width:577px;
	padding-top:1px;
	line-height:200%;
}


div#main div#main_search_type dl dd.type{

	height:100px;
	background:url(../top_img/main_search_bg03.gif) no-repeat;

}

div#main div#main_search_type dl dd.type ul{


	width:535px;
	padding-left:10px;

}

div#main div#main_search_type dl dd.type ul li{


	width:120px;
	float:left;

}

*+html div#main div#main_search_type dl dd.type ul li{

	font-size:92%;

}


div#main div#main_search_type dl dd a{

	margin-left:10px;
	color:#0063dc;
	text-decoration:none;

}

div#main div#main_search_type dl dd a:hover{

	text-decoration:underline;
}

/*--


	__main_recruit
 
----------------------------------------------------------- */

div#main div#main_recruit{

	width:634px;
	height:100%;
	margin:0 0 12px 9px;
	border:1px solid #ffb400;

}

div#main div#main_recruit ul{

	width:634px;
	height:320px; 
	overflow:auto;

}

div#main div#main_recruit ul li{
	
	width:614px;
	clear:left;
	border-bottom:1px dotted #BDBBBA;
	vertical-align:middle;

}

div#main div#main_recruit ul li.end{

	border-bottom:0px;

}

div#main div#main_recruit ul li dl{
	
	width:614px;
	height:100%;
	background:url(../top_img/recruit_list_bg.gif) repeat-y top;

}
div#main div#main_recruit ul li dl dt{   
	
	float:left;
	width:60px;
	padding:5px 0;
	max-height:100%;
	font-size:11px;
	color:#00A0E9;
	clear:both;
	text-align:center;
	vertical-align:middle;
}

*:first-child+html div#main div#main_recruit ul li dl dt{ 
	font-size:10px;
}

div#main div#main_recruit ul li dd{

	float:left;
	padding:5px 0;

}


div#main div#main_recruit ul li dd.comment{

	width:340px;
	height:100%;
	padding-left:10px;
	color:#FF6633;
	line-height:120%;
}  

div#main div#main_recruit ul li dd.store{

	width:190px;
	float:right;
	line-height:120%;

}

div#main div#main_recruit ul li dd.store a{

	color:#333333;
	text-decoration:none;
}

div#main div#main_recruit ul li dd.store a:hover{

	color:#CCCCCC;
	text-decoration:underline;
}


div#main div#main_recruit ul li dd.store span{

	font-size:10px;
}

  

/*--

	__main_banner
 
----------------------------------------------------------- */

div#main p.main_banner{

	clear:left;
	margin: 0 0 12px 9px;

}


/*--

	__main_bbs_header
 
----------------------------------------------------------- */
div#main div#main_bbs_header{

	width:635px;
	height:39px;
	background:url(../top_img/main_bbs_bg_header.gif) no-repeat;
	margin-left:9px;

}

div#main div#main_bbs_header h2{

	float:left;
	margin:1px 0 0 17px;
	display:inline;
	

}

div#main div#main_bbs_header ul#bbs_list{

	width:292px;
	height:26px;
	background:url(../top_img/main_bbs_li.gif) no-repeat;
	border:2px solid #FFFFFF;
	margin:9px 21px 0 0;
	display:inline;
	float:right;

}

div#main div#main_bbs_header ul#bbs_list li{

	display:inline;

}

div#main div#main_bbs_header ul#bbs_list a{

	height:26px;
	display:block;   
	float:left;   
	text-indent:-9877em;   
	text-decoration:none;   
	overflow:hidden; 

}

div#main div#main_bbs_header ul#bbs_list a.bbs_rule,
div#main div#main_bbs_header ul#bbs_list a.bbs_manual,
div#main div#main_bbs_header ul#bbs_list a.bbs_faq{

	width:97px;
}


/*--

	__main_bbs
 
----------------------------------------------------------- */
div#main div#main_bbs{

	width:635px;
	height:100%;
	background:url(../top_img/main_bbs_bg.gif) repeat-y;
	margin-left:9px;
	clear:both;
}

div#main div#main_bbs h3{

	margin-left:20px;
	margin-bottom:3px;

}

div#main div#main_bbs table.bbs_table{

	width:594px;
	border:2px solid #ff679c;
	margin:0 0 14px 20px;
}

div#main div#main_bbs table.bbs_table th{

	width:100px;
	vertical-align:middle;
	border:1px solid #ff679c;
	color:#ff3399;
	background:#ffcfe7;

}

div#main div#main_bbs table.bbs_table td{

	width:110px;
	height:23px;
	text-align:center;
	vertical-align:middle;
	background:#fff1f8;
	border:1px solid #ff679c;
}

div#main div#main_bbs table.bbs_table td.white{

	background:#FFFFFF;
}

div#main div#main_bbs table.bbs_table td a{

	color:#ff6633;
	text-decoration:none;
	
}

div#main div#main_bbs table.bbs_table td a:hover{

	text-decoration:underline;
}

/*--

	__main_bbs_footer
 
----------------------------------------------------------- */

div#main div#main_bbs_footer{

	width:635px;
	height:130px;
	margin:0 0 10px 9px;
	background:url(../top_img/main_bbs_bg_footer.gif) no-repeat;
	

}

div#main div#main_bbs_footer p.new{

	width:325px;
	height:95px;
	background:#FFFFFF;
	float:left;
	margin:0 0 0 20px;
	padding:5px 30px 5px 5px;
	overflow:auto;
}

div#main div#main_bbs_footer div#qrcode{

	width:205px;
	margin:0 22px 0 0;
	display:inline; 
	float:right;
}

div#main div#main_bbs_footer div#qrcode h3{

	margin-bottom:5px;

}

div#main div#main_bbs_footer div#qrcode table {

	margin-top:1px;

}

div#main div#main_bbs_footer div#qrcode table th{

	font-weight:normal;
	vertical-align:top;
	line-height:120%;
	text-align:left;
	font-size:11px;

}

div#main div#main_bbs_footer div#qrcode table td img{

	border:2px solid #FFFFFF;
}




