@charset "utf-8";



/*--

	__index page main

----------------------------------------------------------- */

div#main{

	background:url(../top_img/main_bg_top.gif) top no-repeat #FFFFFF;

}



/*--

	__main_search_list

----------------------------------------------------------- */

.ui-tabs {
	position: relative;
	zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
/*
.ui-tabs .ui-tabs-nav {
	margin: 0;
}
*/
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: default;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	background: none;
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

div#main ul#main_search_list {
/*	width: 348px; 524*/
	height: 30px;
	margin: 7px 0 0 9px;
}


ul#main_search_list li.area{
	width:176px;
	background:url(../top_img/search_area_on.gif) no-repeat;
}

ul#main_search_list li.type{
	width:172px;
	background:url(../top_img/search_type_on.gif) no-repeat;
}

ul#main_search_list li.detail{
	width:176px;
	background:url(../top_img/search_area_on.gif) no-repeat;
}

ul#main_search_list li a {
	height: 30px;
	display: block;
	text-indent: -9877em;
	text-decoration: none;
	overflow: hidden;
}

ul#main_search_list li a.main_search_list_area {
	width: 176px;
	background: url(../top_img/search_area.gif) no-repeat;
}

ul#main_search_list li a.main_search_list_type {
	width: 172px;
	background: url(../top_img/search_type.gif) no-repeat;
}

ul#main_search_list li a.main_search_list_detail {
	width: 176px;
	background: url(../top_img/search_area.gif) no-repeat;
}

ul#main_search_list li.ui-tabs-selected a {
	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;
}





