@charset "UTF-8";

@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　トップページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 main_img
--------------------------------------------------------------------------------------- */

/* Easy Slider sp */

#sp #slider_area{
	position: relative;
	width: 640px;
	height: 356px;
	overflow: hidden;
}

#sp #slider_area #slider{
	width: 640px;
	overflow: hidden;
}

#sp #slider li{
	width: 640px;
	overflow:hidden;
}

#sp #slider li img{
	width: 640px;
	height: 314px;
}

#sp #prevBtn a{
	display: none;
}	
#sp #nextBtn a{ 
	display: none;
}	

/* numeric controls */	

#sp ol#controls{
	padding: 10px 0 0;
	height: 24px;
	text-align: center;
}
#sp ol#controls li{
	margin: 0 5px; 
	padding: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	list-style:none;
	height:28px;
	line-height:28px;
	letter-spacing: 0;
}
#sp ol#controls li a{
	float:left;
	width: 24px;
	height: 24px;
	background: url(../../img/ico_main_img_circle1_sp.gif) no-repeat 0 0;
	text-decoration:none;
	text-indent: -9999px;
}
#sp ol#controls li.current a{
	background: url(../../img/ico_main_img_circle2_sp.gif) no-repeat 0 0;
}
#sp ol#controls li a:focus,
#sp #prevBtn a:focus,
#sp #nextBtn a:focus{outline:none;}

/* // Easy Slider */


/* Easy Slider tab */

#tab #slider_area{
	position: relative;
	width: 540px;
	height: 310px;
}

#tab #slider_tab{
	position: relative;
	width: 540px;
	height: 265px;
}

#tab #slider_tab li{
	width: 540px;
	height: 265px;
}

#tab #slider_tab ul img{
	width: 540px;
	height: 265px;
}

#tab #prevBtn a{
	display: none;
}	
#tab #nextBtn a{ 
	display: none;
}	

/* numeric controls */	

#tab ol#controls{
	height: 24px;
	padding: 10px 0;
	text-align: center;
	letter-spacing: -0.5em;
}
#tab ol#controls li{
	margin: 0 5px; 
	padding: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 28px;
	line-height: 28px;
	letter-spacing: 0;
}
#tab ol#controls li a{
	float:left;
	width: 12px;
	height: 12px;
	background: url(../../img/ico_main_img_circle1_tab.gif) no-repeat 0 0;
	text-decoration:none;
	text-indent: -9999px;
}
#tab ol#controls li.current a{
	background: url(../../img/ico_main_img_circle2_tab.gif) no-repeat 0 0;
}
#tab ol#controls li a:focus,
#tab #prevBtn a:focus,
#tab #nextBtn a:focus{outline:none;}

/* // Easy Slider */


/* Easy Slider tab */

#pc #slider_area{
	position: relative;
	width: 610px !important;
	height: 356px;
}

#pc #slider_pc{
	width: 610px !important;
	height: 356px;
}

#pc #slider_pc li{
	width: 610px !important;
	height: 299px !important;
}

#pc #slider_pc ul img{
	width: 610px !important;
	height: 299px !important;
}

#pc #prevBtn a{
	display: none;
}	
#pc #nextBtn a{ 
	display: none;
}	

/* numeric controls */	

#pc ol#controls{
	height: 24px;
	padding: 10px 0;
	text-align: center;
	letter-spacing: -0.5em;
}
#pc ol#controls li{
	margin: 0 5px; 
	padding: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 28px;
	line-height: 28px;
	letter-spacing: 0;
}
#pc ol#controls li a{
	float:left;
	width: 12px;
	height: 12px;
	background: url(/img/ico_main_img_circle1_tab.gif) no-repeat 0 0;
	text-decoration:none;
	text-indent: -9999px;
}
#pc ol#controls li.current a{
	background: url(/img/ico_main_img_circle2_tab.gif) no-repeat 0 0;
}
#pc ol#controls li a:focus,
#pc #prevBtn a:focus,
#pc #nextBtn a:focus{outline:none;}

