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

@important url('reset.css');

/*======================================================
	Reset default style
=======================================================*/

* {margin: 0px; padding: 0px; line-height:170%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px;}
em {visibility: hidden; font-size: 10px;}
ul {list-style: none;}
img {border: none;}
h1, h2, h3, h4, h5 {font-weight:normal; font-size: 14px; color:#080808;}

/*======================================================
	counter measure for bug
=======================================================*/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 

/*======================================================
	site_style
=======================================================*/

html{
	background:url(_image/footer_bg.gif) repeat-x 0 bottom;}

body{
	background:url(images/header_bg.gif) repeat-x;}
	
#wrapper{
	color:#444948;
	width:950px;
	margin:0 auto;}
	
#logo-box{
	border:#CCCCCC solid 1px;
	padding:3px 0 0;
	margin:0 0 10px;
	text-align:center;}
	
	
#logo-box img{
	margin:0 12px;}
	
	
	
.comp-point{
	margin:20px 0 10px;
	border:#CCCCCC 1px solid;
	padding:5px;}
	
.comp-point h3{
	color:#006699;
	font-weight:bold;
	padding:10px 0 ;
	margin:0 0 0 10px;}
	
.comp-point p{
	margin:0 0 0 10px;}
	
	
.escape{
	border:none;
	padding:0;
	margin:0;}
	
.date{
	font-size:10px;
	margin:0 0 0px;
	color:#009900;
	display:block;
	line-height:140%;}
	
a{color:#333333;}
a:hover{text-decoration:none; color:#999999;}	

.block{
	display:block;}
	

	
.side_banner img{
	display:block;
	margin:0 auto 10px;}
	
.block_banner{
	display:block;
	margin:0 auto 10px;}
	
#breadcrumb li{
	float:left;
	padding:0px 5px 5px 0;}
	
#header{}
	
#page-title{
	padding:5px 0 2px;
	color:#FFFFFF;
	font-size:14px;}
	
#page-title a{
	padding:5px 0 2px;
	color:#FFFFFF;
	font-size:14px;}

#logo{
	float:left;
	width:209px;}
	
#addclip{
	float:left;
	width:270px;
	padding:35px 0 0;
	text-align:center;}
	
#headbanner{
	float:left;
	width:468px;
	padding:10px 0 0;}

#gn{
	margin:0 0 10px;}


#gn li{
	background:url(images/gn_separate.gif) no-repeat right 0;
	float:left;
	line-height:0;
	padding:8px 26px 6px;}
	
#gn li a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;}
	
#gn li a:hover{text-decoration:underline;}
	
#gn .st{
	padding:8px 31px 6px 0px;}
	
#gn .lst{
	padding:8px 31px 6px 31px;
	background:none;}
	
	
#wide{
	width:690px;
	float:left;}
	
#side{
	width:240px;
	float:right;}
	
#footer_wrap{
	background:url(images/footer_bg.gif) repeat-x;
	height:101px;
	padding:10px 0;}
	
#footer{
	color:#ffffff;
	width:950px;
	margin:0 auto;}
	
	
#footer ul{
	float:right;
	width:152px;}
	
#footer li{
	padding:2px 0 2px 5px;
	margin:2px 0;
	width:140px;}
	
#footer a{
	text-decoration:none;
	color:#ffffff;}
	
	
#footer #copy{
	float:left;
	width:300px;}
	
	
#adsense{
	text-align:left;
	margin:10px auto;
	padding:15px;
	width:50%;
	border:#CCCCCC 1px solid;}
	
#page-top{
	margin:10px 0;
	text-align: right;
	padding:0 10px 0 0;}
	
.re_list{
	text-align:right;
	padding:0 10px 10px 0;}
	
/******     トップページ　コンテンツボックス　　*********************************************************/


#monthly{
	border:#CCCCCC solid 1px;
	padding:10px;
	width:655px;
	margin:0 auto 15px;}

#monthly dt{
	color:#006699;
	font-weight:bold;}
	
#monthly dt,#monthly dd{
	padding:0 0 0 5px;}
	
#monthly dl{
	margin:10px 0;}

.cots-box{
	margin:0 0 10px;}

.cots-box .cots-title{
	background:url(images/contents_head.gif) no-repeat;
	color:#FFFFFF;
	font-size:12px;
	padding:2px 0 0 5px;}
	
