@charset "UTF-8";

/* Information =====================================
   name:sub.css
   dir:_root/common/css/
   descript: style for sub contents area
   history:
   -2010.10.01 created by saito@yohk
   -2010.11.04 changed by saito@yohk
   -2010.11.25 changed by umeno@umegrafix.com
   
   ================================================= */



/* -----------------------------------------------
              Sub Containts
   ----------------------------------------------- */
#Sub-top,
#Sub {
	padding-top: 10px;
	padding-bottom: 10px;
}

.sidebar h3 a, .sidebar p a,
#Sub h3 a, #Sub p a {
	color: #575B66;
}

.sidebar h3 a:hover, .sidebar p a:hover,
#Sub h3 a:hover, #Sub p a:hover {
	color: #5EA6E1;
}

#Search, #Social, .bn_300_250, .bn_300_90, #Publish, #Ranking, #Present, #Welcome, #Know, #Special, .twi_area, #Regular, #Regular, .st-tag-cloud {
	position: relative;
	margin-bottom: 10px;
}

.sidebar h2,
#Sub h2 {
	padding: 6px 15px 5px;
	background: url(../img/sub_hd.gif) top left no-repeat;
	font-size: 12px;
	font-weight: bold;
	border: none;
	letter-spacing: 0; /*for IE7*/
	height: 16px;
}

* html .sidebar h2,
* html #Sub h2 {
	padding: 8px 15px 4px;
	background: url(../img/sub_hd.gif) center no-repeat;
}

.sidebar h2 span,
#Sub h2 span {
	margin-left: 10px;
	padding: 4px 10px;
	background: url(../img/sub_hd_line.gif) top left no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: #A2A6AE;
}

.sidebar .archive,
#Sub .archive {
	display: inline;
	position: absolute;
	top: 3px;
	right: 3px;
	height: 23px;
	padding-left: 2px;
	background:  url(../img/arw_02_bf.gif) top left no-repeat;
}

* html .sidebar .archive,
* html #Sub .archive {
	text-align: right;
	padding-right: 6px;
	padding-top: 1px;
	right: 6px;
	overflow: hidden;
	width: 70px;
}

* html .sidebar .archive_ie,
* html #Sub .archive_ie {
	width: 48px;
}


.sidebar .section,
#Sub .section {
	width: 278px;
	padding: 10px;
	background: #FFFFFF url(../img/dot_300.gif) bottom center no-repeat;
	border: 1px solid #C8D3D9;
	border-top: none;
	border-bottom: none;
}

.sidebar .last_child,
#Sub .last_child {
	background-image: none;
	border-bottom: 1px solid #C8D3D9;
}

.sidebar .section:after,
#Sub .section:after { /*clear float*/
	font-size: 1px;
	content: " ";
	display: block;
	height: 0px;
	clear: both;
}


.sidebar .section h3,
#Sub .section h3 {
	font-size: 100%;
}

.sidebar .section h3 a,
#Sub .section h3 a {
	font-weight: bold;
}

.sidebar .section h3, .sidebar .section p,
#Sub .section h3, #Sub .section p {
	margin-top: 0;
	line-height: 1.4;
}

.sidebar .section .tail,
#Sub .section .tail {
	padding-top: 6px;
	padding-bottom: 5px;
}

.sidebar .section .tail,  x:-moz-any-link,
#Sub .section .tail,  x:-moz-any-link  { /*for Firefox*/
	padding-top: 7px;
	padding-bottom: 4px;
}

.sidebar .section .tail a,
#Sub .section .tail a {
	color: #5495CA;
}

.sidebar .section .tail a:hover,
#Sub .section .tail a:hover {
	color: #5EA6E1;
}

.sidebar #Welcome img, #Sub #Know img,
#Sub #Welcome img, #Sub #Know img {
	display: block;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.sidebar .ad_01 li,
#Sub .ad_01 li {
	line-height: 1.6;
}




/* -----------------------------------------------
              Search Form
   ----------------------------------------------- */

#Search {
	height: 19px;
	border: 1px solid #B1BFCA;
	font-size: 12px;
	background-color: #FFFFFF;
}

#Search legend {
	display: none;
}

#Search input {
	padding: 0;
	border: none;
	line-height: 1;
}

#Search .text {
	width: 228px;
	padding: 0 5px;
}

