@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}


a:link,a:visited{color:#157dd6;text-decoration:none;}
a:hover{color:#367f93;}
a:active, a:focus {outline:0;}
img{border:0;}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul{
margin:0 auto;
width:880px;
clear:both;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#main{
float:right;
width:627px;
padding:22px 0 50px;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap_top{
height:500px;
background:#fff url(images/wall.jpg) repeat-x 0 0;
}

#headerWrap{
height:147px;
background:#fff url(images/wall2.jpg) repeat-x 0 0;
}

#header{
position:relative;
height:147px;
}

#header h1,#header h2,#header p{
position:absolute;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/* ロゴ */
#header h2{
left:0;
}

/* 住所 */
#header p{
right:0;
}


/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:102px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-align: center;
line-height: 45px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.jpg) no-repeat 0 0;
color: #ffffff;
}


ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}




/*******************************
/* メイン
*******************************/
#mainImg{margin-top:-350px;}

h3.heading{
clear:both;
padding-left:25px;
line-height:34px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/headingBg.png) no-repeat 0 0;
}

h3.heading span{
font-size:10px;
color:#157dd6;
padding-left:10px;
line-height:34px;
}

.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.last{border-bottom:none;}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#157dd6;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#157dd6;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}


/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:25px;
line-height:34px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

ul.info{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dcdcdc;
margin-bottom:20px;
}

ul.info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

ul.info a:link,ul.info a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow.gif) no-repeat 0 50%;
}

ul.info a:hover, ul.info li.current_page_item a, ul.info li.current-menu-item a{color:#157dd6;}

ul.info li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
background:#808080;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #ccc;
}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#e0e0e0;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}

.rank_box{
padding:10px 0px 10px 20px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.nobdr{
border:none;
width:98%;
}

.nobdr td{
vertical-align:top;
}

.ranktext{
font-size: 2.2em;
padding:10px 10px 10px 10px;
font-weight: bold;
}

.rankpoint0, .rankpoint1, .rankpoint2, .rankpoint3, .rankpoint4, .rankpoint5, .rankpoint6, .rankpoint7, .rankpoint8, .rankpoint9, .rankpoint10,
.rankpoint11, .rankpoint12, .rankpoint13, .rankpoint14, .rankpoint15, .rankpoint16, .rankpoint17, .rankpoint18, .rankpoint19, .rankpoint20,
.rankpoint21
{
margin:0px 10px 10px 10px;
padding-left: 20px;
font-weight: bold;
}

.rankpoint0 {background:url(images/libg_0.gif) no-repeat left top;}
.rankpoint1 {background:url(images/libg_1.gif) no-repeat left top;}
.rankpoint2 {background:url(images/libg_2.gif) no-repeat left top;}
.rankpoint3 {background:url(images/libg_3.gif) no-repeat left top;}
.rankpoint4 {background:url(images/libg_4.gif) no-repeat left top;}
.rankpoint5 {background:url(images/libg_5.gif) no-repeat left top;}
.rankpoint6 {background:url(images/libg_6.gif) no-repeat left top;}
.rankpoint7 {background:url(images/libg_7.gif) no-repeat left top;}
.rankpoint8 {background:url(images/libg_8.gif) no-repeat left top;}
.rankpoint9 {background:url(images/libg_9.gif) no-repeat left top;}
.rankpoint10 {background:url(images/libg_10.gif) no-repeat left top;}
.rankpoint11 {background:url(images/libg_11.gif) no-repeat left top;}
.rankpoint12 {background:url(images/libg_12.gif) no-repeat left top;}
.rankpoint13 {background:url(images/libg_13.gif) no-repeat left top;}
.rankpoint14 {background:url(images/libg_14.gif) no-repeat left top;}
.rankpoint15 {background:url(images/libg_15.gif) no-repeat left top;}
.rankpoint16 {background:url(images/libg_16.gif) no-repeat left top;}
.rankpoint17 {background:url(images/libg_17.gif) no-repeat left top;}
.rankpoint18 {background:url(images/libg_18.gif) no-repeat left top;}
.rankpoint19 {background:url(images/libg_19.gif) no-repeat left top;}
.rankpoint20 {background:url(images/libg_20.gif) no-repeat left top;}
.rankpoint21 {background:url(images/libg_21.gif) no-repeat left top;}

.w600 { width: 600px; }
.w450 { width: 450px; }
.w350 { width: 350px; }
.w250 { width: 250px; }
.w150 { width: 150px; }
	
.w300 { width: 310px; }
.w200 { width: 210px; }
.w120 { width: 130px; }

.w234 { width: 244px; }

.rankboxr {
	float: right;
	margin: 0 0 20px 0;
}

.rankboxl {
	float: left;
	margin: 0 0 20px 0;
}

.rankp {
	margin: 0 10px;
	line-height: 2em;
}

.dtlbtn{
text-align: center;
margin: 20px 20px 0px 20px;
}

.dtlbnbtn{
text-align: center;
padding: 20px 20px 20px 20px;
}

.dtltextbtn0, .dtltextbtn1, .dtltextbtn2, .dtltextbtn3, .dtltextbtn4, .dtltextbtn5 {
text-align: right;
margin: 5px 20px 20px 20px;
padding-right: 0px;
clear: both
}

.dtltextbtn0 a, .dtltextbtn1 a, .dtltextbtn2 a, .dtltextbtn3 a, .dtltextbtn4 a, .dtltextbtn5 a {
padding-left: 40px;
font-weight: bold;
font-size: 1.2em;
}

.dtltextbtn0 a{ background:url(images/dtltextbtnbg0.gif) no-repeat left center; }
.dtltextbtn1 a{ background:url(images/dtltextbtnbg1.gif) no-repeat left center; }
.dtltextbtn2 a{ background:url(images/dtltextbtnbg2.gif) no-repeat left center; }
.dtltextbtn3 a{ background:url(images/dtltextbtnbg3.gif) no-repeat left center; }
.dtltextbtn4 a{ background:url(images/dtltextbtnbg4.gif) no-repeat left center; }
.dtltextbtn5 a{ background:url(images/dtltextbtnbg5.gif) no-repeat left center; }

.rank_box a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	zoom: 1.0;
}

