@charset "utf-8";

@import url("reset.css");
@import url("system.css");


/*--------------------------------------
  All
---------------------------------------*/

body {
	background: #FFF;
	text-align:center;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" sans-serif;
	margin-top:10px;
	word-break: normal;
	word-wrap: break-word;
	font-size:12px;
}

#wrapper {
  width:980px;
	margin:0 auto;
	padding:10px;
	background-color:#FFF;
	text-align:left;
	vertical-align:top;
}

.alC { text-align:center; }
.alR { text-align:right; }
.alL { text-align:left; }

.bdr {
	border-top:1px solid #B3B3B3;
	margin:15px 0;
	height:1px;
}


/*--------------------------------------
  Link
---------------------------------------*/

a {
  text-decoration:none;
	overflow:hidden;
	outline:none;
}

a:link {
	color:#0066cc;
}

a:visited {
  color:#0066cc;
}

a:hover {
	color:#999;
	text-decoration:underline;
}

a:active {
  color:#0066cc;
	outline:none;
}


/*--------------------------------------
 Header
---------------------------------------*/

#header {
	text-align:center;
	word-break:break-all;
}

#header div.SEO {
	color:#888;
	text-align:left;
}
	
#header div.topsmenu {
  font-size:10px;
	text-align:right;
	letter-spacing:0.1ex;
	margin-bottom:5px;
}


/*--------------------------------------
 Footer
---------------------------------------*/

#footer {
	text-align:center;
	margin-top:20px;
	border-top:1px solid #B3B3B3;
}

#footer div.sitename {
   padding:10px 0;
   text-align:center;
   }

#footer div.navi {
   text-align:center;
   line-height:150%;
   }	


/*--------------------------------------
  Font
---------------------------------------*/

h1, h2, h3, h4, h6,
pre, ul, ol, dl, dt, dd,
address, blockquote {
	padding: 0;
	text-align: left;
	display: block;
	margin: 0;
	font-weight:normal;
}

h1{
	display: table;
	width:250px;
	height:90px;
	float:left;
}

h1 a {
	width:250px;
	height:90px;
	display: table-cell;
	layout-grid-line: 250px;
	text-align: center;
	vertical-align: middle;
}

h1 img {
	vertical-align: bottom;
}

h4 {
	font-weight:bold;
	background:url(../images/h4_bg.jpg) repeat-x;
	padding:5px 10px;
	margin-top:20px;
	letter-spacing:0.1ex;
	font-size:16px;
}
	
div.ineng {
	color:#AAAAAA;
	font-weight:bold;
	text-align:right;
	margin:10px 0 20px 0;
}
	
h5 {
	background:url(../images/list02.gif) no-repeat;
	margin:20px 0 5px 0;
	padding:5px 20px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	border-bottom:1px dotted #333;
}

h5.noB {
	border-bottom:none;
}

h6 {
  font-weight:bold;
	color:#003399;
	font-size:12px;
	padding:10px;
	margin:15px auto 5px auto;
}

h6.orgR, h6.pnkR, h6.pnkL, h6.orgL {
	color:#FFF;
	padding:10px 10px 16px 10px;
}

h6.orgR {
    background:url(../images/sidettl_org300.jpg) no-repeat;
}

h6.pnkR {
    background:url(../images/sidettl_pnk300.jpg) no-repeat;
}

h6.pnkL {
    background:url(../images/sidettl_pnk160.jpg) no-repeat;
		margin-top:0;
}

h6.orgL {
    background:url(../images/sidettl_org160.jpg) no-repeat;
		margin-top:0;
}

h6.gryC {
	background-color:#EFEFEF;
	border-radius:3px;
	margin-bottom:10px;
}

p {
	line-height:150%;
	margin:5px 0 15px 0;
	text-align:left;
}

