/* *********************************************************************************** */
/* (^-^)/:::NEC BIGLOBE コンテンツ広場用CSS:::(^-^)/
/*
/* <<CSS構成>>
/* ◎基本構成用：common/css/default.css,common/css/style.css
/* ◎index.html、contents.html、各コンテンツ一覧、新着一覧用（3カラム)：css/cplaza-style-new-contents.css
/* 　※コンテンツ広場用の個別設定CSS。レイアウトはこのCSS内で行っています。
/* ◎walk,faq.html用（2カラム）：css/cplaza-2-style.css
/*
/* last update：2007/12/18	name:negi
/* *********************************************************************************** */

@import url(cplaza-2-style.css);

/* ************************* */
/*■共通設定*/
/* ************************* */
.xl-bold{
	font-size:110%;
	font-weight:bold;
	padding:5px 0 5px 5px;
}

.sml-gry{
	font-size:90%;
	color:#999999;
	text-align:right;
	padding:0 5px 8px 0px;
}

.float-clear{
	clear:both;
}

#left-box h2,#osusume-area h2,#news-area h2,.ranking h2,.Connection-link h2,#contents-list h2,#banner-area h2,.etc-box h2{
	color:#ffffff;
	background-color:#22A7CE;
	height:19px;
	border-top:3px solid #2ACFFF;
}

#left-box h2 p,#osusume-area h2 p,#news-area h2 p,.ranking h2 p,.Connection-link h2 p,#contents-list h2 p,#banner-area h2 p,.etc-box h2 p{
	padding:1px 0 0 7px;
	border-top:2px solid #ffffff;
}

/* *************************
■ヘッダーデフォルト設定上書き用
************************* */

div#headerComment{
padding:5px 0px 0px 12px;
}

.contentsTopon a:link{
	color:#FFFFFF;
	text-decoration:none
}
.contentsTopon a:visited{
	color:#FFFFFF;
	text-decoration:none
}
.contentsTopon a:hover{
	color:#e60012;
	text-decoration:none
}
.contentsTopon a:active{
	color:#e60012;
	text-decoration:none
}

div#headerComment a:hover{color:#0049ba;text-decoration:none;}


/* *************************
■コンテンツ全体ラップ
************************* */


#contentsContainer{
	width:950px;
}

/* *************************
■左カラム　ナビゲーション
************************* */

#left-box{
	width:200px;
	float:left;
	background-color:#F4F4F4;
}

[id="sidenavi"]#sidenavi {
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}

.contents-btn{
	padding-bottom:10px;
	background-color:#FFFFFF;
}

.genre{
	width:198px;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	padding-bottom:15px;
}

.genre02{
	width:198px;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	padding-bottom:15px;
}


.genre h3,.genre02 h3{
	margin-left:10px;
	margin-top:8px;
	margin-bottom:8px;
	padding-left:15px;
	padding-top:2px;
	background:url(../common/img/genre-icon-orange.gif) center left no-repeat;
}

.genre ul,.genre02 ul{
	list-style-image:url(../common/img/genre-icon.gif);
}

.genre li,.genre02 li{
	font-size:115%;
	margin-top:8px;
	margin-left:35px;
}

.genre-contents-link{
	color:#666666;
	text-align:right;
	margin:15px 5px 10px 0px;
}

.aiueo{
	padding-bottom:10px;
}

.aiueo ul{
	width:160px;
	margin:10px 15px 10px 20px; 
}

.aiueo li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	margin-right:5px;
	text-align:justify;
}


.contents-tolink{
	text-align:right;
	padding-top:10px;
	background-color:#FFFFFF;
}

/* *************************
■中央+右カラム
************************* */


#main-wrap{
	width:750px;
	float:right;
}

/* *************************
■中央カラム　メインコンテンツ
************************* */
#center-area{
	width:430px;
	float:left;
	padding-right:10px;
	padding-left:10px;
	_padding-left:8px;/*IE用調整*/
}