.rankspec {
	width: 90%;
	margin: 10px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.rankspec th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	text-align: center;
}
.rankspec td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}

.ranklblno01, .ranklblno02, .ranklblno03, .ranklblno04, .ranklblno05{
	padding: 0 0 0 75px;
	margin: 50px 0 10px 0;
	height: 56px;
	display:table-cell;
	vertical-align: middle;
	clear: both;
}
.ranklblno01 { background:url(images/rank01.gif) no-repeat left top;}
.ranklblno02 { background:url(images/rank02.gif) no-repeat left top;}
.ranklblno03 { background:url(images/rank03.gif) no-repeat left top;}
.ranklblno04 { background:url(images/rank04.gif) no-repeat left top;}
.ranklblno05 { background:url(images/rank05.gif) no-repeat left top;}

.ranklblno11, .ranklblno12, .ranklblno13, .ranklblno14, .ranklblno15{
	padding: 0 0 0 100px;
	margin: 50px 0 10px 0;
	height: 99px;
	display:table-cell;
	vertical-align: middle;
	clear: both;
}
.ranklblno11 { background:url(images/rank11.gif) no-repeat left top;}
.ranklblno12 { background:url(images/rank12.gif) no-repeat left top;}
.ranklblno13 { background:url(images/rank13.gif) no-repeat left top;}
.ranklblno14 { background:url(images/rank14.gif) no-repeat left top;}
.ranklblno15 { background:url(images/rank15.gif) no-repeat left top;}

.ranklblno21, .ranklblno22, .ranklblno23, .ranklblno24, .ranklblno25{
	padding: 0 0 0 60px;
	margin: 50px 0 10px 0;
	height: 47px;
	display:table-cell;
	vertical-align: middle;
	clear: both;
}
.ranklblno21 { background:url(images/rank21.gif) no-repeat left top;}
.ranklblno22 { background:url(images/rank22.gif) no-repeat left top;}
.ranklblno23 { background:url(images/rank23.gif) no-repeat left top;}
.ranklblno24 { background:url(images/rank24.gif) no-repeat left top;}
.ranklblno25 { background:url(images/rank25.gif) no-repeat left top;}

.lstcdiv{
	padding: 10px;
}

.lstcdiv a{
	font-weight: bold;
}

.main th {
	padding: 10px;
	border: #E3E3E3 solid;
	border-width: 1px 1px 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	text-align: center;
}
.main td {
	padding: 10px 25px 10px 25px;
	border: 1px #E3E3E3 solid;
	border-width: 1px 1px 1px 1px;
	text-align: center;
}

.rankpoint {
background:url(images/libg_0.gif) no-repeat left center;
}
.rankpoint{
margin:0px 10px 10px 10px;
padding-left: 20px;
font-weight: bold;
}

.pan {
	margin: 10px 0 0 0;
}

.clr {
	clear: both;
}