#Search .submit {
	height: 21px;
	width: 62px;
	position: absolute;
	top: -1px;
	right: -1px;
	background: #E1EBF2 url(../img/search_btn.gif) top right no-repeat;
	line-height: 1;
	text-indent: -9999px;
	cursor: pointer;
}

#Search .submit:hover {
	background: #E1EBF2 url(../img/search_btn_on.gif) top right no-repeat;	
}

/* -----------------------------------------------
              Social Tool
   ----------------------------------------------- */

#Social {
	height: 16px;
	padding: 4px 5px;
	background: url(../img/social_bg.gif) left top no-repeat;
}

#Social:after { /*clear float*/
	font-size: 1px;
	content: " ";
	display: block;
	height: 0px;
	clear: both;
}

#Social img {
	display: block;
	margin: 0;
	padding: 0;	
}

#Social .addclip {
	float: left;
}

#Social .twi_f, #Social .rss {
	margin: 2px 0 0 5px;
	padding: 0;
	height: 13px;
	display: block;
	float: left;
}

#Social .twi_f {
	margin-left: 9px
}

#Social .rss {
	width: 64px;
}

/* -----------------------------------------------
              Banner : 300*250
   ----------------------------------------------- */

.bn_300_250 {
}

.bn_300_250 img {
	display: block;
	margin: 0;
	padding: 0;
}

.bn_300_250 object {
	display: block;
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------
              Banner : 300*90
   ----------------------------------------------- */

.bn_300_90 {
	height: 90px;
}

.bn_300_90 img {
	display: block;
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------
              Publications
   ----------------------------------------------- */

#Publish {
}

#Publish p {
	line-height: 1.6;
}

#Publish .section {
	position: relative;
	width: 166px;
	padding-left: 122px;
	min-height: 145px;
    height: auto !important;	/*モダンブラウザに適用*/
    height: 145px;	/*全ブラウザに適用*/
}

#Publish .image {
	position: absolute;
	top: 10px;
	left: 10px;
}

#Publish h3 {
	margin-bottom: 3px;
	position: relative;
	top: -2px;
}

#Publish .txt_small {
	font-size: 10px;
	line-height: 1.4;
	padding-bottom: 2px;
}

#Publish .btn_buy {
	float: right;
	margin-top: 3px;
}

#Publish .btn_buy {
	float: right;
	margin-top: 3px;
}

/* -----------------------------------------------
              Access Ranking
   ----------------------------------------------- */

#Ranking {
}

#Ranking h2.rank {
	padding: 4px 8px 2px 5px;
	background: url(../img/rank_hd.gif) top left no-repeat;
	font-size: 12px;
	border: none;
	height: 18px;
}

* html #Ranking h2.rank { /*for IE6*/
	padding:6px 8px 5px 5px;
	background: url(../img/rank_hd.gif) center left no-repeat;
}

#Ranking h2 span {
	background: none;
	float: right;
	/position: absolute; /*for IE6,7*/
	/top: 3px; /*for IE6,7*/
	/right: 5px; /*for IE6,7*/
}

#Ranking .section {
	border: 1px solid #C8D3D9;
	border-top: none;
	padding-top: 0;
	margin: 0;
	padding-bottom: 5px;
}

#Ranking ol {
	margin: 0;
	padding-top: 6px;
}

#Ranking li {
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
	padding: 1px 0 5px 19px;
	background: top left no-repeat;
}

#Ranking li a {
	color: #555555;
}

#Ranking li a:hover {
	color: #5495CA;
}


#Ranking .no_01 a, #Ranking .no_02 a, #Ranking .no_03 a {
	font-weight: bold;
}

#Ranking

#Ranking .no_01 {
	background-image: url(../img/no_01.gif);
}

#Ranking .no_02 {
	background-image: url(../img/no_02.gif);
}

#Ranking .no_03 {
	background-image: url(../img/no_03.gif);
}

#Ranking .no_04 {
	background-image: url(../img/no_04.gif);
}

#Ranking .no_05 {
	background-image: url(../img/no_05.gif);
}

#Ranking .no_06 {
	background-image: url(../img/no_06.gif);
}

#Ranking .no_07 {
	background-image: url(../img/no_07.gif);
}

#Ranking .no_08 {
	background-image: url(../img/no_08.gif);
}

#Ranking .no_09 {
	background-image: url(../img/no_09.gif);
}

