@charset "utf-8";
/* CSS Document */

/*
ブラウザ、OS間のフォントサイズの差異をなくす。

基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ(px) : 指定する値(em)
10px : 0.77em
11px : 0.85em
12px : 0.92em
13px : 1.0em
14px : 1.07em
15px : 1.14em
16px : 1.22em
17px : 1.29em
18px : 1.36em
19px : 1.44em
20px : 1.52em
21px : 1.59em
22px : 1.67em
23px : 1.74em
24px : 1.82em
25px : 1.89em
26px : 1.97em
※ パーセント表示はoperaで効かないのでem表示にする
*/

/*=========================================================================================
html
=========================================================================================*/

html{ 
	overflow-y:scroll; /*FFでサイドのスクロールバーを常に表示しておく*/
}


* {
	margin: 0; 
	padding: 0;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	*font-size: small;/*ハック*/
	*font: x-small;/*ハック*/
	line-height: 1.3em;
	background: url(../img/bg_outbody_ver2.gif) repeat-x top left;
}

h1 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 6px 0;
}

h4 {
	padding: 0 0 20px 0;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: underline;
}

ul, li, ol {
	list-style: none;
}

img {
	border: none;
	vertical-align: bottom;
}

/*********************************************
header
*********************************************/

#header {
	width: 1000px;
	height: 141px;
	margin: 0 auto;
	background: url(../img/bg_header_shadow_ver2.jpg) no-repeat center top;
	position: relative;
}

#header_main {
	height: 89px;
	padding: 10px 30px 0 30px;
}


#header_main p {
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 370px;
}

#header_main p.banner {
	position: absolute;
	top: 35px;
	right: 30px;
}

#addcrips {
	position: absolute;
	top:9px;
	right:220px;
}

#header_sub {
	width:980px;
	height: 35px;
	padding: 0 10px 0 10px;
	
}

ul#mainmenu {
	width: 872px;
	height: 35px;
	padding: 0 0 0 108px;
	background: url(../img/menu_bg.jpg) repeat-x top left;

}

#mainmenu li {
	float: left;
}



#counter {
	background: #FFF;
	color: #000;
}

#cse-search-box {
	position: absolute;
	top:7px;
	right:30px;
}

#cse-search-box input.text {
	width: 130px;
}


/*********************************************
container
*********************************************/

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	background: url(../img/bg_container1.jpg) repeat-y top center;
}


#mainarea:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#mainarea { 
	display: inline-block; 
}
/* exlude MacIE5 \*/
* html #mainarea{ height: 1% }
#mainarea {display:block;}
/* end MacIE5 */


#wrap {
	float: right;
	width: 780px;
}


/*********************************************
google ads 2009/09/20
*********************************************/
#ads2 {
	padding: 0px 0 0px 0;
	width: 160px;
	height: 600px;
}


/*********************************************
main
*********************************************/

#main {
	width: 540px;
	padding: 10px 0 0 0;
	float: left;
}

#topicpath li {
	display: inline;
}

#topicpath {
	height: 20px;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
	background: url(../img/icon_topic.gif) no-repeat center left;
}



/*************新着情報 横並び***************/
#news dl.scroll {
	overflow: scroll;   /* スクロール表示 */
	width: 540px;
	height: 200px;
}

#news  {
	margin: 20px 0 20px 0;
}

#news dl {
	width: 540px;
	padding: 0 0 1px 0;
	background: url(../../img/news_line_under.gif) repeat-x bottom left;
}

#news dl a {
	text-decoration: underline;
}

#news dl a:hover {
	color: #F00;
}

#news dt {
	float:left;
	width:6em;
	line-height: 30px;
	padding: 0 0 0 2em;
	background: url(../../img/news_line.gif) repeat-x bottom left;
}



#news dd {
	margin-left:8em;
	line-height: 30px;
	background: url(../../img/news_line.gif) repeat-x bottom left;
}

.banner {
	text-align: center;
}


#main .demo {
	border: #000 solid 2px;
	margin: 20px 0 0 0;
	background: #FF5000;
	width: 536px;
	height: 200px;
}

#main .demo_right {
	float: right;
}

#main .demo_left {
	float: left;
	width: 200px;
	height: 200px;
}

#main .demo_char {
	/*text-align: center;*/
	line-height: 25px;
}

#main .demo_char a{
	width: 324px;
	color: #00F;
	display: inline-block;
	padding: 0px 0px 0 8px;
}

#main .demo_char a:hover {
	text-decoration: underline;
}
/**********************************
rank ここから
**********************************/

.rank_all {
	padding: 20px 0 20px 0;
}

.rank {
	padding: 10px 0 30px 0;
}

.rank_name {
	width:540px;
	height: 50px;
	/*background: url(../../img/rank_cache_cyber.gif) no-repeat top left;*/
	position: relative;
}
 
.rank_name img {
	position: absolute;
	top: 10px;
	right: 8px;
}

/**********************************
rank design
**********************************/
.rank_detail_center {
	padding: 0px 12px 0px 12px;
	background: url(../img/rank_detail_bg.gif) repeat-y top left;
}

.rank_detail_upper {
	height: 6px;
	background: url(../img/rank_detail_bg_upper.gif) no-repeat top left;
	overflow: hidden;
}

.rank_detail_upper hr {
	visibility:hidden;	
}

.rank_detail_lower {
	background: url(../img/rank_detail_bg_lower.gif) no-repeat top left;
	height: 6px;
	overflow: hidden;
}

.rank_detail_lower hr {
	visibility:hidden;
}
	

