@charset "utf-8";
/* 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, img, 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, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	outline: 0 none;
	padding: 0;
}
body {

	font: 82%/1.6  'メイリオ','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1;
}
a {
	color: inherit;
	overflow: hidden;
}
ol, ul {
	list-style: none outside none;
}
fieldset, img {
	vertical-align: bottom;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
br {
	letter-spacing: 0;
}
li {
	font-size: inherit;
}
hr {
	border: 0 none;
	height: 0;
	visibility: hidden;
}
select, input, textarea {
	font-size: 99%;
}
pre, code {
	font: 100% monospace;
}
a {
	text-decoration: none;
	color: #333;
}


#wrapper{
	background:url(../img/back_img.gif) 0 0;
}

/* ================== */
/*  グローバルナビ　  */
/* ================== */

#g-nav {
	border: 1px solid #CCC;
	margin-bottom: 30px;
}
#g-nav ul {
	margin: 0px auto;
}
#g-nav li {
	border-bottom: 1px solid #CCC;
}
#g-nav li.ttl {
	background: #f5f5f5;
	padding: 20px 20px;
	font-weight: bold;
}
#g-nav li a {
	display: block;
	padding: 20px 20px;
}
#g-nav li a:hover {
	padding: 20px 20px;
	background: #f5f5f5;
}

#g-nav li a:after{
	content: ">";
	float: right;
	color: #999;
	}


#g-nav li:last-child {
	border-style: none;
}

/* ================== */
/*  ヘッダー　　　　  */
/* ================== */

#header{
	background:url(../img/header_back.png) no-repeat center bottom;
}
#header .head01{
	background:#fff;
	height:23px;
	margin-bottom: 23px;
}
.head01 .head01_in{
	width:981px;
	margin:0 auto;
	padding-top: 7px;
}
#header h1, .ttl-site{
	font-size:10px;
	width:50%;
	float:left;
	font-weight:normal;
	line-height: 100%;
}
.head01 .head01_in p{
	font-size:10px;
	width:8%;
	float:right;
	text-align:right;
    line-height: 100%;
    background: url(../img/sitemap_icon.gif) no-repeat 5px center;
}
.head01 .head01_in p a{
	text-decoration:none;
}
.head01 .head01_in p a:hover{
	text-decoration:underline;
}




#header .head02{
	width:981px;
	margin:0 auto;
	padding-bottom: 28px;
}
#header .head02 a img:hover{
         opacity:1;
}

.head02 .head02_left{
	width:530px;
	float:left;
}
.head02_left img.title_p{
	  margin: 12px 0 23px;
}
.head02_left img.header_link01{
	  margin-right: 17px;
}
.head02_left a img:hover{
	opacity:0.8;
}

.head02 .head02_right{
  width: 398px;
  height: 299px;
  float: right;
  background: url(../img/header_right_back.png) no-repeat 0 0;
  margin-top: 4px;
  padding: 54px 0 0 19px;
}
.head02 .head02_right img{
	margin: 0 5px 2px 0;
}


/* ================== */
/*  パンくずリスト　  */
/* ================== */

#pankuzu {
	width: 981px;
	margin: 10px auto 0px;
	font-size: 11px;
}
#pankuzu a {
	color: #03C;
	text-decoration: underline;
}
#pankuzu a:hover {
	color: #09F;
	text-decoration: underline;
}
/* ================== */
/*  コンテンツ　　　　*/
/* ================== */

#contents {
	width: 981px;
	margin: 0px auto;
	overflow: hidden;
	  padding: 20px 40px 40px;
  position: relative;
}
/* ================== */
/*  ランキング　　　　*/
/* ================== */
#top-ranking {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
}

#top-ranking h3 a{
	color: #333;
	text-decoration: none;
}
#top-ranking h3 a:hover {
	color: #333;
	text-decoration: underline;
}
.no1 {
	padding: 15px;
	border: 5px solid #eee;
	margin: 0px 0px 20px;
	overflow: hidden;
}
.no1 dt {
	float: left;
	margin: 0px 20px 0px 0px;
	width: auto;
}
#main .no1 h3 {
	font-size: 18px;
	margin: 0px 0px 5px;
	padding: 0px;
	border-style: none;
	background: #FFF;
}
#main #top-ranking .no2 h3 {
	font-size: 14px;
	margin: 0px 0px 5px;
	padding: 0px;
	border-style: none;
	background: #FFF;
}

