@charset "UTF-8";


/* local setting
--------------------------------------------*/


/* mainvisual
--------------------------------------------*/
.mainvisual {
	margin-bottom:20px;
}
.nivo-controlNav {
	margin-left:0!important;
}
.visual {
	float:left;
	width:700px;
	position:relative;
}
.recom-bnr {
	float:right;
	width:250px;
}
.recom-bnr img {
	width:250px;
	height:160px;
	margin-bottom:5px;
}
.recom-bnr span.member {
	display:none;
}
.bnr_sweepstakes {
	position:absolute;
	bottom:60px;
	right:20px;
	z-index:9;
}


/* news
--------------------------------------------*/
.news {
	position: relative;
	margin-bottom:30px;
	border-radius: 5px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
}
.news h1 {
  border-radius: 5px 5px 0 0;
  padding: 10px;
	height: 20px;
	background-color: #F9F8F5;
}
.news h1 img {
	vertical-align:middle!important;
}
.news #news_list {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color:#919254;
	border-radius:5px;
}
.news #news_list a {
	padding: 0 30px 0 10px;
}
.news dl {
	background-color: #FFF;
	border-radius: 0 0 5px 5px;
}
.news dt {
	padding: 5px 0 5px 15px;
	position: absolute;
	left: 0;
}
.news dd {
	border-top: 1px dotted #8e7a71;
	padding: 5px 15px 5px 9em;
}
.news time {
	color:#888;
}
.news span {
	display: inline-block;
	padding: 0 10px;
	margin-right: 5px;
	background-color: #9b4538;
	color: #FFF;
}