#center-area2{
	width:730px;
	float:left;
	padding-right:10px;
	padding-left:10px;
	_padding-left:8px;/*IE用調整*/
}

#index-center-area{
	width:430px;
	float:left;
	padding-right:10px;
	padding-left:10px;
}

#index-center-area2{
	width:730px;
	float:left;
	padding-right:10px;
	padding-left:10px;
}

#contents-main-image{
	margin-bottom:10px;
}

#osusume-area{
	background-color:#F4F4F4;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	margin-bottom:10px;
	height:100%;
}

.oss-wrap{
	padding:10px 9px 10px 9px;
}

.oss-contents{
	float:left;
	width:198px;
}
.oss-contents02{
	float:right;
	width:198px;
}

.oss-contents,.oss-contents02{
	background-color:#FFFFFF;
	border:1px solid #333333;
}


.oss-contents img,.oss-contents02 img{
	float:left;
	margin-top:5px;
	margin-left:5px;
	height:80px
	width:80px
}

.oss-title-area{
	width:103px;
	height:77px;
	float:right;
	margin-top:8px;
	padding-right:4px;
}

.oss-txt-area{
	line-height:140%;
	margin-left:5px;
}

.oss-txt-area-80px{
	width:104px;
	float:right;
	margin-top:5px;
	padding-right:4px;
}

.oss-txt-area h3{
	margin-bottom:5px;
}

.oss-txt-area-80px h3{
	margin-bottom:5px;
}

.oss-txt-link{
	margin:3px 3px 10px 0;
	text-align:right;
}

#osusume-area address{
	clear:both;
	margin-left:5px;
	margin-bottom:5px;
	color:#999999;
}

/*バナー広告エリア*/
#banner-area{
	width:430px;
	margin-top:10px;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
}

#banner-area h2{
	margin-bottom:10px;
}

#banner-area .contents-banner-box{
	width:200px;
	background-color:#EBECFC;
	margin-bottom:15px;
	margin-left:7px;
	margin-right:7px;
	float:left;
}


/*for IE*/
* html #banner-area .contents-banner-box{
	margin-left:5px;
	margin-right:5px;
}
/*for IE ここまで*/


#banner-area .contents-banner-box img{
	padding:15px 20px 5px 20px;
}

#banner-area .contents-banner-box p{
	text-align:center;
	font-size:0.9em;
	padding-bottom:5px;
}

.contents-banner-box_copy{
	margin-left:5px;
	margin-right:5px;
	font-size:80%;
	color:#777777;
}

/*新着情報一覧が入るボックス*/
#news-area{
	position:relative;
	width:428px;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	margin-bottom:10px;
}


/*　コンテンツ一覧ページ用（contents.html）　*/
/*ジャンル用リストテーブル*/
.cp-contents-table,.cp-contents-table02,.cp-contents-table03{
	margin-left:5px;
	margin-right:5px;
}

.cp-contents-table p,.cp-contents-table02 p,.cp-contents-table03 p{
	text-align:center;
	width:110px;
	background-color:#C1EBFF;
	padding:2px;
	margin-bottom:3px;
	border-right:2px solid #0077B0;
	border-bottom:2px solid #0077B0;
}

.cp-contents-table a,.cp-contents-table02 a,.cp-contents-table03 a{
	display:block;
	width:110px;
}

.cp-contents-table a:hover,.cp-contents-table02 a:hover,.cp-contents-table03 a:hover{
	background-color:#DDF4FF;
}

.cp-contents-table td{
	height:1.5em;
	border-bottom:1px dashed #ADADAD;
	padding-top:7px;
	padding-bottom:4px;

}

.cp-contents-table td.cel01,.cp-contents-table02 td.cel01,.cp-contents-table03 td.cel01{
	padding-left:10px;
	padding-top:9px;
}

/**/
.cp-contents-table02 table{
	margin-top:10px;
	border-top:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
}