/**********************************
rank_内容調整
**********************************/
.rank_detail_center a{
	text-decoration: underline;
}

.rank_detail_center a:hover{
	color: #F00;
}

.rank_detail_center p {
	padding: 0 0 5px 0;
	font-size: 13px;
	font-weight: bolder;
	border-bottom: #AD0063 2px solid;
}

.rank_detail_center span {
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0 10px;F
}


.rank_detail_center dl.corp_info {
	width: 506px;
	background: none;
	border: none;
}


.rank_detail_center ul {
	width: 331px;
	padding: 5px 0 5px 5px;
	border: #AD0063 2px solid;
	background: #FFF;

}

.corp_navi:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.corp_navi { 
	display: inline-block;
	width: 516px;
	padding: 10px 0 10px 0;
}
/* exlude MacIE5 \*/
* html .corp_navi{ height: 1% }
.corp_navi {display:block;}
/* end MacIE5 */


.corpimg {
	width: 165px;
	padding: 0 0 10px 0;
	text-align: center;
	float: right;
}

.corp_navi ul {
	float: left;
}



.rank_detail_center dl {
	padding: 5px 5px 0px 5px;
	border: #AD0063 2px solid;
	background: #FFF;
	margin: 0 0 10px 0;
}

.rank_detail_center dd {
	padding: 0 0 5px 0;
}

.rank_detail_center table {
	width: 516px;
	background: #AD0063;
	margin: 0 0 10px 0;
}
	
.rank_detail_center th {
	width: 88px;
	line-height: 18px;
	background: #FFD0FF;
}


.rank_detail_center td {
	line-height: 18px;
	text-align: center;
	color: #F00;
	font-weight: bolder;
	background: #FFF;
}

	
.btn_shiryo {
	padding: 0 0 4px 0;
}	
	
	
.rank_all p.page_mov {
	text-align: right;
	padding:0 0 0 0;
	margin: 0 0 20px 0;
}

.rank_all p.page_mov a {
	padding:5px 0 5px 25px;
	text-decoration: underline;
	background:  url(../img/page_move.gif) no-repeat center left;
}
	
.rank_all p.page_mov a:hover {
	color: #F00;
}
/*********************************************
subarea200
*********************************************/
#subarea200 {
	width: 200px;
	padding: 10px 20px 0 20px;
	float: right;
}

#rank {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	background: url(../img/rankimg_under.gif) no-repeat bottom left;
}

#rank li{
	height: 25px;
	line-height: 25px; /*text上下センター揃えにするテクニック(heightと同じ高さにする※１行でしか使えない)*/
	margin: 0 0 -1px 0;
	border: #AD0063 solid 1px;
	background: #FFF;
}

#rank li img {
	float: left;
	padding: 0 10px 0 5px;
}



#rank a {
	display:block;
	height:24px;
	font-size:14px;
}

#rank a:hover {
	background: url(../img/rank_on.gif) no-repeat center left;
	height:25px;
	text-decoration: none;
}

#news200 {
	margin: 20px 0 20px 0;
}


#publish_list {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	background: url(../../shared/img/rankimg_under.gif) no-repeat bottom left;
}

#publish_list li{
	height: 25px;
	line-height: 25px; /*text上下センター揃えにするテクニック(heightと同じ高さにする※１行でしか使えない)*/
	margin: 0 0 -1px 0;
	border: #AD0063 solid 1px;
	background: #FFF;
}

#publish_list li img {
	float: left;
	padding: 0 10px 0 5px;
}

#publish_list a {
	display:block;
	height:24px;
	font-size:14px;
	padding: 0 0 0 5px;
}

#publish_list a:hover {
	background: url(../../shared/img/rank_on.gif) no-repeat center left;
	height:25px;
	text-decoration: none;
	padding: 0 0 0 10px;
}

/*********************************************
subarea160
*********************************************/
#subarea160 {
	float: left;
	padding: 10px 20px 0 20px;
}

#subarea160 ul {
	padding: 20px 0 10px 0;
}

#subarea160 li {
	padding: 0 0 10px 0;
}

#glossary {
	width: 160px;
	padding: 20px 0 15px;
	background: url(../img/glossaryimg_under.gif) no-repeat bottom center;
}

#glossary dd {
	height: 25px;
	text-align: center;
	line-height: 25px; /*text上下センター揃えにするテクニック(heightと同じ高さにする※１行でしか使えない)*/
	margin: 0 0 -1px 0;
	background: url(../img/glossary_waku.gif) no-repeat center center;
}

#glossary a {
	display:block;
	width:158px;
	height:24px;
	font-size:14px;
	text-decoration: none;
}

#glossary a:hover {
	width:158px;
	height:24px;
	background: url(../img/glossary_wakuON.gif) no-repeat top left;
	text-decoration: none;
}

/*********************************************
footer
*********************************************/
#footer {
	border-top: #750D41 3px solid;
	width: 940px;
	padding: 5px 20px 10px 20px;
}

#footer dt {
	padding: 5px 0 5px 15px;
	background: url(../img/icon_topic.gif) no-repeat center left;
}

#footer dd {
	line-height: 1.3em;
	font-size: 11px;
}

#footer p {
	text-align: center;
}

div#footer ul.link {
	width: 940px;
	height: 1.4em;
	color: #999;
	border-left: #999 solid 1px;
	clear: both;
	margin: 10px 0 10px 0;
}

div#footer ul.link li {
	color: #999;
	border-right: #999 solid 1px;
	display: inline;
	float: left;
	padding: 0 5px 0 5px;;
}