/* // Easy Slider */



/* --------------------------------------------------------------------------------------
 news_area
--------------------------------------------------------------------------------------- */

/* sp -------------------- */

#sp .news_area {
	min-width: 640px;
	margin: 10px 0 20px;
}

#sp .news_inner {
	margin: 0 3%;
	padding: 4px;
	border: 6px solid #e72a10;
}

#sp .news_box {
	border: 2px solid #e72a10;
}

#sp .news_box table {
	display: block;
	padding: 20px 20px 10px;
}

#sp .news_box table th {
	display: block;
}

#sp .news_box table th span {
	display: block;
	height: 29px;
	background: url(../img/ttl_news_sp.gif) no-repeat center center;
	text-indent: -9999px;
}

#sp .news_box table td {
	display: block;
	margin: 15px 0 0;
}

#sp .news_box table td dt {
	margin: 0 0 6px;
	padding: 3px 9px 2px;
	background: #e72a10;
	line-height: 1.36;
	font-size: 183.3%;
	color: #fff;
}

#sp .news_box table td dd {
	line-height: 1.36;
	font-size: 183.3%;
}

/* tab -------------------- */

#tab .news_area {
	margin: 12px 0 15px;
}

#tab .news_inner {
	padding: 2px;
	border: 3px solid #e72a10;
}

#tab .news_box {
	border: 1px solid #e72a10;
}

#tab .news_box table {
	width: 100%;
}

#tab .news_box table th {
	width: 87px;
	padding: 13px;
}

#tab .news_box table th span {
	display: block;
	height: 15px;
	background: url(../img/ttl_news.gif) no-repeat center center;
	text-indent: -9999px;
}

#tab .news_box table td {
	padding: 6px;
}

#tab .news_box table td dt {
	margin: 0 0 3px;
	padding: 2px 6px 1px;
	background: #e72a10;
	line-height: 1.29;
	font-size: 116.7%;
	color: #fff;
}

#tab .news_box table td dd {
	line-height: 1.29;
	font-size: 116.7%;
}

/* pc -------------------- */

#pc .news_area {
	margin: 20px 0 30px;
}

#pc .news_inner {
	padding: 2px;
	border: 3px solid #e72a10;
}

#pc .news_box {
	border: 1px solid #e72a10;
}

#pc .news_box table {
	width: 100%;
}

#pc .news_box table th {
	width: 87px;
	padding: 13px;
}

#pc .news_box table th span {
	display: block;
	height: 15px;
	background: url(../img/ttl_news.gif) no-repeat center center;
	text-indent: -9999px;
}

#pc .news_box table td {
	padding: 6px;
}

#pc .news_box table td dt {
	margin: 0 0 3px;
	padding: 2px 6px 1px;
	background: #e72a10;
	line-height: 1.29;
	font-size: 116.7%;
	color: #fff;
}

#pc .news_box table td dd {
	line-height: 1.29;
	font-size: 116.7%;
}

/* --------------------------------------------------------------------------------------
 tab_area
--------------------------------------------------------------------------------------- */

/* sp -------------------- */

#sp .tab_area {
	min-width: 640px;
	margin: 10px 0 20px 0;
}

#sp .tab_menu_btn{
	margin: 10px 0 20px 0 !important;
}

#sp .tab_area div li {
	margin: 0 3% 15px 3%;
	padding: 0 0 15px 0;
	border-bottom: 2px #e0e0e0 solid;
	background: url(../../img/ico_arw1_sp.gif) no-repeat right center;
}

/*
#sp .tab_area div li .right_box{
	display: inline;
	float: left;
	width: 67%;
	margin: 0 0 0 2%;
}
*/
#sp .tab_area div li .right_box {
	display: inline;
	float: right;
	width: 61%;
	margin: 0 2% 0 2%;
}

#sp .tab_area div li .right_box .red{
	display: inline-block;
	width: 49%;
	color: #fa1e00;
	font-size: 150%;
}