.cots-box #cots-head{
	border:#CCCCCC solid;
	border-width:0 0 1px;
	padding:5px 0;
	margin:0 0 10px;}
	
.cots-box #cots-img-title{
	margin:0 0 0px;
	padding:10px 0 10px 5px;
	width:365px;}
	
.cots-box #page-description{
	padding:0;
	margin:0;}
	
.cots-box .inner{
	border:#CCCCCC solid 1px;
	padding:5px;
	margin:1px 0 0;}
	
#start ul{
	background:#E5E2CF;
	padding:0 5px 0px;}
	
#start li{
	float:left;
	width:200px;
	padding:0 0 0 17px;
	}
	
#start .cots-box .inner li dt{
	text-align:center;}
	
.comp-btn{
	background:url(images/intro_img13.gif) -1px 0 no-repeat;
	padding:13px 0 0 179px}
	
#top_select_m h2{
	padding:10px 0 5px;
	margin:0px 0 5px;
	border:#CCCCCC solid;
	border-width:0 0 1px;}
	
#top_select_m h3{
	padding:5px 0;}
	
	
#top_select_m .cots-header{
	padding:0 0 5px;}
	


	
	
/******     更新情報　　*********************************************************/
#routine .left{
	float:left;
	width:332px;
	border:#CCCCCC 1px solid;}
	
#routine .right{
	float:right;
	width:332px;
	border:#CCCCCC 1px solid;}
	
#routine dd{
	width:327px;
	height:150px;
	overflow:auto;
	padding:0;
	margin:0 0 5px;}
	
#routine dt{
	text-align:center;
	line-height:0;}
	
#routine li{
	border:dotted #CCCCCC;
	border-width:0 0 1px;
	padding:0px 0 5px;
	margin:0 0 5px;}
	
#routine li span{
	font-size:10px;
	margin:0 0 0px;
	color:#009900;
	display:block;
	line-height:140%;}
	
#routine ul{
	margin:0 0 5px;
	padding:0 5px 0px;}
	
/******     ランキング　　*********************************************************/

#rank{
	position:relative;}

#rank .cots-header{
	margin:15px 0;
	width:280px;}
	
#rank #select{
	padding:0 0 10px;}
	
#rank #rank-condition li{
	float:left;
	line-height:0;}
	
#rank #rank-condition{
	background:url(_image/condition_bg.gif) no-repeat left bottom;
	padding:0 0 10px;}
	
#rank #select img{
	float:left;
	display:block;}
	
#rank #select ul{
	float:right;
	width:248px;
	padding:20px 10px 21px 48px;
	background:url(images/jouken_bg.gif) no-repeat;}
	
#rank #select li{
	width:95px;
	line-height:0;
	float:left;
	padding:0 0 0 20px;
	background:url(images/li_icon.gif) no-repeat 0 50%;
	padding:0 0 0 20px;}
	
.rank-box{
	margin:0 0 20px;}
	
.rank-box .num{
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	padding:28px 0 20px 73px;}
	
.rank-box .num a,.rank-box .rank00 a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:19px;
	line-height:103%;}
	
	
/******************************************************/
/*　ランキングナンバー　*/

.rank-box .rank00{
	background:#707070;
	padding:5px 10px;
	margin:0 0 10px;}
	
.rank-box #rank01{
	background:url(images/rank_01.gif) no-repeat;}
	
.rank-box #rank02{
	background:url(images/rank_02.gif) no-repeat;}
	
.rank-box #rank03{
	background:url(images/rank_03.gif) no-repeat;}
	

	
/******************************************************/
	
.rank-box .banner{
	width:240px;
	float:left;
	text-align:center;}
	
.rank-box .detail{
	float:right;
	width:410px;
	padding:0 10px 0 0;}
	
.rank-box .detail table{
	border-collapse:collapse;
	border:#CCCCCC solid;
	border-width:0 0 1px 1px;
	width:100%;}
	
.rank-box .detail td{
	border:#CCCCCC solid;
	border-width: 1px 1px 0 0;
	padding:5px;}
	
