@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: contents.css

		Setting of: Contents area
		::: Common :::
			a-00:Common Section
			a-01:Layout Section
			a-02:Parts Section
		
		::: Index :::
			b-01:index Section
			
	}

****************************************************************** */


/** |a-00.Common Section| ***************************************************************** START **/

/* -- more ---------------------------- START */
div#mainContents .more{
	text-align:right;
}

div#mainContents .more a{
	background:url(../images0812/arrow_r.gif) no-repeat left center;
	padding:1px 0 1px 12px;
}
/* -- more ------------------------------ END */

/** |a-00.Common Section| ******************************************************************* END **/



/** |a-01.Layout Section| ***************************************************************** START **/

div#contents{
	padding:20px;
}

body.column1 div#contents{
	padding:0px 24px 20px;
}

/* -- contentsInner ---------------------------- START */
div#contents div#contentsInner{
	width:860px;
}

body.column1 div#contents div#contentsInner{
	width:852px;
}

div#contents div#contentsInner:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
div#contents div#contentsInner{display:inline-block;}
/* no ie mac \*/
* html div#contents div#contentsInner{height:1%;}
div#contents div#contentsInner{display:block;}
/* */
/* -- contentsInner ------------------------------ END */


/* -- mainContents ---------------------------- START */
body.column1 div#mainContents{
	width:852px;
	padding:15px 0 0;
	margin:0;
}

body.column2 div#mainContents{
	float:left;
	width:675px;
	padding:0;
	margin:0 15px 0 0;
}
/* -- mainContents ------------------------------ END */

/** |a-01.Layout Section| ******************************************************************* END **/



/** |a-02.Parts Section| ***************************************************************** START **/

/* -- mainNavi ---------------------------- START */

div#mainContents div#mainNavi{
	width:675px;
	padding:0 0 20px;
}

div#mainContents div#mainNavi ul{
	background:url(../images0812/navi_bg.gif) bottom left repeat-x;
	width:674px;
}

div#mainContents div#mainNavi li{
	float:left;
	background:url(../images0812/navi_bg.gif) no-repeat;
	margin:0 1px 0 0;
	height:36px;
}

div#mainContents div#mainNavi li a{
	display:block;
	background:url(../images0812/navi_bg.gif) no-repeat;
	height:36px;
}

div#mainContents div#mainNavi li span,
div#mainContents div#mainNavi li a span{
	position:absolute;
	top:-500px;
	left:-2500px;
}

/* ---------- li.nvNews -- */
div#mainContents div#mainNavi li.nvNews,
div#mainContents div#mainNavi li.nvNews a{
	background-position:0 0;
	width:109px;
}

body#bdNews div#mainContents div#mainNavi li.nvNews,
body#bdNews div#mainContents div#mainNavi li.nvNews a{
	background-position:0 -36px;
}

div#mainContents div#mainNavi li.nvNews a:hover{
	background-position:0 -72px;
}

/* ---------- li.nvBusiness -- */
div#mainContents div#mainNavi li.nvBusiness,
div#mainContents div#mainNavi li.nvBusiness a{
	background-position:-109px 0;
	width:93px;
}

body#bdBusiness div#mainContents div#mainNavi li.nvBusiness,
body#bdBusiness div#mainContents div#mainNavi li.nvBusiness a{
	background-position:-109px -36px;
}

div#mainContents div#mainNavi li.nvBusiness a:hover{
	background-position:-109px -72px;
}

/* ---------- li.nvEntertainment -- */
div#mainContents div#mainNavi li.nvEntertainment,
div#mainContents div#mainNavi li.nvEntertainment a{
	background-position:-202px 0;
	width:128px;
}

body#bdEntertainment div#mainContents div#mainNavi li.nvEntertainment,
body#bdEntertainment div#mainContents div#mainNavi li.nvEntertainment a{
	background-position:-202px -36px;
}

div#mainContents div#mainNavi li.nvEntertainment a:hover{
	background-position:-202px -72px;
}

/* ---------- li.nvLife -- */
div#mainContents div#mainNavi li.nvLife,
div#mainContents div#mainNavi li.nvLife a{
	background-position:-330px 0;
	width:128px;
}

body#bdLife div#mainContents div#mainNavi li.nvLife,
body#bdLife div#mainContents div#mainNavi li.nvLife a{
	background-position:-330px -36px;
}

