@charset "UTF-8";
/** style */
/** reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { 
    display: block; 
	}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style: normal; 
    font-weight: normal; 
	vertical-align: baseline; background: transparent; 
}
body { 
    font-size: 13px; 
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif; line-height: 123.1%;
    background: url(../../images/bodybase.jpg) repeat;
}

a:hover{
	color: #999;
	text-decoration: none;
}
/*----------------------------------------
	　　　content_style
----------------------------------------*/
.section_lv2 h2 {
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom: 1px solid #ccc;
}
/*-------------------
	key_visual
-------------------*/
#key_visual {
	width: 100%;
}
#key_visual .inner {
	width: 1200px;
    height: 135px;
    margin: 0 auto;
    background: url(../../images/item07.jpg);
}
/*--------------------------ranking-----------------------------*/
#ranking{ 
    width: 400px;
    height: 5000px;
    float: left;
    background: url(../../images/infobase.jpg) repeat;
	}
#ranking h1{
	float:left;	
    padding: 0px 0 0px 0px;
	}
#ranking h2{
	float:left;	
    font-size: 15px;
	line-height: 1.5;
    padding: 10px 20px 0px 20px;
	}
#ranking h2 strong{
    font-weight: bold; 
    color: #F00;
	}
#ranking h3{
	float:left;	
    padding: 0px 0 0px 0px;
	}

/*---------------------------info-------------------------------*/
#info{ 
    width: 800px; 
	height: 5000px;
	float: right;
}
#info h1{
    float:left;	
    padding: 0px 0 0px 0px;
}
#info h2{
    float:right;	
    padding: 0px 0 0px 20px;
}
#info li{
    left: 20px;
    padding: 0 0 0 0px;
    font-size:14px;
}
#info li img {
	float: left;
	padding: 0px 0 0px 30px;
x	border: 1px solid;
	border-color: #eee #ccc #ccc #eee;
}
#info li a{
    display: block;
	cursor: pointer;
	color: #000;
	}

#info li span {
    float: right;
    display: block;
    width: 770px;
    line-height: 1.5;
}
#info li span strong{
    font-weight: bold; 
    color: #F00;
}
/*-------------------
	clearfix
-------------------*/
#ranking li a{
	overflow: hidden;
	_height: 1%;
}
#info li a{
	overflow: hidden;
	_height: 1%;
}