.rank-box dt{
	font-size:16px;
	font-weight:bold;
	color:#CC0000;}
	
.rank-box .ttl{
	background:#F4EAC3;}
	
	
.rank-box .btn_group{
	margin:15px 0;}
	
/******     サイド　コンテンツボックス　　*********************************************************/

.sidecots-box{
	padding:5px;
	background:#e5e2cf;
	margin:0 0 10px;}
	
.sidecots-box dl{
	background:#FFFFFF;}

.sidecots-box dt{
	font-weight:bold;
	font-size:12px;}
	
.sidecots-box dd{
	padding:5px;}
	
.sidecots-box .inner{
	border:#CCCCCC solid 1px;
	padding:5px;
	margin:1px 0 0;}
	
	
.twtr-widget h3,.twtr-widget h4{
	color:#ffffff;}
	
#s_comp-list{
	padding:5px 0 0;}
	
#s_comp-list img{
	display:block;
	margin:0 auto;}
	
#s_comp-list li{
	background:url(images/mini-arrow.gif) no-repeat 0 50%;
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:5px 0 5px 14px;
	margin:5px auto 5px;
	width:86%;}
	
/* 20110113削除
#s_comp-list p{
	border:#CCCCCC dotted;
	border-width:0px 0 1px;
	padding:5px 0 5px;
	margin:5px auto 5px;
	width:90%;}
	
	*/
	
/******    比較コンテンツ　　*********************************************************/
#rank h4{
	background:url(images/hikaku_icon.gif) no-repeat 0px 50%;
	border:#CCCCCC dotted;
	border-width:0 0 1px 0;
	padding:5px 0 5px 37px;
	font-weight:bold;
	color:#666666;
	font-size:25px;
	margin:0 0 10px 0;}
	
.rank-box .comp-name,.rank-box .comp-name a{
	font-weight:bold;
	font-size:14px;
	padding:8px 3px 6px 40px;
	margin:0 0 10px;
	border:#CCCCCC 1px solid;
	background:url(images/hikaku_title.gif) no-repeat 0 -8px;}
	
.rank-box .comp-name a{
	background:none;
	padding:0;
	border:none;}
	
/******   News　　*********************************************************/
#news dt{
	font-size:20px;
	font-weight:bold;
	color:#666666;
	}
	
#news dd{
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:0 0 3px;
	margin:0 0 3px;}
	
#news span{
	font-size:10px;
	color:#6D9926;
	margin:0 10px 0 0;}
	
#news h3{
	font-size:20px;
	font-weight:bold;
	padding:5px 0 0px;}
	
#news p{
	padding:5px 10px 7px;
	margin:0 0 5px;}
	
#news_head{
	background:url(images/news_ttl_bg.gif) repeat-x;
	padding:0 10px 10px;}
	
#master-comment{
	background:#F7F7F7;
	border:#CCCCCC solid 1px;
	padding:10px;}
	
#s_news dl{
	padding:5px;}
	
#s_news dt{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	}
	
#s_news dd{
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:0 0px 3px 10px;
	margin:0 0 3px;}
	
#s_news span{
	font-size:10px;
	color:#6D9926;
	margin:0 10px 0 0;
	display:block;}
	
/******   ＣＦＤはじめての方へ　　*********************************************************/
#beginer .left{
	float:left;
	width:245px;}
	
#beginer .right{
	float:right;
	display:block;}
	
#beginer dt{
	font-size:16px;
	font-weight:bold;
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:5px 0 5px 26px;
	background:url(images/icon_disc.gif) no-repeat 0 50%;}
	
#beginer dd{
	padding:10px 0;}
	
#beginer .box{
	padding:0 0 20px;
	margin:0 0 30px;}
	


/******   用語集　　*********************************************************/
#yougo .answer_txt{
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:5px 0 5px 30px;
	margin:0 0 10px;
	display:block;
	background:url(images/icon_disc.gif) no-repeat 0 50%;}
	
#yougo .answer_txt a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;}
	
	
/******   ブラジル　　*********************************************************/
#brazil #cots-img-title{
	padding:0;
	width:100%;
	padding:0 0 5px;}
	
#brazil .left{
	width:420px;
	float:left;}
	
#brazil .right{
	float:right;
	display:block;
	margin:0 auto;
	padding:10px 10px 0 0;}
	
#brazil h3{
	background:url(images/icon_disc.gif) no-repeat 0% 50%;
	padding:3px 0 3px 30px;
	font-size:16px;
	font-weight:bold;
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	margin:0 0 5px;}
	
