/* CSS Document */

#maincontents {width: 800px;}



/*-----------------------------------
トップバナー
-------------------------------------*/
#top_banner_box{
	width:805px;
	height:338px;
	margin:0 auto;
	background:url(images/top_bn_back.jpg) no-repeat;
	padding-top:26px;
	margin-bottom:5px;
}

h2.top_banner_title{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	text-indent:85px;
}

#top_banner_subbox_l{
	width:463px;
	padding-top:13px;
	padding-left:17px;
}

#top_banner_subbox_r{
	width:325px;
	padding-top:13px;
}

/*-----予告なし月横長flash-----*/

#no_previous_notice{
	width:760px;
	margin:14px 0 0 20px;
}

/*-----------------------------------
トップバナーマスター嵐５
-------------------------------------*/
#top_banner_m_box{
	width:805px;
	height:131px;
	background: url(images/top_bn_s_back.jpg) no-repeat;
	padding-top:22px;
	padding-left:16px;
	margin-bottom:15px;
}

h2.top_banner_m_title{
	font-size:16px;
	color:#fff;
	font-weight:bold;
	margin-bottom:8px;
}


/*-----------------------------------
募集情報
-------------------------------------*/
#recruitment_info_box{
	width:800px;
}

h3.recruitment_title{
	width:800px;
	height:24px;
	background:url(images/recruit_title.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:12px;
}

#recruitment_info_box ul {
	list-style-type: none;
	width: 800px;
} 

#recruitment_info_box li {
	width:194px;
	height:146px;
	list-style:none;
	float:left;
	display: block;
	margin-left: 8px;
}

.recruitment_info_01{
	background: url(images/recruitment_menu1_off.jpg) no-repeat;
}

.recruitment_info_02{
	background: url(images/recruitment_menu2_off.jpg) no-repeat;
}

.recruitment_info_03{
	background: url(images/recruitment_menu3_off.jpg) no-repeat;
}

.recruitment_info_04{
	background: url(images/recruitment_menu4_off.jpg) no-repeat;
}

.recruitment_info_01:hover {
	background: url(images/recruitment_menu1_on.jpg) no-repeat;
}

.recruitment_info_02:hover{
	background: url(images/recruitment_menu2_on.jpg) no-repeat;
}

.recruitment_info_03:hover{
	background: url(images/recruitment_menu3_on.jpg) no-repeat;
}

.recruitment_info_04:hover{
	background: url(images/recruitment_menu4_on.jpg) no-repeat;
}

#recruitment_info_box li a {
	color:#fff;
	display:block;
	font-size:13px;
	text-decoration: none;
	line-height:1.3;
	margin: 45px 6px 0px 106px;
}

#recruitment_info_box li a:hover{
	color:#FF4000;
} 

 * html #recruitment_info_box li a {  /* make hover effect work in IE */
	width: 186px;
}

 * html #recruitment_info_box li a:hover {  /* make hover effect work in IE */
	color:#FF4000;
}



#recruitment_info_link{
	width:800px;
	margin-bottom:24px;
}

#recruitment_info_link a{
	font-size:12px;
	color:#333;
	text-decoration:none;
}

#recruitment_info_link a:hover{
	color:#FF4000;
	text-decoration:underline;
}

.recruitment_info_link01{
	margin-right:38px;
	margin-left:2px;
}

.recruitment_info_link02{
	margin-right:48px;
}

.recruitment_info_link03{
	margin-right:100px;
}

.news_red{
	color:#ff0000;
	font-style:normal;
}


/*-----------------------------------
コンテンツ下段左右カラム
-------------------------------------*/
#container{
	width:800px;
}

/*-----------------------------------
新着情報
-------------------------------------*/
#left_box{
	width:455px;
}

h3.news_title{
	width:454px;
	height:24px;
	background:url(images/news_title.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:16px;
}

* html h3.news_title{
	margin-bottom:9px;;
}

#news{
	width:450px;
	margin-bottom:25px;
}

* html #news{
	margin-bottom:0;
}

.news_box{
	width:450px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#666 dotted 1px;
}

.news_box img{
	border:solid 1px #999;
}

.news_text{
	width:360px;
	display:inline;
	padding-right:10px;
}

.news_box dt{
	font-size:11px;
	color:#333;
}

.news_box dd{
	font-size:12px;
	color:#333;
	line-height:1.4;
}

.news_box dd a{
	font-size:12px;
	color:#333;
	line-height:1.4;
	text-decoration:none;
}

.news_box dd a:hover{
	color:#FF4000;
	text-decoration:underline;
}

a.news_archive_link{
	width:460px;
	font-size:12px;
	color:#333;
	text-decoration:none;
	margin-left:320px;
}

a.news_archive_link:hover{
	color:#FF4000;
	text-decoration:underline;
}


/*-----------------------------------
右パネルコンテンツ
-------------------------------------*/
#right_box{
	width:338px;
	clear:right;
}