.red { color:#ED4522; }
.orange { color:#FE9207; }

.txt14 { font-size:14px; }
.txt16 { font-size:16px; }

div.maintext {
	line-height:160%;
	margin:0 0 10px 10px;
	font-size:14px;
	text-align:left;
	letter-spacing:1pt;
	word-break: normal;
	word-wrap: break-word;
}

div.maintext p {
	line-height:150%;
	margin:5px 0 15px 25px;
	font-weight:bold;
	word-break: normal;
	word-wrap: break-word;
}


/*--------------------------------------
  Margin
---------------------------------------*/

.mgnB20 { margin-bottom:20px; }
.mgnB10 { margin-bottom:10px; }
.mgnT15 { margin-top:15px; }
.mgnT20 { margin-top:20px; }
.mgnT10 { margin-top:10px; }

/*--------------------------------------
  Form
---------------------------------------*/

input, textarea { font-size:12px; }

#search {
	width:296px;
	border:1px solid #CDCDCD;
	background-color:#EFEFEF;
	margin:15px 0;
	padding:1px;
	text-align:center;
}

#search span {
	background:url(../images/searchbox_ttl.gif) repeat-x;
	font-weight:bold;
	color:#FFF;
	padding:6px 0;
	margin-bottom:10px; 
	display:block;
}

#searchbtn {
    margin:10px auto 10px auto;
		text-align:center;
}

#searchprogram {
    width:188px;
    border:1px solid #CDCDCD;
	background:url(../images/searchprog_bg.jpg) top no-repeat #EFEFEF;	
}

#searchprogram div.box {
    margin:35px auto 10px auto;
	text-align:center;
}

#search input.kword {
	width:210px;
	margin-right:8px;
}

#searchprogram input.kword {
    width:120px;
	margin-right:0px;
}

#search input.btn, #searchprogram input.btn {
    vertical-align:bottom;
}

input.w30 {
	width:30px;
}

input.w80 {
	width:80px;
}

input.w200 {
	width:200px;
}

input.w300, textarea.w300 {
	width:300px;
}

textarea.w450 {
	width:450px;
}


/*--------------------------------------
  Ad & Amazon
---------------------------------------*/

.Ad728_90 {
    width:728px;
	height:90px;
	float:right;
	text-align:center;
	margin:0 auto;
	border:1px solid #999;
}

.Ad250_250 {
    width:250px;
	height:250px;
	text-align:center;
	margin:0 auto;
}

.AdFlash {
    width:490px;
	height:180px;
	text-align:center;
	margin:5px auto 0 auto;
}

.adnews {
	border:1px solid #CAF2FF;
	background-color:#E9FAFF;
	padding:7px 10px;
	line-height:150%;
}

.GoogleAdBtm {
	margin-top:40px;
	text-align:center;
}

.Amazon468_336 {
	padding-left:11px;
	height:336px;
	}
	
.amzlsh_ad {
	text-align:center;
}

/* add 2008.12.12 */

.Adarticle, .AdarticleTXT, .AdType02 {
	/*clear:both;*/
	margin:25px 0;
}

.Adarticle img, .AdarticleTXT img, .AdType02 img {
	border:0;
}

.AdarticleTXT {
	background-color:#D3ECF3;
	padding:5px 10px;
	font-weight:normal;
}

table.AdType02 th, table.AdType02 td {
	line-height:120%;
	font-weight:normal;
	text-align:left;
}

table.AdType02 th.adR, table.AdType02 td.adR { padding-left:10px; }

.bnr_melmaga {
	margin-bottom:10px;
}


/*--------------------------------------
  Float Clear
---------------------------------------*/

.clr{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clrtopnavi {
    clear: both;
	height: 1px;
	overflow:hidden;
	background-color: #e3e3e3;
}	

.clrwrap{
	clear: both;
	height: 25px;
	overflow: hidden;
}

.bdr {
	margin:40px 0 20px 0;
	background:url(../images/bdr02.gif) repeat-x;
	height:2px;
}


/*--------------------------------------
 Topnavi
---------------------------------------*/

#tnavi {
	margin-top:10px;
	width:980px;
	background:url(../images/topnavi_bg.jpg) repeat-x #000;
}

#tnavi li {	
	height:38px;
	text-indent:-9999px;
	float:left;
}

#tnavi li.home { width:87px; }
#tnavi li.news { width:98px; }
#tnavi li.special { width:88px; }
#tnavi li.blog { width:91px; }
#tnavi li.dvd { width:86px; }
#tnavi li.column { width:92px; }
#tnavi li.powerpush { width:127px; }
#tnavi li.gurlz { width:101px; }

#tnavi li a {
	height:38px;
	float:left;
	display: block;
}

#tnavi li.home a {
  background:url(../images/topnavi_home.jpg) no-repeat 0 0;
	width:87px;
}