#brazil .left ul{
	background:none;}
	
#brazil .left li{
	padding:0 0 20px 10px;
	float:none;
	background:none;
	width:100%;}
	
#brazil .left p{
	padding:0 20px 10px 0;}
	
#brazil table{
	border:#CCCCCC solid;
	border-width:0 0 1px 1px;
	margin:10px 0;
	border-collapse:collapse;}
	
#brazil td{
	border:#CCCCCC solid;
	border-width: 1px 1px 0 0;
	padding:5px;}
	
/*----------------------------------------------------------------------書籍紹介ページTOP-----*/

#book .book_box{
	margin:0 0 50px;}

#book h3{
	padding:10px 0 10px 10px;}

#book h4{
	background:url(images/icon_disc.gif) no-repeat 0 50%;
	padding:10px 0px 6px 25px;
	margin:0 0 10px;
	border:#CCCCCC dotted;
	border-width:0 0 1px;}
	
#book .left{
	float:left;
	width:35%;
	padding:0 0 0 10px;}
	
#book .left img{
	display:block;
	margin:0 auto;}
	
#book .right{
	float:right;
	width:57%;
	padding:0 10px 0 0;}
	
#book .right p{
	margin:0 0 10px;}
	
#book .right .moreBtn img{
	display:block;
	clear:both;
	margin:20px auto 10px;}

#book .right .moreBtn:hover{
	background:url(images/book_more_btn_on.gif) no-repeat;}
	
#book .clearfix{
	margin:0 0 10px;}
	
#book #book_list{
	width:300px;
	margin:0 auto;}
	
#book #book_list li{
	float:left;
	width:60px;
	padding:0 5px;
	margin:0 5px;}
	
#book #book_list a{
	display:block;
	background:none;
	text-indent:0px;
	padding-left:5px;
	width:60px;
	height:15px;
	line-height:15px;
	border:#CCCCCC solid;
	border-width:0 0 0 1px;}

#book .c_copy{
	color:#006600;
	font-size:16px;
	font-weight:bold;}


#side-book{
	margin:0 0 5px;}

#side-book h4{
	background:url(../images/side-book-title.gif) no-repeat;
	font-size:12px;
	width:212px;
	font-weight:bold;
	padding:12px 0 13px 13px;}
	
#side-book h4 a{
	text-decoration:none;
	color:#666666;}
	
#side-book .clear img{
	display:block;
	floa:left;}
	
	
/******   ツイッター　　*********************************************************/
#tweet h3{
	font-size:16px;
	font-weight:bold;
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:5px 0 5px 26px;
	background:url(images/icon_disc.gif) no-repeat 0 50%;}
	
	
#tweet .entry{
	padding:10px;
	margin:10px 0 5px;}
	
	
/******   前後の記事　　*********************************************************/
.navigation{
	padding:10px;
	margin:10px auto;
	width:84%;
	background:none repeat scroll 0 0 #F2F2F2;}
	
.navigation .alignleft{
	float:left;
	width:48%;}
	
.navigation .alignright{
	float:right;
	width:48%;
	text-align:right;}
	
.navigation a{
	font-size:10px;}
	

/******   世界地図　　*********************************************************/
#menu_box ul{
	padding:0;
	background:none;}

#menu_box li{
	float:left;
	line-height:0;
	width:auto;
	padding:0;}

#menu_box li a,#menu_box li img{
	display:block;
	width:auto;}
	
#menu_box dt{
	background:#8CC63F;
	padding:3px 5px;
	font-size:12px;
	font-weight:bold;
	color:#000000;}
	
#menu_box dd{
	padding:5px 0 15px;}
	
#menu_box #commodity li{
	padding:0 10px 0 0;
	width:auto;}
	
/******   佐々木2009.12.09　　*********************************************************/

.qabnr{
background:no-repeat #E5E2CF 470px 100%;
margin-top:5px;
padding:5px 10px;
}

.qabnr p{
margin-top:10px;
}

#routine .qabnr ul{
width:444px;
background:url(images/line_qa.gif) no-repeat 0 100%;
margin-top:10px;
padding-bottom:8px;
}

#routine .qabnr li{
border:none;
background:url(images/ico_qa.gif) no-repeat 0 0.4em;
padding:0 0 0 15px;
margin:0 0 2px;
}