#r_content_shop{
	width:335px;
	height:153px;
	background:url(images/r_panel_shop.gif) no-repeat;
	margin-bottom:10px;
	padding-top:58px;
	padding-left:16px;
}

h3.shop_title{
	text-indent:-9999px;
}

p.shop_subtitle{
	text-indent:-9999px;
}

p.shop_subtitle_smartphone{
	font-size: 13px;
	color: #F00;
	font-weight: bold;
	padding-bottom: 5px;
}



.shop_text{
	width:235px;
}



p.ichioshi_title{
	width:199px;
	height:22px;
	background:url(images/s_ichioshi_title.gif) no-repeat;
	text-indent:-9999px;
	margin-bottom:3px;
}

p.ichioshi_detail{
	width:300px;
	font-size:13px;
	padding-top:0px;
	padding-left:5px;
	margin-bottom:0px;
	line-height: 1.2;
}

.kinen {
	color: #F00;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	width: 300px;
	line-height: 1.3;
	padding: 5px 0px;
	margin: 6px 0px;
	border: 1px solid #F00;
}

.newshop_link {
	text-align: right;
	font-size: 13px;
	width: 300px;
}



p.ichioshi_detail a{
	font-size:13px;
	color:#333;
	text-decoration:none;
}

p.ichioshi_detail a:hover{
	font-size:13px;
	color:#FF4000;
	text-decoration:underline;
}

p.ichioshi_detail em{
	font-size:15px;
	font-style:normal;
	color:#FF0000
}

p.ichioshi_price{
	font-size:14px;
	color:#333;
	padding-left:8px;
}

p.ichioshi_catch {
	font-size: 13px;
	width: 210px;
}


.syubai_atention {
	font-size: 13px;
	width: 760px;
	color: #F00;
	line-height: 1.3;
	margin: 0px auto 10px auto;
}


.brand {
	width: 455px;
	margin-top: 15px;
}

.brand_title {
	background: url(images/brand_back.gif) no-repeat left;
	font-size: 15px;
	padding: 10px;
	margin-bottom: 5px;
	color: #000;
	font-weight: bold;
}
	
	
.brand a{
	font-size:13px;
	color:#333;
	text-decoration:none;
	text-align: center;
	padding-top: 3px;
}

.brand a:hover{
	font-size:13px;
	color:#FF4000;
	text-decoration:underline;
}

.brand_left {
	width: 221px;
	margin-right: 5px;
	text-align: center;
}


.brand_right {
	width: 221px;
	text-align: center;
}


/*-----------------------------------
下部おすすめメニュー
-------------------------------------*/

.more_box {
	width: 785px;
	margin: 30px auto 10px;
}


.r_content_more {
	width: 390px;
}

.r_content_more_know_top {
	background: url(images/more_know_top.jpg) no-repeat;
	width: 390px;
	height: 78px;
}

.r_content_more_know_middle {
	background: url(images/more_know_middle.gif) repeat-y;
	padding-bottom: 6px;
}


.r_content_more_know_bottom {
	background: url(images/more_know_bottom.gif) no-repeat;
	width: 390px;
	height: 16px;
}



.r_content_more_fun_top {
	background: url(images/more_fun_top.jpg) no-repeat;
	width: 390px;
	height: 78px;
}

.r_content_more_fun_middle {
	background: url(images/more_fun_middle.gif) repeat-y;
	padding-bottom: 6px;
}


.r_content_more_fun_bottom {
	background: url(images/more_fun_bottom.jpg) no-repeat;
	width: 390px;
	height: 16px;
}




h3.more_title{
	text-indent:-9999px;
}


.r_content_more dl {
	margin-left: 15px;
}

.r_content_more dt{
	background:url(images/indent_uzumaki.gif) left bottom no-repeat;
	text-indent:20px;
	margin-bottom:3px;
	line-height:14px;
}

.r_content_more dt a{
	font-size:13px;
	color:#FF4000;
	text-decoration:none;
}

.r_content_more dt a:hover{
	text-decoration:underline;
}

.r_content_more dd{
	font-size:12px;
	color:#333;
	text-indent:20px;
	margin-bottom: 6px;
}


#r_content_know{
	width:323px;
	height:237px;
	background:url(images/r_panel_know_l.gif) no-repeat;
	margin-bottom:10px;
	padding-top:60px;
	padding-left:12px;
}

h3.know_title{
	text-indent:-9999px;
}

#r_content_know dt{
	background:url(images/indent_uzumaki.gif) left bottom no-repeat;
	text-indent:20px;
	margin-bottom:3px;
	line-height:14px;
}

#r_content_know dt a{
	font-size:13px;
	color:#FF4000;
	text-decoration:none;
}

#r_content_know dt a:hover{
	text-decoration:underline;
}

#r_content_know dd{
	font-size:12px;
	color:#333;
	text-indent:20px;
	margin-bottom:6px;
}