div#mainContents div#mainNavi li.nvLife a:hover{
	background-position:-330px -72px;
}

/* ---------- li.nvCommunication -- */
div#mainContents div#mainNavi li.nvCommunication,
div#mainContents div#mainNavi li.nvCommunication a{
	background-position:-458px 0;
	width:87px;
}

body#bdCommunication div#mainContents div#mainNavi li.nvCommunication,
body#bdCommunication div#mainContents div#mainNavi li.nvCommunication a{
	background-position:-458px -36px;
}

div#mainContents div#mainNavi li.nvCommunication a:hover{
	background-position:-458px -72px;
}

/* ---------- li.nvPc -- */
div#mainContents div#mainNavi li.nvPc{
	margin:0;
}

div#mainContents div#mainNavi li.nvPc,
div#mainContents div#mainNavi li.nvPc a{
	background-position:-545px 0;
	width:124px;
}

body#bdPc div#mainContents div#mainNavi li.nvPc,
body#bdPc div#mainContents div#mainNavi li.nvPc a{
	background-position:-545px -36px;
}

div#mainContents div#mainNavi li.nvPc a:hover{
	background-position:-545px -72px;
}
/* -- mainNavi ------------------------------ END */


/* -- footpath ---------------------------- START */
div#mainContents div#contentsTop{
	padding:0 5px 20px;
}

div#mainContents div#contentsTop p.footpath{
	padding:4px 0 2px;
}
/* -- footpath ------------------------------ END */


/* -- currentArea ---------------------------- START */
div#mainContents div#currentArea{
	background:url(../images0812/currentarea_bg.gif) top center repeat-y;
	width:675px;
	margin:0 0 20px;
}

div#mainContents div#currentArea div.inner{
	background:url(../images0812/currentarea_bg.gif) bottom right no-repeat;
	width:675px;
	padding:0 0 10px;
}

div#mainContents div#currentArea div.inner h2{
	background:url(../images0812/currentarea_bg.gif) no-repeat;
	width:675px;
	padding:18px 0 10px;
}

div#mainContents div#currentArea div.inner h2 span{
	float:right;
	padding:0 42px 0 10px;
	font-weight:normal;
}

div#mainContents div#currentArea div.inner h2 em{
	display:block;
	padding:0 0 0 75px;
	font-size:1.66em;
}

/* ---------- subDirectories -- */
div#mainContents div#currentArea div.inner div.subDirectories{
	padding:8px 0 0 38px;
}

div#mainContents div#currentArea div.inner div.subDirectories ul{
	width:600px;
}

div#mainContents div.subDirectories li{
	display:block;
	float:left;
	background:url(../images0812/ico_folder.gif) no-repeat;
	width:150px;
	_width:200px;
	padding:2px 0 7px 50px;
	line-height:1.2;
}

div#mainContents div.subDirectories li.shortCut{
	background-position:0 -100px;
}

div#mainContents div.subDirectories li.end{
	background-position:0 -200px;
}

div#mainContents div.subDirectories li.shtCutEnd{
	background-position:0 -300px;
}

/* -- currentArea ------------------------------ END */


/* -- servicesLinks ---------------------------- START */
div#mainContents div#servicesLinks{
	padding:0 15px 0 26px;
}

div#mainContents div#servicesLinks h3{
	background:url(../images0812/bar_bg.gif) bottom right no-repeat;
	padding:2px 8px 6px;
	margin:0 0 10px;
	font-size:1.12em;
}

/* ---------- ul -- */
div#mainContents div#servicesLinks li{
	padding:1em 0 0.2em;
}

div#mainContents div#servicesLinks li em.ttl{
	display:block;
	padding:0 0 0.1em;
	font-size:1.05em;
}

div#mainContents div#servicesLinks li p.read{
	padding:0 0 0.1em;
}

div#mainContents div#servicesLinks li span.url{
	display:block;
}

div#mainContents div#servicesLinks li span.url a:link,
div#mainContents div#servicesLinks li span.url a:visited{
	color:#079115;
	text-decoration:none;
}
}

div#mainContents div#servicesLinks li span.url a:hover{
	color:#CC2929;
	text-decoration:underline;
}
/* -- servicesLinks ------------------------------ END */