#routine .qabnr a{
margin-left:10px;
letter-spacing:0.1em;
}

#routine .escape{
	height:auto;
	padding:3px 5px;
	text-align:left;}
	
	
/******   FlashArea　　*********************************************************/
#flasharea{
	margin:0 0 0px;}
	
	
/******   初心者用　　*********************************************************/

#beginer-box h3 img{
	display:block;
	padding:0 0 5px;}
	
#beginer-box ul{
	padding:10px;}
	
#beginer-box li{
	border:#CCCCCC dotted;
	border-width:0 0 1px;
	padding:5px 0 5px 20px;
	background:url(../images/begin_subttl.gif) no-repeat 0 50%;}
	
/******   初心者用　　*********************************************************/
#beginrank{
	border:#CCCCCC 1px solid;
	padding:4px;
	margin:0 0 10px;}
	
#beginrank dt{
	margin:0 0 5px;}

#beginrank dd{
	padding:0 15px 15px;}	

#beginrank dd li{
	border:#cccccc dotted;
	border-width:0 0 1px;
	padding:5px 0px 5px 40px;}	
	
#beginrank dd ul{
	margin:0 0 0px;}
	
#beginrank dd #rank01{
	background:url(images/beginrank/beginrank_img01.gif) no-repeat;}

#beginrank dd #rank02{
	background:url(images/beginrank/beginrank_img02.gif) no-repeat;}
	
#beginrank dd #rank03{
	background:url(images/beginrank/beginrank_img03.gif) no-repeat;}
	
	
#beginrank dd a{
	color:#0071BC;
	}
	
.arrow{0
	background: url(images/beginrank/arrow.gif) no-repeat;
	padding:0 0 3px 12px;}
	
	
/******   20110113トップ企業バナー修正　　*********************************************************/

#s_comp-list dt{
	margin-bottom:10px;
	}
#s_comp-list dd{
	width:209px;
	margin-left:5px;
	border:#CCCCCC dotted;
	border-width:0px 0 1px;
	}
#s_comp-list dd a img{
	width:90px;
	margin:10px 10px 0px 0px;
	float:left;
	display:block;
	}
#s_comp-list dd a img.rakuten_link{
	width:46px;
	margin:10px 54px 0px 0px;
	float:left;
	display:block;
	}
#s_comp-list dd a p{
	line-height:0em;
	}
#s_comp-list p{
	padding:0px;
	margin:10px 0px 0px 0px;
	width:109px;
	float:right;}
.clear{
	clear:both;
	}


/******   20110113トップ企業バナー修正　　*********************************************************/
#pickup-side li span{
	font-size:10px;}
	
#pickup-side li strong{
	font-weight:normal;
	color:#FF0000;}
	
	
	
/******   20110120　ピックアップ修正　　*********************************************************/
#wide #pickup-company{
	border:#CCCCCC 1px solid;
	margin:0 10px;}
	
#wide #pickup-company .clearfix{
	padding:0 10px 10px;}
	
#wide #pickup-company .left{
	width:240px;
	float:left;}
	
#wide #pickup-company .right{
	width:390px;
	float:right;}
	
#wide #pickup-company .clearfix dt{
	background:none;
	border:none;
	color:#FF0000;
	text-align:left;}
	
#wide #pickup-company .cots-title{	
	background:#f2f2f2;
	padding:5px;
	color:#000000;}

#wide #pickup-company .comp-title{
	padding:5px 10px 0;}

#wide #pickup-company .comp-title a{
	font-size:18px;
	font-weight:bold;}
	
#wide #comp-list-link{
	text-align:right;
	margin:10px 10px 5px;}
	
#wide #pickup-company p{
	margin:0;}
	
#wide #pickup-company dd,#wide #pickup-company dl{
	margin:0;
	padding:0;
	border:none;}
	
/*----------------松井　インヴァスト-------------*/
#rank .inv{
	border:solid 2px;
	padding-left:5px; 
	border-color:#D6D3A5;
}

#rank .inv_01{
	width:220px;
	padding-top:10px;
	float:left;
}
#rank .inv_01 p{
	font-size:10px;
}

#rank .inv_02{
	padding-right:10px; 
	float:right;
}

#rank .inv_03{
	padding:0 0 5px;
}

#rank .inv_03 a{
	color:#0071BD;
}