.cp-contents-table02 img,.cp-contents-table03 img{
	margin-left:5px;
}

.cp-contents-table02 td,.cp-contents-table03 td{
	height:4em;
	padding-top:1.5em;
	padding-bottom:6px;
}


/**/






#cp-contents-menu li{
	padding-top:8px;
	padding-bottom:8px;
}

#contents-list ul.contents-list-box a{
	margin:0 25px 0 0;
	background-color:#CCCCCC;
	padding:2px 10px 2px 10px;
}

.contents-list-box p{
	float:left;
	width:125px;
	height:22px;
}

.cp-contents-name02 a,.cp-contents-name02-2 a{
	margin:0 25px 0 0;
	background-color:#CCCCCC;
	padding:3px 12px 2px 12px;
}

#contents-list ul.contents-list-box a,.cp-contents-name02 a,.cp-contents-name02-2 a{
	border-right:2px solid #ADADAD;
	border-bottom:2px solid #ADADAD;
}

.contents-list-box li{
	border-bottom:1px dotted #ADADAD;
}

.genre-name{
	width:150px;
	text-indent:1.5em;
	float:left;
}

.genre-name-right{
	width:150px;
	text-indent:1.5em;
	float:left;
}
.genre-name-right a{
	margin:0;
	text-align:right;
}


.contents-list-img{
	margin:0 5px -2px 0;
}

.contents-list-aiueo{
	padding-bottom:10px;
}

.contents-list-aiueo ul{
	margin:8px 15px 8px 20px;
}

.contents-list-aiueo li{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	margin-right:5px;
}

.cp-contents-name{
	padding:10px 0 10px 10px;
	width:150px;
}

.cp-contents-name02{
	padding:15px 0 15px 10px;
	border-top:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	margin:5px 0 5px 0;
}

.cp-contents-name02-2{
	padding:10px 0 15px 10px;
}

.cp-contents-name03{
	float:left;
	width:140px;
}




/* *************************
■右カラム　ブランドゲート等
************************* */

#pr-area{
	width:300px;
	float:right;
}

.contents-box{
	margin-top:10px;
	margin-bottom:10px;
	width:298px;
	border:1px solid #8C9BCA;
	padding-bottom:5px;
}
.contents-box h3{
	background-color:#D5E4F2;
	color:#0049BA;
	height:26px;
}

.contents-box h3 p{
	padding:7px 0 0 7px;
}

.contents-box img{
	float:left;
	margin-top:5px;
	margin-left:5px;
}

.contents-box .contents-box-wrap{
	float:right;
	text-align:justify;
	padding:5px 5px 0 0px;
	width:200px;
}

.ranking{
	background-color:#F4F4F4;
	padding-bottom:10px;
}

.ranking #ranking-list{
	padding-bottom:15px;
}

.ranking #ranking-list li{
	margin-bottom:1em;
	margin-right:5px;
}

.ranking #ranking-list img{
	float:left;
	margin-right:5px;
	margin-left:5px;
}

/*関連リンク*/

.Connection-link{
	/*border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;*/
	margin-top:10px;
}

.Connection-link ul{
	list-style:none;
}

.Connection-link li{
	padding:5px 5px 8px 10px;
}


#footerContainer{
	position:relative;
}


/*新着一覧用右カラム　旬感ランキング・みんなの評判β*/
.etc-box{
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	margin-top:10px;
}

.etc-box img{
	padding:10px 36px 10px 36px;
}

/* ***************************
ヘッダー：タブ文字設定
*************************** */
#pan{
	margin-top:5px;
}

#contents-list{
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
	margin-bottom:10px;
}

.news-digest{
	position:relative;
	margin-top:10px;
	_margin-top:8px;
	width:298px;
	border-left:1px solid #ADADAD;
	border-right:1px solid #ADADAD;
	border-bottom:1px solid #ADADAD;
}