/* -- paging ---------------------------- START */
div#mainContents div.paging{
	padding:8px 0 0;
	width:630px;
	font-size:0.86em;
	font-family: Arial , 'MS PGothic',Verdana, 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	line-height:1.25em;
}

div#mainContents div#pagingBtm{
	background:url(../images0812/line_dot.gif) top left repeat-x;
	padding:15px 0 0;
	margin:20px 0 0;
}

/* clearfix */
div#mainContents div.paging:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
div#mainContents div.paging{display:inline-block;}
/* no ie mac \*/
* html div#mainContents div.paging{height:1%;}
div#mainContents div.paging{display:block;}
/* */

div#mainContents div.paging p.viewNo{
	float:left;
	margin:0 5px 0 0;
}

div#mainContents div.paging p.viewNo span{
	padding-left:5px;
}

div#mainContents div.paging p.pageNo{
	float:right;
	text-align:right;
}

div#mainContents div.paging p.pageNo span{
	color:#999;
}

div#mainContents div.paging p.pageNo span{
	padding:0 4px 2px;
	zoom:1;
}

div#mainContents div.paging p.pageNo em,
div#mainContents div.paging p.pageNo b,
div#mainContents div.paging p.pageNo a{
	border:1px solid #B8C4D8;
	padding:1px 4px;
	margin:0 -0.18em;
	zoom:1;
	font-weight:normal;
}

div#mainContents div.paging p.pageNo em,
div#mainContents div.paging p.pageNo b{
	background:#74777A;
	color:#FFF;
}

div#mainContents div.paging p.pageNo a{
	background:#FFF;
	text-decoration:none;
	color:#0447AA;
}

div#mainContents div.paging p.pageNo a:hover{
	background:#F4F5F5;
	text-decoration:none;
	color:#CC2929;
}

div#mainContents div.paging p.pageNo span a,
div#mainContents div.paging p.pageNo span a:hover{
	border:none;
	padding:0 1px;
	margin:0;
	background:#FFF;
}

div#mainContents div.paging p.pageNo span a{
	text-decoration:underline;
}
/* -- paging ------------------------------ END */


/* -- contentsBtm ---------------------------- START */
div#contentsBtm{
	padding:0px 15px;
	margin:0;
}

div#contentsBtm p.pgTopLink,
#genreArea p.pgTopLink{
	margin:0 0 15px;
	text-align:right;
}
#genreArea p.pgTopLink{
	margin:0;
}
div#contentsBtm p.pgTopLink a,
#genreArea p.pgTopLink a{
	padding:1px 0 3px 20px;
	/* Hides from IE5-Mac \*/ 
	background:url(../images0812/ico_pgtop.gif) no-repeat 0px 0px;
	/* */	
}
/* -- contentsBtm ------------------------------ END */


/* -- ads ---------------------------- START */
div#mainContents .ads{padding:0px 10px 20px 26px;clear:both;overflow:hidden;}

div#mainContents .ads p.ad_logo{padding:0 0 0.5em;font-weight:bold;}

div#mainContents .ads .ttl{margin-bottom:.5em; padding:0 5px 0 0;}

div#mainContents .ads .ttl span{background:#FFF; padding:0 10px 0 0px; font-weight:bold;}

div#mainContents div#MAFC0 .ads .ttl,
div#mainContents div#MAFC1 .ads .ttl,
div#mainContents div#MAFC2 .ads .ttl,
div#mainContents div#MAFC3 .ads .ttl{background-image:none; padding-top:7px;}

div#mainContents .ads dl{ maring:0 15px;}

div#mainContents .ads dt{padding:.1em 0;white-space:nowrap;}

div#mainContents .ads dt a{margin:0 20px 0 0;font-weight:bold;}

div#mainContents .ads dt span a{color:#008000!important; font-weight:normal!important; text-decoration:none!important;}

div#mainContents .ads dd{margin-bottom:.3em;}

div#mainContents .ads dd a{color:#333!important; font-weight:normal!important; text-decoration:none!important;}

body.photocon div#mainContents div#MAFC0 .ads,
body.photocon div#mainContents div#MAFC1 .ads,
body.photocon div#mainContents div#MAFC2 .ads,
body.photocon div#mainContents div#MAFC3 .ads{
	padding-top:5px;
	padding-bottom:12px;
} 
/* -- ads ------------------------------ END */

