/H*---------------------------------------------------
                       common.css  2011.04.27
                       update      2011.08.03
---------------------------------------------------*/

/*---------------------------------------------------
reset
---------------------------------------------------*/
html {
  min-width: 990px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

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

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

p,ul li{
	line-height: 1.5;
}

/*---------------------------------------------------
general-setting
---------------------------------------------------*/
.block01{
	margin-bottom: 20px;
}

.block02{
	margin-bottom: 10px;
}

.block03{
	margin-bottom: 30px;
}

.block04{
	margin-bottom: 5px;
}

.float_L{
	float: left;
}

.float_R{
	float: right;
}

/*---------------------------------------------------
clearfix
---------------------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*---------------------------------------------------
default-font-setting
---------------------------------------------------*/
body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #333333;
}

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

a:hover{
	color: #CA0002;
	text-decoration: none;
}


/*---------------------------------------------------
header
---------------------------------------------------*/
#header{
	background: #CA0002;
	color: #FFFFFF;
}

.header_wrap{
	width: 980px;
	margin: 0 auto;
}


/*
map
---------------------------------------------*/
.map{
	padding-top: 5px;
}

.map p{
	font-size: 10px;
	text-align: right;
}

.map p img{
	vertical-align: middle;
	margin-right: 3px;
}

.map a{
	color: #FFFFFF;
}

.map a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/*
wrap
---------------------------------------------*/
.header_middle{
	margin-left: 385px;
}
/*
logo
---------------------------------------------*/
.header_logo{
	width: 240px;
	padding: 13px 0;
	padding-bottom: 15px;
	float: left;
}


/*
search
---------------------------------------------*/
.search{
	width: 320px;
	text-align: right;
	float: right;
	margin-top: 16px;
}

.search_text{
	height:14px;
	margin:0;
	padding:3px;
	width:200px;
}
.search_text input{
	font-size: 12px;
}

.search_btn{
	background:url('/images/cnn/common/btn_search.gif') no-repeat scroll 0 0 transparent;
	width:49px;
	height:25px;
	overflow:hidden;
	padding:0;
	border: none;
	text-indent:-9999px;
}


/*
global_menu
---------------------------------------------*/
#nav_menu{
	background: #B60002;
	border-bottom: 7px solid #E5E5E5;
}

#nav_menu ul{
	width: 980px;
	margin: 0 auto;
}

#nav_menu ul li{
	font-size: 14px;
	float: left;
	border-right:1px solid #CA0002;
}

#nav_menu ul li a{
	color: #FFFFFF;
	font-weight: bold;
	width: 95px;
	padding-top: 4px;
	height: 23px;
	display: block;
	text-align: center;
	border-right:1px solid #990000;
	overflow: hidden;
}


#nav_menu ul li#home{
	border-left:1px solid #990000;
}

#nav_menu ul li#home a{
	border-left:1px solid #CA0002;
}

#nav_menu ul li strong a{
	color: #CA0002;
	background: url('/images/cnn/common/bg_nav_on.gif') repeat-x 0 scroll;
}

#nav_menu ul li a:hover{
	background: #990000 none;
	color: #FFFFFF;
}


/*---------------------------------------------------
container
---------------------------------------------------*/
#container{
	width: 990px;
	margin: 0 auto;
}

.container_wrap{
	padding-bottom: 20px;
}

#contents_l{
	float: left;
	width: 620px;
	margin-left: 5px;
	_display: inline;
}

#contents_r{
	float: right;
	width: 350px;
	margin-right: 5px;
	_display: inline;
}


/*
ad_large
---------------------------------------------*/
.ad_large{
	text-align: center;
	margin: 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #B3B3B3;
}


/*
contents_l elements-setting
---------------------------------------------*/
/*----------breadcrumbs----------*/
.breadcrumbs{
	font-size: 12px;
	margin-bottom: 15px;
}

.breadcrumbs ul li{
	float: left;
	background: url('/images/cnn/common/arrow_breadcrumbs.gif') 0 50% no-repeat;
	margin-right: 7px;
	padding-left: 10px;
	line-height: 1;
}

.breadcrumbs ul li.home{
	background: none;
	padding-left: 0;
}

/*----------タイムスタンプ----------*/
.updatetime{
	font-size: 12px;
	margin-bottom: 3px;
}

/*----------カメラ・ビデオアイコン----------*/
.ico_img{
	margin-left: 5px;
	vertical-align: middle;
}



/*----------テキストAD----------*/
.ad_text{
	font-size: 12px;
}

.ad_text p{
	background:url('/images/cnn/common/arrow_red02.gif') no-repeat scroll 0 50% transparent;
	padding:0 0 0 15px;
	margin-bottom: 0;
}

.ad_text_resource{
	font-size: 12px;
}
.ad_text_resource p{
/**	background:url('/images/cnn/common/arrow_red02.gif') no-repeat scroll 0 50% transparent; **/
/**	padding:0 0 0 15px; **/
	margin-bottom: 0;
	margin-left: -18px;
	font-weight:bold;
}
.ad_text_resource p a{
	background:url('/images/cnn/common/arrow_red02.gif') no-repeat scroll 0 50% transparent;
	padding:0 0 0 15px;
	text-decoration: none;
}
.ad_text_resource p a:hover{
	text-decoration: underline;
}