#Ranking .no_10 {
	background-image: url(../img/no_10.gif);
}

/* -----------------------------------------------
              Present
   ----------------------------------------------- */
#Present .section {
	zoom: 1;
}

#Present .section:after { /*clear float*/
	font-size: 1px;
	content: " ";
	display: block;
	height: 0px;
	clear: both;
}

#Present .section .area_r {
	width: 116px;
	float: right;
}

#Present .image {
	float: left;
}

/* -----------------------------------------------
              Regular & Special
   ----------------------------------------------- */
#Special .section,
#Regular .section {
	zoom: 1;
}

#Special .section h3 span,
#Regular .section h3 span {
	color: #555555;
	font-size: 10px;
}

#Special .section:after,
#Regular .section:after { /*clear float*/
	font-size: 1px;
	content: " ";
	display: block;
	height: 0px;
	clear: both;
}

#Special .section .area_r,
#Regular .section .area_r {
	width: 196px;
	float: right;
}

#Special .image,
#Regular .image {
	float: left;
}

/* -----------------------------------------------
              Twitter
   ----------------------------------------------- */

.twi_area h3 {
	clear: none;
}

.twi_area h4 {
	clear: none;
}


/* -----------------------------------------------
              Seven-net Ranking
   ----------------------------------------------- */

div.sevennetRanking {
	margin-bottom:10px;
}


#Sub h2.seven {
	padding: 10px 15px 5px 10px;
	background:url(../img/bg_tit_sevenranking.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	border: none;
	letter-spacing: 0; /*for IE7*/
	height: 20px;
}

#Sub h2.seven em {
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}

ol.ranking {
	margin: 0;
	padding-top: 6px;
}

ol.ranking li {
	font-size: 12px;
	line-height: 1.6;
	margin: 0;
	padding: 1px 0 5px 19px;
	background: top left no-repeat;
	clear:both;
}
* html ol.ranking li {/*IE6以下向けハック*/
	width:258px;
}

ol.ranking li a {
	color: #5495CA;
	font-weight: bold;
}

ol.ranking li a:hover {
	color: #5495CA;
	text-decoration:underline;
}

ol.ranking li.no_01 {background-image: url(../img/no_01.gif);}
ol.ranking li.no_02 {background-image: url(../img/no_02.gif);}
ol.ranking li.no_03 {background-image: url(../img/no_03.gif);}
ol.ranking li.no_04 {background-image: url(../img/no_04.gif);}
ol.ranking li.no_05 {background-image: url(../img/no_05.gif);}
ol.ranking li.no_06 {background-image: url(../img/no_06.gif);}
ol.ranking li.no_07 {background-image: url(../img/no_07.gif);}
ol.ranking li.no_08 {background-image: url(../img/no_08.gif);}
ol.ranking li.no_09 {background-image: url(../img/no_09.gif);}
ol.ranking li.no_10 {background-image: url(../img/no_10.gif);}

ol.ranking li:nth-child(1){ background-image: url(../img/no_01.gif);}
ol.ranking li:nth-child(2){ background-image: url(../img/no_02.gif);}
ol.ranking li:nth-child(3){ background-image: url(../img/no_03.gif);}
ol.ranking li:nth-child(4){ background-image: url(../img/no_04.gif);}
ol.ranking li:nth-child(5){ background-image: url(../img/no_05.gif);}
ol.ranking li:nth-child(6){ background-image: url(../img/no_06.gif);}
ol.ranking li:nth-child(7){ background-image: url(../img/no_07.gif);}
ol.ranking li:nth-child(8){ background-image: url(../img/no_08.gif);}
ol.ranking li:nth-child(9){ background-image: url(../img/no_09.gif);}
ol.ranking li:nth-child(10){ background-image: url(../img/no_10.gif);}

ol.ranking li img {
	float:left;
	padding: 3px 6px 8px 0;
}
ol.ranking li p {
	padding-top:3px;
}

#Sub ol.ranking li p a {
	color: #5495CA;
	font-weight: bold;
}

#Sub ol.ranking li p a:hover {
	color: #5495CA;
	text-decoration:underline;
}

div.ranker {
	background:#FFF;
	padding:8px 10px;
	text-align:right;
	font-size:10px;
	border: 1px solid #C8D3D9;
	border-top: none;
}
* html div.ranker {/*IE6以下向けハック*/
	margin-top:-1px;
}