/** |a-02.Parts Section| ******************************************************************* END **/







/** |b-01.index Section| ***************************************************************** START **/

/* -- genreArea ---------------------------- START */
body#bdHome div#mainContents div#genreArea{
	padding:20px 0 0;
}

/* ---------- module -- */
/* clearfix */
body#bdHome div#mainContents div#genreArea div.module:after,
body#bdHome div#mainContents div#genreArea div.module ul:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
body#bdHome div#mainContents div#genreArea div.module,
body#bdHome div#mainContents div#genreArea div.module ul{display:inline-block;}
/* no ie mac \*/
* html body#bdHome div#mainContents div#genreArea div.module,
* html body#bdHome div#mainContents div#genreArea div.module ul{height:1%;}
body#bdHome div#mainContents div#genreArea div.module,
body#bdHome div#mainContents div#genreArea div.module ul{display:block;}
/* */

body#bdHome div#mainContents div#genreArea div.module{
	background:url(../images0812/tp_frm_bg.gif) repeat-y;
	width:852px;
	margin:0 0 10px;
}

body#bdHome div#mainContents div#genreArea div.module p.more{
	padding:0 10px;
}

body#bdHome div#mainContents div#genreArea div.module ul{
	background:url(../images0812/tp_frm_bg.gif) bottom right no-repeat;
	width:852px;
	padding:0 0 10px;
}

body#bdHome div#mainContents div#genreArea div.module li{
	float:left;
	width:274px;
}

body#bdHome div#mainContents div#genreArea div.module li h2{
	background:url(../images0812/tp_h2_bg.jpg) no-repeat;
}

body#bdHome div#mainContents div#genreArea div.module li h2 a{
	display:block;
	min-height:38px;
	_height:76px;
	_overflow:visible;
	text-decoration:none;
	font-weight:normal;
	color:#777;
}

body#bdHome div#mainContents div#genreArea div.module li h2 a span{
	position:absolute;
	top:-500px;
	left:-2500px;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrBusiness,
body#bdHome div#mainContents div#genreArea div.module li.gnrLife{
	margin:0 15px;
}

/* ---------- gnrNews -- */
body#bdHome div#mainContents div#genreArea div.module li.gnrNews h2{
	background-position:0 0;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrNews h2 a{
	padding:35px 10px 0 76px;
}

/* ---------- gnrBusiness -- */
body#bdHome div#mainContents div#genreArea div.module li.gnrBusiness h2{
	background-position:-274px 0;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrBusiness h2 a{
	padding:35px 10px 0 83px;
}

/* ---------- gnrPc -- */
body#bdHome div#mainContents div#genreArea div.module li.gnrPc h2{
	background-position:-548px 0;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrPc h2 a{
	padding:35px 10px 0 78px;
}

/* ---------- gnrEntertainment -- */
body#bdHome div#mainContents div#genreArea div.module li.gnrEntertainment h2{
	background-position:-822px 0;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrEntertainment h2 a{
	padding:35px 10px 0 79px;
}

/* ---------- gnrLife  -- */
body#bdHome div#mainContents div#genreArea div.module li.gnrLife h2{
	background-position:-1096px 0;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrLife h2 a{
	padding:35px 10px 0 84px;
}

/* ---------- gnrCommunication -- */
body#bdHome div#mainContents div#genreArea div.module li.gnrCommunication h2{
	background-position:-1370px 0;
}

body#bdHome div#mainContents div#genreArea div.module li.gnrCommunication h2 a{
	padding:35px 10px 0 80px;
}

/* ---------- li ul -- */
body#bdHome div#mainContents div#genreArea div.module ul li ul{
	background:none;
	width:264px;
	padding:0 0 0.5em;
	margin:0 0 0 10px;
}

body#bdHome div#mainContents div#genreArea div.module ul li ul.firstLine{
	background:url(../images0812/tp_ttl_bg.gif) no-repeat;
	padding:10px 0 0.5em;
	margin-top:5px;
}

/* -- li.gnrNews -- */
body#bdHome div#mainContents div#genreArea div.module ul li.gnrNews ul.firstLine{
	background-position:0 0;
}

/* -- li.gnrBusiness -- */
body#bdHome div#mainContents div#genreArea div.module ul li.gnrBusiness ul.firstLine{
	background-position:-274px -10px;
}


