/* CSS Document */

/* 共通CSS変更 */
#main {
	color : #000;
	background: #FFF;
	width: 765px;
	font-size: 1px;
	word-spacing: -1px;
	letter-spacing: -1px;
}
#main img {
    vertical-align: bottom;
    border:0;
}
#main p {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-size: 14px;
	word-spacing: normal;
	letter-spacing: normal;
}
#main h1 {
	padding: 0 ;
	margin: 0 ;
	height : 0 ;
	background-repeat: no-repeat;
	/* text-indent: -9999px; */
	/* display : none ; */
	font-size : 10px ;
	height: 170px;
}

#main h1, #main h2 {
	padding: 0 ;
	margin: 0 ;
}

#main a {
	opacity: 1.0;

  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	text-decoration: none;
	color: #000;
}
#main a:hover {
  	opacity:0.85;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);

}
.pa10{padding:10px !important;}
.pt10{padding-top:10px !important;}
.pl10{padding-left:10px !important;}
.pr10{padding-right:10px !important;}
.pb10{padding-bottom:10px !important;}


.pa15{padding:15px !important;}
.pt15{padding-top:15px !important;}
.pl15{padding-left:15px !important;}
.pr15{padding-right:15px !important;}
.pb15{padding-bottom:15px !important;	}

.pa20{padding:20px !important;}
.pt20{padding-top:20px !important;}
.pl20{padding-left:20px !important;}
.pr20{padding-right:20px !important;}
.pb20{padding-bottom:20px !important;	}


.pa25{padding:25px !important;}
.pt25{padding-top:25px !important;}
.pl25{padding-left:25px !important;}
.pr25{padding-right:25px !important;}
.pb25{padding-bottom:25px !important;	}


.pa30{padding:30px !important;}
.pt30{padding-top:30px !important;}
.pl30{padding-left:30px !important;}
.pr30{padding-right:30px !important;}
.pb30{padding-bottom:30px !important;	}

.pa35{padding:35px !important;}
.pt35{padding-top:35px !important;}
.pl35{padding-left:35px !important;}
.pr35{padding-right:35px !important;}
.pb35{padding-bottom:35px !important;	}

.pa40{padding:40px !important;}
.pt40{padding-top:40px !important;}
.pl40{padding-left:40px !important;}
.pr40{padding-right:40px !important;}
.pb40{padding-bottom:40px !important;}

.pa45{padding:45px !important;}
.pt45{padding-top:45px !important;}
.pl45{padding-left:45px !important;}
.pr45{padding-right:45px !important;}
.pb45{padding-bottom:45px !important;}


.pa50{padding:50px !important;}
.pt50{padding-top:50px !important;}
.pl50{padding-left:50px !important;}
.pr50{padding-right:50px !important;}
.pb50{padding-bottom:50px !important;}

.ma10{margin:10px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mb10{margin-bottom:10px !important;}

.ma15{margin:10px !important;}
.mt15{margin-top:15px !important;}
.ml15{margin-left:15px !important;}
.mr15{margin-right:15px !important;}
.mb15{margin-bottom:15px !important;	}

.ma20{margin:20px !important;}
.mt20{margin-top:20px !important;}
.ml20{margin-left:20px !important;}
.mr20{margin-right:20px !important;}
.mb20{margin-bottom:20px !important;	}

.ma25{margin:25px !important;}
.mt25{margin-top:25px !important;}
.ml25{margin-left:25px !important;}
.mr25{margin-right:25px !important;}
.mb25{margin-bottom:25px !important;	}


.ma30{margin:30px !important;}
.mt30{margin-top:30px !important;}
.ml30{margin-left:30px !important;}
.mr30{margin-right:30px !important;}
.mb30{margin-bottom:30px !important;	}

.ma35{margin:35px !important;}
.mt35{margin-top:35px !important;}
.ml35{margin-left:35px !important;}
.mr35{margin-right:35px !important;}
.mb35{margin-bottom:35px !important;}

.ma40{margin:40px !important;}
.mt40{margin-top:40px !important;}
.ml40{margin-left:40px !important;}
.mr40{margin-right:40px !important;}
.mb40{margin-bottom:40px !important;}

.ma45{margin:45px !important;}
.mt45{margin-top:45px !important;}
.ml45{margin-left:45px !important;}
.mr45{margin-right:45px !important;}
.mb45{margin-bottom:45px !important;}

.ma50{margin:50px !important;}
.mt50{margin-top:50px !important;}
.ml50{margin-left:50px !important;}
.mr50{margin-right:50px !important;}
.mb50{margin-bottom:50px !important;}


/* Clear FIx */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix
{height: 1%;}

.clearfix
{display: block;}
/* End hide from IE-mac */
/* /Clear FIx */



/* 共通 */

.m_bg_common {
	background-color: #FFC660;

}

.m_clear {
	clear: both;
}
.m_read {
	display: none;
}
#main ul, #main li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.m_fleft {
	float: left;
}
.m_fright {
	float: right;
}
/* 共通(文字飾り) */

#main .m_txt_footercaption{
	padding: 10px 0;
	font-size: 12px;
}
.m_small {
	color: #666666;
	font-size: 10px;
}
.m_sale {
	color: #CC0000;
}
.m_limited {
	color: #FF0066;
}
.m_color {
	color: #F45293;
}
.m_arrow {
	margin: 0 3px 2px 0;
	vertical-align: middle;
}
/* index */
#main header {
	background-image: url(images/index/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
/*	height: 219px;*/
	display: block;
	text-align: center;
}
#main header .m_title {
	padding: 0 0 0px 0;
	margin: 34px 0 0 0;
}

#main header p {
	font-size:16px;
	padding :5px 0 40px;
}
.m_body {
	margin: 25px 0 0 14px;
}

#main .m_pickup {
	border-left: solid 5px #F4510A;
	background-color: #FFF;
	padding: 24px 0;
	margin-right: 17px;
	position: relative;
}
#main .m_ranking {
	border-left: solid 5px #8A6B00;
	background-color: #FFF;
	padding: 24px 0;
	margin-right: 17px;
	margin-top:50px;
	position: relative;
}
#main .m_pickup .m_pick,
#main .m_ranking .m_rank {
	position:absolute;
	top: -31px;
	left: -5px;
}

/* 2017.08 macro */
#main .m_inner {
	padding: 0 0 0px 35px;
}

#main .m_inner a {
	display: inline-block;
	vertical-align:top;
	width: 230px;
	padding-right: 30px;
}
#main .m_inner img {
}

#main .m_inner a p {
	width: 200px;
	padding: 10px 0 0 0;
	color: #000;
	font-size: 12px;
}
#main .m_ranking .m_inner .m_num {
	padding: 0px;
}

#main .m_ranking .m_inner .m_num li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	text-align: center;
	padding-top: 0;
	padding-right: 30px;
	margin-top: 10px;
}
/* //macro end */


#main .m_baner {
	position: relative;
	margin-top: 20px;
	display: block;
}
#main .m_txt01 {
	position: absolute;
	top: 97px;
	left: 24px;
	color: #000;
}
#main .m_list {
	margin-top: 30px;
	display: block;
}
#main footer {
	background-image: url(images/index/footer.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 102px;
	padding-top: 80px;
	background-position: bottom;
}


#main .m_subtit {
	font-size:20px;
	letter-spacing:0.1em;
	color:#33b371;
	padding-left:35px;
}