@charset "UTF-8";

/*
===== universal reset ====================================
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
}
img {border: none;}
ul{list-style: none;}

/* button styles 
-------------------------------------------------------*/
a {
    overflow: hidden;/* FireFox */
    outline: none;
}
area{
  border:none;
  outline:none;
}
/* swf outline styles 
-------------------------------------------------------*/
object,embed {outline: none !important;}/* FireFox */

/*
===== 広告 ====================================
*/
div.header_ad {
	border-bottom: 1px solid #ccc;
}

div.ad_banner_super {
	width: 728px;
	height: 90px;
	margin: 10px auto;
	background-color: #f9f9f9;
}

div.ad_banner_rectangle {
	width: 300px;
	height: 250px;
	background-color: #f9f9f9;
}
/*
===== layout ====================================
*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body{
	min-width: 1020px;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	color:#4b0302;
	-webkit-text-size-adjust: 100%;
}
a{-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
a:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }
.txt20{font-size:20px;}
.txt-w{color:#fff;}
.mb10{margin-bottom: 10px;}
.align-c{text-align: center;}

.left{float: left;}
.right{float: right;}


#abioshi_menu { height: 62px !important;}


/**/
.replace_img{
    width: 100%;
	display: block;
	position: relative;
}
.bl-hot .replace_img{
    width: 300px;
    height: 183px;
	margin: 0 auto 5px;
	border: 3px solid #4b0302;
	box-sizing: border-box;
}
.t-img .replace_img{
    width: 440px;
	margin-bottom: 10px;
	border: 5px solid #4b0302;
	box-sizing: border-box;
	float: left;
}
.replace_img::before{
	content: "";
	width: 100%;
	padding-top: 60.95%;
	position: absolute;
	top: 0;
	left: 0;
}
.replace_img::after{
	content: "";
	padding-top: 60.95%;
	display: block;
}
.replace_img img{
	display: none !important;
}
@media print {
    .noprint { display: none !important; }
}
/**/