/*----------インタレストマッチ----------*/
.ad_interestmatch{
	border: 1px solid #B3B3B3;
	padding: 10px;
	font-size:12px;
}

.ad_interestmatch ul{
	margin-left: 15px;
}

.ad_interestmatch ul li{
	list-style-image: url('/images/cnn/common/arrow_gray01.gif');
	margin-bottom: 10px;
}

.ad_interestmatch span.title{
	font-weight: bold;
}

.ad_interestmatch span.host{
	color: #478519;
}

.ad_interestmatch a:hover span.host{
	color: #9BC47C;
}

.ad_about{
	margin:10px 0 0 0;
	text-align:right;
	color: #666666;
}

.ad_about a{
	color: #666666;
}

.ad_about a:hover{
	color: #CCCCCC;
}


/*----------楽天----------*/
.ad_rakuten_wrapper{
	margin: 0;
	padding: 5px 0 1px 0;
	background: #E4E4E4;
}

.ad_rakuten_3columnbox{
	background: url('/images/cnn/common/adsense-3columnbox-bg.gif') 5px 0 no-repeat;
	margin: 0 0 5px 0;
}

.ad_rakuten{
	width: 190px;
	margin-left: 5px;
	padding:5px;
	float: left;
	display:inline; /*For IE6*/
}


.ad_rakuten img{
	border: 1px solid #CCCCCC;
	float: left;
	padding: 2px;
}

.ad_rakuten p{
	width: 97px;
	float: left;
	font-size: 12px;
	margin-left: 4px;
	line-height: 1.3;
}

.ad_rakuten p a{
	font-weight: bold;
}


*html .ad_rakuten_wrapper{
	padding: 5px 0 5px 0;
}

*+html .ad_rakuten_wrapper{
	padding: 5px 0 5px 0;
}

.ad_rakuten_about{
	color:#666666;
	margin:5px 0 20px;
	text-align:right;
	font-size: 12px;
}



/*
contents_r elements-setting
---------------------------------------------*/
.ad_rect{
	margin-bottom: 10px;
	text-align: center;
	background: #EBEAEA;
}


/*----------一覧へリンク----------*/


/*----------H2----------*/
#contents_r .h2_wrap_top{
	background: url('/images/cnn/common/bg_contr_h2_top.gif') no-repeat 0 0;
	padding-top: 4px;
}

#contents_r .h2_wrap_btm{
	background: url('/images/cnn/common/bg_contr_h2_btm.gif') no-repeat 0 bottom;
	padding: 2px 5px 5px 5px;
}

#contents_r .h2_wrap_top .cont_title{
	border-left: 4px solid #B60002;
	padding-left: 5px;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}


/*----------ボックス----------*/
#contents_r .news_box{
	border: 1px solid #B3B3B3;
	border-top: none;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 12px;
}

/*----------PR----------*/
#contents_r .pr h3 span{
	width: 80px;
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 5px;
	text-align: center;
	position: static;
}

.pr h3{
	font-weight: bold;
}

/*----------タイアップ----------*/
.tieup img{
	float: left;
	margin: 0 5px 0 0;
	padding: 5px;
}

.tieup h3{
	font-weight: bold;
}

/*----------編集部セレクト----------*/

#contents_r span{
	position:absolute;
	right:3px;
	font-weight: normal;
}

#contents_r .blank{
	padding-left: 10px;
	background:url('/images/cnn/common/arrow_gray01.gif') no-repeat 0 50%;
}
.select_box{
	border: 1px solid #B3B3B3;
	border-top: none;
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 12px;
}

ul.select li{
	width: 103px;
	float: left;
	margin-left: 10px;
}

*html ul.select li{
	margin-left: 7px;
}

ul.select li p img{
	margin-bottom: 3px;
	width: 103px;
}

.select_box .select_ttl{
	margin-bottom: 5px;
}


/*----------特集----------*/
#contents_r .sp p{
	width: 140px;
	float: left;
	padding: 5px 0 2px 23px;
	background: url('/images/cnn/common/arrow_red01.gif') no-repeat 5px 7px;
}

#contents_r .sp p.apple{
	background: url('/images/cnn/common/ico_apple.gif') no-repeat 0 3px;
}

#contents_r .sp p.worldcup{
	background: url('/images/cnn/common/ico_worldcup.gif') no-repeat 0 3px;
}

#contents_r .sp p.worldwide{
	background: url('/images/cnn/common/ico_worldwide.gif') no-repeat 0 3px;
}

#contents_r .sp p.personal{
	background: url('/images/cnn/common/ico_personal.gif') no-repeat 0 3px;
}

#contents_r .sp p.royalwedding{
	background: url('/images/cnn/common/ico_royalwedding.jpg') no-repeat 0 3px;
}


#contents_r ul.sp_list li {
	background:url("/images/cnn/common/arrow_red01.gif") no-repeat scroll 0 3px transparent;
	float:left;
	margin-bottom:5px;
	padding-left:10px;
	width:150px;
}