#sp .tab_area div li .right_box .data{
	position: relative;
	display: inline-block;
	width: 49%;
	margin: -10px 0 0 0;
	font-size: 112.5%;
	text-align: right;
	vertical-align: middle;
}

#sp .tab_area div li .right_box strong{
	display: block;
	margin: 5px 0 5px 0;
	font-size: 176%;
	line-height: 30px;
}

#sp .tab_area div li .right_box .txt{
	font-size: 150%;
}

#sp .tab_area div li .left_img{
	float: left;
}

#sp .tab_area div li img{
	width: 202px;
	height: 202px;
}

#sp .tab_area div li .left_img img{
	border: 1px #ccc solid;
}


/* tab -------------------- */

#tab .tab_area {
	width: 541px;
	min-width: 541px;
	margin: 10px 0 20px 0;
}

#tab .tab_menu_btn{
	margin: 10px 0 20px 0 !important;
}

#tab .tab_area div ul {
	width: 570px;
	overflow: hidden;
	word-break: break-all;
}

#tab .tab_area div li {
	float: left;
	width: 171px;
	margin: 0 9px 9px 0;
	padding: 0 0 15px 0;
	border: 1px #e0e0e0 solid;
}

#tab .tab_area div li .right_box{
	margin: 5px 5px 0 5px;
}

#tab .tab_area div li .right_box .red{
	display: inline-block;
	width: 48%;
	color: #fa1e00;
	font-size: 100%;
}

#tab .tab_area div li .right_box .data{
	display: inline-block;
	width: 48%;
	font-size: 87%;
	text-align: right;
}

#tab .tab_area div li .right_box strong{
	display: block;
	margin: 2px 0 2px 0;
	padding: 0 10px 0 0;
	font-size: 117%;
	background: url(../../img/ico_arw1.gif) no-repeat right .3em;
}

#tab .tab_area div li .right_box .txt{
	font-size: 100%;
}

#tab .tab_area div li .left_img img{
	border-bottom: 1px #ccc solid;
}

#tab .tab_area div li img{
	width: 171px;
	height: 171px;
}

#tab .tab_area p.btn a{
	display: block;
	width: 540px;
	height: 29px;
	margin: 0;
	background: url(../img/btn_tab.gif) no-repeat center top;
	text-align: center;
	text-indent: -9999px;
}


/* pc ---------------------------------------------------------------------------------------------------- */

#pc .tab_area {
	margin: 10px 0 20px 0;
}

#pc .tab_menu_btn{
	margin: 10px 0 20px 0 !important;
}

#pc .tab_area div ul {
	width: 615px;
	overflow: hidden;
	word-break: break-all;
}

#pc .tab_area div li {
	float: left;
	width: 200px;
	margin: 0 2px 2px 0;
	padding: 0 0 15px 0;
	border: 1px #e0e0e0 solid;
}

#pc .tab_area div li .right_box{
	margin: 5px 5px 0 5px;
}

#pc .tab_area div li .right_box .red{
	display: inline-block;
	width: 48%;
	color: #fa1e00;
	font-size: 100%;
}

#pc .tab_area div li .right_box .data{
	display: inline-block;
	width: 48%;
	font-size: 87%;
	text-align: right;
}

#pc .tab_area div li .right_box strong{
	display: block;
	margin: 2px 0 2px 0;
	padding: 0 10px 0 0;
	font-size: 117%;
	background: url(../../img/ico_arw1.gif) no-repeat right .3em;
}

#pc .tab_area div li .right_box .txt{
	font-size: 100%;
}

#pc .tab_area div li .left_img img{
	border-bottom: 1px #ccc solid;
}

#pc .tab_area div li .left_img img.shop_logo {
	width: 150px;
	height: 150px;
	padding: 24px;
}

#pc .tab_area div li img{
	width: 200px;
	height: 200px;
}

#pc .tab_area p.btn a{
	display: block;
	width: 610px;
	height: 29px;
	margin: 0;
	background: #e9e9e9 url(../img/btn_tab.gif) no-repeat center top;
	text-align: center;
	text-indent: -9999px;
}