.no2 {
	padding: 15px;
	border: 3px solid #eee;
	margin: 0px 0px 20px;
	width: 43.2%;
	float: left;
	font-size: 13px;
}
.no2 dt {
	float: left;
	margin: 0px 10px 0px 0px;
	width: auto;
}

/* ================== */
/*  メインコンテンツ　*/
/* ================== */

.sns {
	margin-bottom: 20px;
}
#main{
  width: 680px;
  float: left;
  font-size: 15px;
  line-height: 1.8;
}
#lower-main {
  width: 660px;
  float: left;
  font-size: 15px;
  line-height: 1.8;
  background:#fff;
  border: 3px solid #030303;
  margin: 90px 0 0 0;
padding: 10px;
}
#main a, #lower-main a {
	color: #03C;
	text-decoration: underline;
}
#main a:hover, #lower-main a:hover {
	color: #09F;
	text-decoration: underline;
}
#main h2{
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
  line-height: 1.4;
  background: url(../img/h2_back.png) no-repeat 0 0;
  padding: 22px 0px 21px 83px;
}
#contents h1 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0;
  line-height: 1.4;
  background: url(../img/h2_back.png) no-repeat 0 0;
  padding: 22px 0px 21px 83px;
  position: absolute;
  width: 100%;
  top: 0;
}
#main h3, #lower-main h2 {
  font-size: 18px;
  margin: 40px 0 10px;
  padding: 15px 0 10px 36px;
  line-height: 1.5;
  background: url(../img/h3_back.png) no-repeat 0 0;
  font-weight: bold;
}
#main h4, #lower-main h3,
#main h5, #lower-main h4,
#main h6, #lower-main h5, #lower-main h6 {
  font-size: 16px;
  margin: 40px 0 10px;
  padding: 11px 0px 8px 23px;
  line-height: 1.6;
  background: url(../img/h4_back.png) no-repeat 0 0;
}
#main p, #lower-main p {
	margin: 0px 0px 15px 0px;
	  font-size: 14px;
  line-height: 23px;
}
#main p:last-child, #lower-main p:last-child {
	margin: 0px;
	padding: 0px;
}
#main ul, #lower-main ul {
	margin: 0px 0px 15px 40px;
	list-style: circle;
}
#main ol, #lower-main ol {
    list-style: decimal outside none;
    margin: 0 0 15px 45px;
}
li.sub {
    padding: 0 0 0 0;
    list-style: outside;
    margin: 0 0 0 15px;
}
/* ================== */
/*  テーブル　　　　　*/
/* ================== */
table {
	border:1px solid #ccc;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	font-size: 14px;
	margin: 20px 0px;
}
th {
	background-color:#f5f5f5;
	border:1px solid #ccc;
	text-align:center;
	padding: 10px;
}
td {
	border:1px solid #ccc;
	padding: 10px;
}
/* ================== */
/*  フリースペース　　*/
/* ================== */

.free-bottom {
	margin: 40px 0px 0px;
	padding: 10px;
}
.free-sp {
	margin: 0px 0px 30px;
	padding: 10px;
}
.free-bottom p{
	text-align:center;
}
.free-bottom p a img:hover{
	opacity:1;
}
/* ================== */
/*  サイドカラム　　　*/
/* ================== */
img.side_menu{
	margin:0px 0 2px;
}


#sub {
	width: 260px;
	float: right;
}
.cate ul {
	margin: 0px 0px 30px;
}
.cate li{
	border-left: 3px solid #090303;
	border-right: 3px solid #090303;
}
.cate li.ttl {
}
.cate li:nth-child(11),
.cate li:nth-child(16),
.cate li:nth-child(19){
	margin-bottom:2px;
	border-bottom: 3px solid #090303;
}
.cate li:nth-child(11) a,
.cate li:nth-child(16) a,
.cate li:nth-child(19) a{
	border:none;
}