/* -- li.gnrPc -- */
body#bdHome div#mainContents div#genreArea div.module ul li.gnrPc ul.firstLine{
	background-position:-548px -20px;
}

/* -- li.gnrEntertainment -- */
body#bdHome div#mainContents div#genreArea div.module ul li.gnrEntertainment ul.firstLine{
	background-position:-822px -30px;
}

/* -- li.gnrLife -- */
body#bdHome div#mainContents div#genreArea div.module ul li.gnrLife ul.firstLine{
	background-position:-1096px -40px;
}

/* -- li.gnrCommunication -- */
body#bdHome div#mainContents div#genreArea div.module ul li.gnrCommunication ul.firstLine{
	background-position:-1370px -50px;
}

body#bdHome div#mainContents div#genreArea div.module ul li ul li{
	float:left;
	background:url(../images0812/li_dot.gif) no-repeat 0 0.5em;
	width:110px;
	_width:132px;
	padding:0 17px 0 5px;
	margin:0;
	line-height:1.2;
	font-size:114%;
}

body#bdHome div#mainContents div#genreArea div.module p.more a:link,
body#bdHome div#mainContents div#genreArea div.module p.more a:visited,
body#bdHome div#mainContents div#genreArea div.module ul li ul li a:link,
body#bdHome div#mainContents div#genreArea div.module ul li ul li a:visited{
	text-decoration:none;
}

body#bdHome div#mainContents div#genreArea div.module p.more a:hover,
body#bdHome div#mainContents div#genreArea div.module ul li ul li a:hover{
	text-decoration:underline;
}
/* -- genreArea ------------------------------ END */


/* -- ind50 ---------------------------- START */
body#bdHome div#mainContents div#ind50{
	padding:20px 0;
}

/* ---------- ttl -- */
body#bdHome div#mainContents div#ind50 div.ttl{
	background:#EFEFEF;
	width:852px;
	padding:4px 0;
}

body#bdHome div#mainContents div#ind50 div.ttl img{
	float:left;
	margin:0 10px;
	vertical-align:middle;
}

body#bdHome div#mainContents div#ind50 div.ttl ul{
	padding:0 0 0 10px;
}

body#bdHome div#mainContents div#ind50 div.ttl li{
	display:inline;
	padding:0 0.5em;
	border-right:1px solid #333;
	font-size:114%;
}

body#bdHome div#mainContents div#ind50 div.ttl li.noBrdr{
	border:none;
}

/* ---------- dl -- */
body#bdHome div#mainContents div#ind50 dl{
	background:url(../images0812/line_dot.gif) bottom left repeat-x;
	width:808px;
	padding:15px 0;
	margin:0 22px;
}

body#bdHome div#mainContents div#ind50 dl#wordWa{
	background:none!important;
}


body#bdHome div#mainContents div#ind50 dt{
	display:block;
	float:left;
	width:70px;
}

body#bdHome div#mainContents div#ind50 dd{
	float:left;
	width:738px;
}

body#bdHome div#mainContents div#ind50 dd li{
	float:left;
	background:url(../images0812/li_dot.gif) no-repeat 0 0.5em;
	width:160px;
	_width:170px;
	padding:0 0 0.5em 5px;
	line-height:1.2;
	font-size:114%;
}
body#bdHome div#mainContents div#ind50 dd li a,
body#bdHome div#mainContents div#ind50 dd li a:visited{
	text-decoration:none;
}

/* -- ind50 ------------------------------ END */

/* -- footerSearch ---------------------------- START */
div#footerSearch{
	background:url(../images0812/bar_bg.gif) bottom left no-repeat;
	width:808px;
	margin:0 22px;
	padding:40px 0 0;
	text-align:center;
}

bodybdHome #div#footerSearch{
	padding:0;
}

div#footerSearch dl{
	width:500px;
	padding:5px 0;
	margin:0 auto;
}

div#footerSearch dt,
div#footerSearch dd{
	display:inline;
	zoom:1;
}

div#footerSearch dt img,
div#footerSearch dd input{
	vertical-align:middle;
}

div#footerSearch dd input#search_txt_box,
div#footerSearch dd input#search_txt_box_btm{
	width:270px;
}
/* -- footerSearch ------------------------------ END */

/** |b-01.index Section| ******************************************************************* END **/