/* plan
--------------------------------------------*/
.plan h1 {
	margin-bottom:10px;
}
/* tab */
.plan-tab {
	padding-bottom:5px;
	background-image:url(../../img/index/plan_bg_tab.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.plan-tab li {
	display:inline-block;
	margin-right:20px;
	background-position:left;
	background-repeat:no-repeat;
}
.plan-tab li img {
	vertical-align:bottom;
}
.plan-tab li a:hover img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.plan-tab li.plan01 {
	background-image:url(../../img/index/plan_btn01_on.png);
}
.plan-tab li.plan02 {
	background-image:url(../../img/index/plan_btn02_on.png);
}
.plan-tab li.plan03 {
	background-image:url(../../img/index/plan_btn05_on.png);
}
.plan-tab li.plan04 {
	background-image:url(../../img/index/plan_btn04_on.png);
}
.plan-tab li.here img {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.plan-tab li.list {
	vertical-align:top;
}
.plan-tab li.list div {
	width:150px;
	margin-bottom:5px;
}
.plan-tab li span {
	display:none;
}
/* container */
.plan-container {
	width:960px;
	padding:20px 0 40px;
	background-image:url(../../img/index/plan_bg_container.png);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.plan-box {
	position: relative;
	display:inline-block!important;
	width:300px;
	/*min-height:220px;*/
	vertical-align: top;
	margin:0 8px 16px;
	padding-bottom:45px;
	padding-top: 10px;
	background-color:#ffffff;
	border-radius:5px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.2);
}
/* .plan-box h2 {
	min-height:52px;
	margin-top:-2px;
	padding:10px 10px 0;
	color:#8a6448;
}
.plan-box h2.new {
	padding-left:50px;
	background-image:url(../../img/index/plan_icon-new.png);
	background-position:5px 0;
	background-repeat:no-repeat;
} */
/*.plan-box div {
	width:280px;
	margin:0 auto 0;
}*/
.plan-box div.summary {
	width:280px;
	margin:0 auto 5px;
}
.plan-box div.summary img {
	float:left;
	width:130px;
}
.plan-box div.summary h2 {
	float:right;
	width:140px;
	color:#8a6448;
	font-size: 13px;
}
.plan-box div.summary h2.new {
	padding-left:50px;
	background-image:url(../../img/index/plan_icon-new.png);
	background-position:5px 0;
	background-repeat:no-repeat;
}
.plan-box div.summary span {
	display: block;
	float: left;
	width: 140px;
	font-size: 12px;
	padding-top: 10px;
}
.plan-box div.summary em.price {
	font-weight:bold;
	font-style: normal;
}
.plan-category-container {
	display: none;
	vertical-align: top;
}
.plan-category-container:first-child {
	display: block;
}
.plan-detail-btn {
	width:280px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}


/* maguro
--------------------------------------------*/
.maguro {
	margin-bottom:30px;
}
/* bnr_c2
--------------------------------------------*/
.bnr_c2 {margin-bottom:30px;}
.bnr_c2 a img.r {margin-left:12px;}


/*==========================================

    　　 Media Queries iPad Portrait

============================================*/
@media only screen and (max-width: 960px) {

/* mainvisual
--------------------------------------------*/
.visual {
	float:none;
	width:100%;
	margin:0 0 10px;
}
.visual img {
	width:100%;
}
.recom-bnr {
	float:none;
	width:100%;
	margin:0 auto 0;
	font-size:12px;
	line-height:12px;
}
.recom-bnr span {
	display:inline-block;
	width:49%;
	text-align:center;
}
.recom-bnr span.member {
	display:inline-block;
}
.recom-bnr span img {
	width:100%;
	height:auto;
}
.bnr_sweepstakes {
	display:none;
}


/* news
--------------------------------------------*/
.news {
	font-size:13px;
}
.news h1 ,.news dl ,.news dl dt ,.news dl dd ,.news div {
	float:none;
	position: static;
}
.news h1 ,.news dl dt {
	padding-right:0;
}
.news dl dd {
	border-top: none;
}
.news dl dt {
	border-top: 1px dotted #8e7a71;
	padding-left: 5px;
	padding-bottom: 0;
}
.news dl dd {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
}
.news div {
	text-align:center;
}


/* plan
--------------------------------------------*/
/* tab */
.plan-tab {
	padding-bottom:0;
	background-image:none;
}
.plan-tab li {
	display:block;
	margin-right:0;
	padding:8px;
	background-image:url(../../img/index/plan_bg-tab_sp_off.png);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:13px;
}
.plan-tab li img {
	display:none;
}
.plan-tab li.plan01 {
	background-image:url(../../img/index/plan_bg-tab_sp_off.png);
}
.plan-tab li.plan02 {
	background-image:url(../../img/index/plan_bg-tab_sp_off.png);
}
.plan-tab li.plan03 {
	background-image:url(../../img/index/plan_bg-tab_sp_off.png);
}
.plan-tab li.plan04 {
	background-image:url(../../img/index/plan_bg-tab_sp_off.png);
}
.plan-tab li.here {
	background-image:url(../../img/index/plan_bg-tab_sp_on.png);
	background-position:bottom;
	background-repeat:repeat-x;
}
.plan-tab li.list {
	height:auto;
	padding:8px 0 8px;
	vertical-align:auto;
	background-image:none;
}
.plan-tab li.list div {
	width:100%;
}
.plan-tab li span {
	display:block;
}
.plan-tab li a {
	color:#ffffff;
}
/* container */
.plan-container {
	width:100%;
	margin:0 auto 0;
	padding:0;
	background-image:none;
	text-align:center;
}
.plan-box {
	width:49%;
	margin:0 auto 16px;
}
.plan-box div.summary {
	width:90%;
	margin-bottom:5px;
}
.plan-box h2 ,.plan-box p {
	text-align:left;
}
/* container */
.plan-box div.summary img {
	float:left;
	width:45%;
}
.plan-box div.summary h2 {
	float:right;
	width:50%;
	color:#8a6448;
	font-size: 13px;
}

.plan-box div.summary span {
	display: block;
	float: left;
	width: 140px;
	font-size: 12px;
	padding-top: 10px;
}
.plan-box div.summary em.price {
	font-weight:bold;
	font-style: normal;
}
.plan-category-container {
	display: none;
	vertical-align: top;
}
.plan-category-container:first-child {
	display: block;
}
.plan-detail-btn {
	width:95%;
	
}

/* maguro
--------------------------------------------*/
.maguro img {
	max-width:100%;
}
/* bnr_c2
--------------------------------------------*/
.bnr_c2 {margin-bottom:0; text-align:center;}
.bnr_c2 a img {width:100%; max-width:470px; height:auto; margin-bottom:30px;}
.bnr_c2 a img.r {margin-left:0;}


}


@media only screen and (max-width: 640px) {


/* plan
--------------------------------------------*/
.plan-container {
	width:100%;
	margin:0 auto 0;
	padding:0;
	background-image:none;
	text-align:center;
}
.plan-box {
	width:100%;
	margin:0 auto 16px;
}
.plan-box h2 ,.plan-box p {
	text-align:left;
}
	
	
}