#tnavi li.news a {
  background:url(../images/topnavi_news.jpg) no-repeat 0 0;
	width:98px;
}

#tnavi li.special a {
  background:url(../images/topnavi_special.jpg) no-repeat 0 0;
	width:88px;
}

#tnavi li.blog a {
  background:url(../images/topnavi_blog.jpg) no-repeat 0 0;
	width:91px;
}

#tnavi li.dvd a {
  background:url(../images/topnavi_dvd.jpg) no-repeat 0 0;
	width:86px;
}

#tnavi li.column a {
  background:url(../images/topnavi_column.jpg) no-repeat 0 0;
	width:92px;
}

#tnavi li.powerpush a {
  background:url(../images/topnavi_powerpush.jpg) no-repeat 0 0;
	width:127px;
}

#tnavi li.gurlz a {
  background:url(../images/topnavi_gurlz.jpg) no-repeat 0 0;
	width:101px;
}



#tnavi li a:hover {
	background-position:0 -38px;
}

#tnavi .snsico {
	float: right;
	width: 205px;
}

#tnavi img {
	margin: 5px 0 0 8px;
}

/*ブログOFF用*/

#tnavi li.blogOff {
	width:78px;
	background:url(../images/topnavi_blog_off.jpg) no-repeat 0 0;
 }


/*--------------------------------------
 Breadcrumb
---------------------------------------*/

#breadcrumb {
	height:30px;
    background:url(../images/breadcrumb.jpg) repeat-x;
}

#breadcrumb h2 {
    font-size:10px;
	letter-spacing:0.1ex;
	padding:7px 0 0 7px;
}


/*--------------------------------------
  Right Parts
---------------------------------------*/

#newstopics {
	margin: 0 0 10px 5px;
}

#newstopics li {
	background:url(../images/lt_pnk.gif) no-repeat 0 4px;
	margin:0 0 5px 0;
	padding-left:15px;
	line-height:125%;
}

.newsranking {
	margin-top:10px;
}

.newsranking ol, #feed ul {
    counter-reset:li;
}

.newsranking ol li, #feed ul li {
	position:relative;
	margin:0 0 1px 2em;
	padding:4px 8px;
	line-height:130%;	
}
.newsranking ol li.rankGry, #feed ul li.even {
	background-color:#EAEAEA;
	border-bottom:#CCC 1px solid;
}
.newsranking ol li:before, #feed ul li:before {
	content:counter(li);
	counter-increment:li;
	position:absolute;
	top:0;
	left:-2em;
	width:2em;
	padding:4px 0;
	color:#fff;
	background-color:#EA80AD;
	font-weight:bold;
	text-align:center;
}

.newsranking dt {
	width:25px;
	display:table-cell;
	color:#fff;
	background-color:#EA80AD;
	font-weight:bold;
	text-align:center;
	padding:2px 0;
	line-height:1.5em;
	float:left;
}

.newsranking dd {
	width:255px;
	float:right;
	padding:2px 5px;
	margin-left:5px;
	line-height:1.5em;
}

.newsranking dd.rankGry {
	background-color:#EAEAEA;
	border-bottom:#CCC 1px solid;
}

#newsrankingTab .more { margin-top:10px; text-align:right; }

/* Ranking Tab */

#right #tabSelect li {
	width: 88px;
	float: left;
	cursor: pointer;
	text-align: center;
	margin:0 5px 5px 5px;
	padding:4px 0;
	background-color:#EAEAEA;
	border:1px solid #CCC;
	border-radius:5px;
}


#right #tabSelect li.select {
	background-color: #DF2D8D;
	border: 1px solid #B91C72;
	color:#FFF;
}

#newsrankingTab .nodis {
	display: none;
}

#scrollAd {
	margin-top:20px;
}
/* 追従JSをOFFの場合のみ作用 */
#scrollAd #addiv {
	text-align:center;
}


/*--------------------------------------
  Category Title
---------------------------------------*/

/*#cattitle {
  float:left;
	margin:0 auto;
	width:665px;
	}
*/
	
h3 img {
    margin:10px 0 20px 0;
	}


/*--------------------------------------
 Etc
---------------------------------------*/

#top {
	text-align:right;
	margin:10px 0;
}

div.rssicon {
	text-align:right;
	margin-top:10px;
}