.cate li.ttl a {
  padding: 11px 10px 8px 55px;
  background: url(../img/side_title.jpg) no-repeat 0 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.cate li a {
  border-bottom: 1px dotted #090303;
  padding: 9px 0px 8px 19px;
  display: block;
  background: #fff url(../img/side_icon.png) no-repeat 10px center;
  font-size: 12px;
  font-weight: normal;
}

.cate li a:hover {
	text-decoration:underline;}
/* ================== */
/*  フッター　　　*/
/* ================== */

#footer {
	background: #030303;
	text-align: center;
}
#footer p {
  padding: 20px 0px 15px;
  font-size: 12px;
  color: #fff;
}
#footer p a{
	color: #fff;
}
/* ================== */
/*  パーツ　　　　　　*/
/* ================== */

.right {
	text-align: right;
}
.mr-20 {
	margin: 0px 20px 0px 0px;
}
a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}


















/* ============================= */
/*  追加　　　　　　             */
/* ============================= */
.clear:after{
        content: ".";  
        display: block;  
        visibility: hidden;  
        height: 0.1px;  
        clear: both;  
}
.cb{
	clear: both;
}

.none_b{
	border:none !important;
}
.none_m{
	margin:0 !important;
}
/* ============================= */
/*  rank　　　　　　             */
/* ============================= */

.rank{
  		background: url(../img/main_back.gif) 0 0;
  		border: 3px solid #030303;
  		padding: 25px 20px;
  		position: relative;
  		border: solid 3px #030303;
  		-moz-border-radius-topleft: 40px;
  		-moz-border-radius-topright: 40px;
  		-moz-border-radius-bottomleft: 0px;
  		-moz-border-radius-bottomright: 0px;
  		-webkit-border-top-left-radius: 40px;
  		-webkit-border-top-right-radius: 40px;
  		-webkit-border-bottom-left-radius: 0px;
  		-webkit-border-bottom-right-radius: 0px;
  		border-top-left-radius: 40px;
  		border-top-right-radius: 40px;
  		border-bottom-left-radius: 0px;
  		border-bottom-right-radius: 0px;
 }
.rank h2{
	 	 margin: 0 0 25px 80px !important;
	 	 background:none !important;
	 	 padding:0 !important;
	 	 font-size:28px !important;
	}
.rank p{
		margin:0 !important;
}
.rank img{
	  position: absolute;
  	  bottom: 150px;
          right: 585px;
 }
/* ============================= */
/*  ランキング  　　             */
/* ============================= */
article{
	background:url(../img/main_back.gif) 0 0;
 	border: 3px solid #030303;
    margin: 20px 0 40px;
 	padding-bottom: 20px;
}
article h3{
  color: #ffd603;
  border: none !important;
  margin:0 !important;
  padding: 15px 0 10px 73px !important;
  font-size: 18px !important;
}

article.no_1 h3{
	background: url(../img/no1_h3.png) no-repeat 0 0 !important;
    padding: 22px 0 16px 73px !important;
    font-size: 23px !important;
}
article.no_2 h3{
  	background: url(../img/no2_h3.png) no-repeat 0 0 !important;
}
article.no_3 h3{
  	background: url(../img/no3_h3.png) no-repeat 0 0 !important;
}
article.no_4 h3,
article.no_5 h3{
 	 background: url(../img/other_h3.png) no-repeat 0 0 !important;
  	 padding: 15px 0 10px 20px !important;
}
article .room01{
	padding: 20px;
}
article .room02{
 	padding: 0 20px 20px;
}
article .room03{
	margin:0 20px 20px;
}

/*--room01--------------------------
--------------------------------------*/
article .room01 h4{
	  font-size: 20px !important;
	  margin: 0px 0 25px  !important;
	  line-height: 23px !important;
	  font-weight: bold !important;
	  padding: 0 !important;
background: none !important;
 }
article .room01 p{}
article .room01 img{
	  float: left;
	  padding: 0 20px 20px 0;
 }