/*----------コレ読んだ？----------*/



/*----------ホットスポット----------*/
#contents_r ul.hotspot_list li{
	background: url('/images/cnn/common/arrow_gray01.gif') no-repeat 0 3px;
	margin-bottom: 5px;
	padding-left: 15px;
	width: 140px;
	float: left;
}
/*----------CNNからのご案内----------*/
#contents_r .cnn_info{
	background: url('/images/cnn/common/bg_contr_h2_cnn_info.gif') no-repeat 0 0;
	padding: 5px 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.cnn_service_box{
	border: 1px solid #B3B3B3;
	border-top: none;
	padding: 10px;
	font-size: 12px;
}

ul.cnn_service_list li{
	width: 160px;
	float: left;
	text-align: center;
	color: #666666;
	font-size: 10px;
	margin-left: 2px;
}

ul.cnn_service_list li img{
	margin-bottom: 5px;
	display: block;
}

ul.sns_list li{
	_display: inline;
	width: 105px;
	float: left;
	margin-bottom:4px;
}

ul.sns_list li img{
	margin-right: 5px;
	vertical-align: middle;
}



/*---------------------------------------------------
pageup
---------------------------------------------------*/
.pageup{
	width: 980px;
	margin: 0 auto;
}

.pageup p{
	background: url('/images/cnn/common/arrow_gray03.gif') no-repeat 0 50%;
	font-size: 10px;
	display:inline;
	margin-top: 10px;
	padding-left: 15px;
	float: right;
}



/*---------------------------------------------------
footer
---------------------------------------------------*/
#footer{
	background: #E2E2E2;
	margin-top: 5px;
	font-size: 12px;
}

.footer_wrap{
	width: 980px;
	margin: 0 auto;
	padding: 10px 0px;
}

.footer_l{
	float: left;
	width: 800px;
}

.footer_r{
	float: right;
	width: 140px;
	margin-top: 25px;
}

.footer_l dl{
	margin-bottom: 7px;
}
.footer_l dt{
	float:left;
	min-width:120px;
}

*html .footer_l dt{
	width:120px;
}

.footer_l dd{
	border-right:1px solid #333333;
	float:left;
	padding:0 5px;
}

.footer_l dd.section{
	padding:0;
	border: none;
}

.footer_l dd.no_border{
	border: none;
}



/*---------------------------------------------------
debug
---------------------------------------------------*/
.debug_title{
  width: 45px;
  background-color: #007f00;
  border: 1px solid: #004c00;
  padding: 5px;
  color: #FFF;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
}

.debug_log{
  background-color: #0080c0 !important;
}

.debug_content{
  background-color: #FFF;
  border: 1px solid #CCC;
  margin-top: 5px;
  padding: 3px;
}

.debug_params dd{
  margin: 0;
}

.debug_params label{
  width: 75px;
  display: inline-block;
}

.sql_query{
  background-color: #F6F6F6;
  margin-bottom: 5px;
  padding: 3px;
}

.sql_query label{
  display: inline-block;
  width: 150px;
}



/*----------BPN----------*/
#contents_r .bpn_info .bpn_title{
	padding: 0;
}


#contents_r .bpn_box{
	border: 1px solid #A32700;
	border-top: none;
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 10px;
}

#contents_r ul.bpn_list li{
	background: url('/images/cnn/common/list_red01.gif') no-repeat 0 3px;
	padding-left: 8px;
	width: 145px;
	float: left;
	font-size: 10px;
	line-height: 1;
}

.bpn_about{
	margin:0;
	background:url('/images/cnn/common/arrow_red01.gif') no-repeat 0 50%;
	display: inline;
	padding-left: 10px;
	float: right;
}

.emergency h2 a{
  color: red !important;
}

/* amazon affiliate @start */
.amazon_product {
  width: 400px;
  margin: 5px auto;
  padding: 5px 15px;
  border: 1px solid #CCC;
}
.amazon_product span.headline {
  font-weight: bold;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #CCC;
  font-size: 0.8em;
}
.amazon_product img {
  float: left;
  margin: 0 10px 5px 0;
}
.amazon_product span.property {
  margin: 0 10px 0 0;
  font-size: 0.8em;
  line-height: 1.0em;
}
.amazon_credit{
  text-align: right;
  float: right;
  padding:20px 0px 0px 0px;
  font-size: 0.7em;
}
/* amazon affiliate @end */
/* re-source @start */
.resource_info, .resource_title {
	padding: 0;
}
.resource_box {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color #3ACC02 #3ACC02;
	border-right: 1px solid #3ACC02;
	border-style: none solid solid;
	border-width: medium 1px 1px;
	font-size: 10px;
	margin-bottom: 10px;
	padding: 3px 10px;
	min-height: 1px;
}
ul.resource_list li {
	margin:0;
	padding:0;
	background: url("/images/cnn/common/list_green01.gif") no-repeat scroll 0 3px transparent;
	float: left;
	font-size: 10px;
	line-height: 1;
	padding-left: 8px;
	width: 145px;
}
/* re-source @end */