/*--room02--------------------------
--------------------------------------*/
article .room02 .room02_left{
	  width: 307px;
	  float: left;
	  background: #fff;
	  border: 2px solid #030303;
	  border: solid 2px #030303;
	  -moz-border-radius: 12px;
	  -webkit-border-radius: 12px;
	  border-radius: 12px;
}
article .room02 .room02_right{
	  width: 307px;
	  float: right;
	  background: #fff;
	  border: 2px solid #030303;
	  border: solid 2px #030303;
	  -moz-border-radius: 12px;
	  -webkit-border-radius: 12px;
	  border-radius: 12px;
}

/*--見出しｈ５(room2,3)---------------
--------------------------------------*/
article .room02 h5,
article .room03 h5{
	  color: #ffd603;
	  font-weight: bold;
	  background: #000 !important;
	  padding: 12px 17px 9px 17px !important;
	  margin: 0 !important;
	  border: none !important;
	  border: solid 0px #000000;
	  -moz-border-radius-topleft: 5px;
	  -moz-border-radius-topright: 5px;
	  -moz-border-radius-bottomleft: 0px;
	  -moz-border-radius-bottomright: 0px;
	  -webkit-border-top-left-radius: 5px;
	  -webkit-border-top-right-radius: 5px;
	  -webkit-border-bottom-left-radius: 0px;
	  -webkit-border-bottom-right-radius: 0px;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	  border-bottom-left-radius: 0px;
	  border-bottom-right-radius: 0px;
}
article .room02 span.hosi img,
article .room03 span.hosi img{
	  margin-left: 4px;
	  padding: 0;
      float: left;
}
article .room02 span.hosi,
article .room03 span.hosi{
        float: right;
}
/*--room02_left--------------------------
-----------------------------------------*/
article .room02 .room02_left p{
	  font-size: 12px !important;
	  padding: 10px 15px 8px !important;
	  border-bottom: 1px dotted #080303;
	  margin: 0 !important;
	  font-weight: bold;
}
article .room02 .room02_left p:after{
        content: ".";  
        display: block;  
        visibility: hidden;  
        height: 0.1px;  
        clear: both;  
}
article .room02 .room02_left span{
	float: right;
	color: #d30303;
}

/*--room02_right--------------------------
-----------------------------------------*/
article .room02 .room02_right ul{
	  text-align: center;
	  width: 100%;
	  margin: 0 !important;
}
article .room02 .room02_right ul li{
	  float: left;
	  width: 76px;
	  padding: 10px 0 15px;
	  border-right: 1px dotted;
	  height: 123px;
	  list-style: none;
}
article.no_1 .room02 .room02_right ul li{
	  height: 158px;
}
article .room02 .room02_right ul li img{
	  margin: 0 auto 15px;
	  float: none;
	  padding: 0;
 }

article .room02 .room02_right img{
        display: block;
        margin: 0 auto 10px;
}
article .room02 .room02_right span{
	  font-size: 12px;
	  line-height: 18px;
 }
article .room02 span.kome{
	  font-size: 11px;
	  line-height: 15px;
	  padding-top: 5px;
	  display: block;
	  color: #030303;
	  font-weight: normal;
 }
/*--room03--------------------------------
------------------------------------------*/
article .room03{
	  background: #fff;
	  border: 2px solid #030303;
	  position: relative;
	  border: solid 2px #030303;
	  -moz-border-radius: 12px;
	  -webkit-border-radius: 12px;
	  border-radius: 12px;
}
article .room03 p{
        padding: 15px !important;
		width:450px;
}
article .room03 img.human{
	  position:absolute;
	  bottom: 20px;
	  right: 30px;
	
}

/*--リンクボタン-----------------------------
------------------------------------------*/
article p.link{
}
article p.link a{
	  font-size: 16px;
	  font-weight: bold;
	  color: #feff03 !important;
	  text-decoration: none !important;
	  background: url(../img/rank_linkbtn.png) no-repeat center center;
	  width: 401px;
	  display: block;
	  padding: 27px 0 23px;
	  margin: 0 auto;
	  text-align: center;
}
article p.link a:hover{
	  color: #fff !important;
          opacity:0.8;
          background: url(../img/rank_linkbtn_on.png) no-repeat center center;

}






.main_text_area{
    background: #fff;
  border: 3px solid;
  padding: 10px;
}


img.side_link_img{ 
   margin-bottom: 20px;
}
img.side_link_img:hover{ 
   opacity:1;
}