@charset "shift_jis";
/* -----reset-----------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal; 
	font-size: 100%;
}
img,fieldset { border: none; }
ul, ol { list-style: none; }

/* -----base-----------------------------------------------------------------*/
body {
	font-size: 12px;
	font-family: "Hiragino Kaku Gothic Pro", verdana, arial, Sans-Serif; 
	line-height: 1.5;
	color: #333333;
	background: #F2F2F2;
}
/* for IE6 */
* html body { font-size: 75%; }
/* for IE7 */
*:first-child+html body { font-size: 75%; }

/* -----font-----*/
.t10 { font-size: 84%; }
.t14 { font-size: 117%; }
.t16 { font-size: 134%; }
.t18 { font-size: 150%; }

.bold{
	font-weight: bold;
}

/* ----- clear -----*/
.clear { clear: both; }

/* -----link-----*/
a:link		{ color: #3399CC; text-decoration: none; }
a:visited	{ color: #3399CC; text-decoration: none; }
a:active		{ color: #3399CC; text-decoration: none; }
a:hover		{ color: #3399CC; text-decoration: underline; }
/* safari only \*/
html:\66irst-child body #contents a { padding-bottom: 1px;}
html:\66irst-child body #gnavi div.snav a { padding-bottom: 1px;}
/* end */

/* ----- module  -----------------------------------------------------------------*/

body #wpia { width: 100%; display: table; }
body p.pagetop { width: 947px; text-align: right; padding: 10px 0 19px 0; }

/* リンクアイコン */
.icon01 {
	background: url(../../img/common/icon01.gif) no-repeat left center;
	padding-left: 15px;
}
.icon02 {
background: url(../../img/common/icon02.gif) no-repeat left center;
padding-left: 10px;
}

.icon03 {
background: url(../../img/common/icon03.gif) no-repeat left center;
padding-left: 10px;
}

.icon04 {
background: url(../../img/common/icon04.gif) no-repeat left center;
padding-left: 10px;
}

/* ----- wpia -----------------------------------------------------------------*/
/* header */
#header { position: relative; }
#header h1 { padding: 15px 0 12px 33px; } 
#header p.dis { position: absolute; left: 259px; top: 24px; } 
#header p.pia { position: absolute; left: 759px; top: 0px; } 

#header ul {
	background: url(../img/common/navi_bg.gif) no-repeat;
	height: 52px;
	position: relative;
	width: 973px;
}
#header ul li { position: absolute; top:17px; }
#header ul li.nv1 { left:33px; }
#header ul li.nv2 { left:208px; }
#header ul li.nv3 { left:383px; }

/* contents */
#contents {
	background: url(../img/common/contents_bg01.gif) repeat-y;
	width: 973px;
}

#contents #main { width: 637px; float: left; padding-top: 30px; padding-bottom: 60px; position: relative; }
#contents #side { width: 310px; float: left; padding-bottom: 60px; }

/** 雑誌表示 **/
#main div.book {
	position:absolute;
	left: 33px;
	width: 165px;
}

#main div.book div.black {
	background: #000 url(../img/common/book_bg.gif);
	text-align: center;
	color: #FFF;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#main div.book div.black p.ph { padding: 10px; padding-bottom: 6px; }
#main div.book div.black p.date {
	font-weight: bold;
	background: url(../img/common/line_dots.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin: 0 10px;
}

#main div.book div.black dl {
	background: url(../img/common/line_dots.gif) repeat-x left bottom;
	padding: 5px 0;
	text-align: left;
	margin: 0 10px 10px 10px;
}
#main div.book div.black dl dt { font-weight: bold; }

#main div.book div.black ul {
	background: #FFA545;
	line-height:0;
	padding: 5px 10px 10px 10px;
	margin: 0 10px;
}
#main div.book div.black ul li { padding-top: 5px; }

#main div.book dl.readweb {
	background: url(../img/common/readweb_bg.gif);
	padding-bottom: 10px;
	position: relative;
	padding: 60px 10px 10px 10px;
}
#main div.book dl.readweb a { font-weight: bold }
#main div.book dl.readweb dt { position: absolute; top: -6px; left:0; }



/** 中央記事 **/
#main div.kiji { padding-left: 217px; width: 400px; }
#main div.kiji .ph img { border: solid 1px #E5E5E5; }
#main div.kiji a.icon01 { font-weight: bold; }
#main div.kiji h2 { position: absolute; }
#main div.kiji p.koshin { color: #FF0000; padding: 0 0 12px 190px; font-weight: bold; }

#main div.kiji div.osusume {
	background: url(../img/common/osusume_bg02.gif) repeat-y;
	position: relative;
	margin-top: 10px;
}
#main div.kiji div.osusume dl { 
	background: url(../img/common/osusume_bg03.gif) no-repeat left bottom;
	padding: 4px 5px 9px 5px;
}
#main div.kiji div.osusume dl dt {
	position: absolute;
	left: 10px;
	top: 3px;
}
#main div.kiji div.osusume dl dd { padding: 0px 0 2px 65px; }


#main div.kiji div.tokusyu { border-top: solid 2px #FF0000; padding-top: 15px; margin-top: 15px; }
#main div.kiji div.tokusyu li {
	position: relative;
	height: 129px;
}
#main div.kiji div.tokusyu li p { padding: 0 0 7px 158px; }
#main div.kiji div.tokusyu li p.ph { width: 150px; padding: 0; position: absolute; }
#main div.kiji div.tokusyu li.hac_ie6 { _margin-top: -100px; } 

#main div.kiji div.catch {	padding-top: 10px;}
#main div.kiji div.catch h3 { margin-bottom: 7px; }
#main div.kiji div.catch ul { width: 400px; }
#main div.kiji div.catch li { padding: 4px 10px 4px 10px; }
#main div.kiji div.catch li.bg { background: #FDF5E1; }

#main div.kiji div.person { padding-top: 25px;}
#main div.kiji div.person h3 { margin-bottom: 15px; }
#main div.kiji div.person ul { width: 400px; }
#main div.kiji div.person li { width: 200px; float: left; height: 71px; }
#main div.kiji div.person li p.ph { position:absolute; padding: 0; }
#main div.kiji div.person li p { padding: 15px 0 0 65px; font-weight: bold; } 

#main div.kiji div.ranking { clear: both; }
#main div.kiji div.ranking h3 { padding: 30px 0 15px 0; }
#main div.kiji div.ranking p.ph { float: left; width: 65px; padding-bottom: 30px;  }
#main div.kiji div.ranking dl { float: left; width: 330px; padding-bottom: 30px; }

#main div.yoyaku { clear: both; }
#main div.yoyaku h3 { padding: 0 0 15px 0;  }
#main div.yoyaku h4 { margin-bottom: 10px; }
#main div.yoyaku table {
	width: 398px;
	border: solid 1px #EDDAAC;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
#main div.yoyaku table th.cap { background: #FAEAC3; font-weight: bold; width: auto; }
#main div.yoyaku table th { background:#FDF5E1; width: 67px; }
#main div.yoyaku table th,
#main div.yoyaku table td { border: solid 1px #EDDAAC; vertical-align: top; padding: 5px; }
#main div.yoyaku p.sub { padding: 5px; border: solid 1px #EDDAAC; border-top: none;	margin-bottom: 10px; }
#main div.yoyaku p.txt { margin-bottom: 10px; }
#main div.yoyaku dl.caution {
	background: #F2F2F2;
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#main div.yoyaku dl dt { font-weight: bold; }

#main div.preview h3 { margin-bottom: 12px; }
#main div.preview p.ph { width: 130px; float: left; padding-top: 5px; padding-bottom: 30px;  }
#main div.preview dl { width: 260px; float: left; padding-top: 5px; padding-bottom: 30px;  }
#main div.preview dl dt { font-weight: bold; color: #FF9900; padding-bottom: 5px; }
#main div.preview a.icon01 { font-weight: normal; }

#main div.evo { clear: both; }
#main div.evo h3 { padding: 0 0 6px 0; }
#main div.evo p.number { color: #FF4040; font-weight: bold; margin-bottom: 6px; }
#main div.evo p.ph { width: 130px; float: left; padding-top: 5px; padding-bottom: 40px;  }
#main div.evo dl { width: 260px; float: left; padding-top: 5px; padding-bottom: 40px;  }
#main div.evo dl dt { font-weight: bold; color: #FF9900; padding-bottom: 5px; }
#main div.evo a.icon01 { font-weight: normal; }

#main div.anket { clear: both; }
#main div.anket div.box {
	border-top: solid 2px #FF0000;
	padding-top: 15px;
}
#main div.anket div.box p.ph { width: 70px; float: left; padding-bottom: 30px; }
#main div.anket div.box dl { width: 320px; float: left; padding-bottom: 30px; }

#main div.kojin {
	clear: both;
	border: solid 2px #FFBFBF;
	background: #FDF2F2;
	padding: 0 10px 10px 10px;
}
#main div.kojin p.tit { font-weight: bold; padding: 10px 0 5px 0;  }

#contents div.copy {
	clear: both;
	background: url(../img/common/contents_bg02.gif) no-repeat left bottom;
	padding-bottom: 20px; 
}
#contents div.copy p {
	margin-left: 33px;
	width: 913px;
	border-top: solid 1px #999;
	color: #999;
	padding-top: 12px;
}
/* -----right_side-----------------------------------------------------------------*/
/* AD bana */
#side { padding-top: 30px; }
#side #ad2 p { border: solid 5px #E5E5E5; }

/**  広告cci追加  -----------------*/
#side #ad2 #rectangle_300x250{
	background-color: #E5E5E5;
	padding: 5px;
}

/* オススメトピック */
#side div.topic {
	margin-top: 15px;
}
#side div.topic ul {
	border: solid 5px #E5E5E5;
	background: #FFF;
	overflow: hidden;
}
#side div.topic h2 { padding: 9px 0 4px 9px; background-color: #E5E5E5; }
#side div.topic li {
	background-color: #FFF;
	background-position: 0 16px;
	margin: 0 10px;
	padding-top: 8px;
	padding-bottom: 8px;
} 
#side div.topic li.topi1 {
	border-bottom: dotted 1px #E5E5E5;
}

/* -----HOT SPOT-----*/
.hs {
	margin-top: 15px;
}
.hs h2 {
	padding: 9px 0 4px 9px; background-color: #E5E5E5;
}
.hs ul {
	border: solid 5px #E5E5E5;
	background: #FFF;
	width: 300px;
	overflow: hidden;
}
.hs li {
	background-position: 0 10px;
	margin: 0 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 120px;
}
.adingo_keywords li {
background: url("../img/common/icon02.gif") no-repeat scroll 0 50% transparent;
padding-left: 10px;
}

/* overtur
#side div.overtur { margin-top: 15px; background-color: #FFE9AD; }
#side div.overtur h2 { padding: 5px; font-size: 109%;}
#side div.overtur h3 { padding-top: 6px; font-size: 117%; }
#side div.overtur table {
	border-left: solid 2px #FFE9AD;
	border-right: solid 2px #FFE9AD;
	border-bottom: solid 2px #FFE9AD;
	background-color: #fbf2d8;
	font-size: 88%;
}
#side div.overtur td { padding: 0 10px; }
#side div.overtur td.dotline {
	background: url(../../img/common/dots_g_w.gif) repeat-x left bottom;
	padding-top: 6px;
}/*
/* -----footer-----------------------------------------------------------------*/
#footer { background: #143C6C; color:#FFF; }

#footer a:link		{ color: #FFF; text-decoration: none; }
#footer a:visited	{ color: #FFF; text-decoration: none; }
#footer a:active		{ color: #EC981F; text-decoration: none; }
#footer a:hover		{ color: #EC981F; text-decoration: none; }

/* -----のサービス-----*/
#service { width: 980px; }
#service h2 { padding: 15px 0 10px 33px; }
#service ul.type01 { 
	width: 560px;
	float: left;
	padding-left: 33px;
}
#service ul.type01 li {
	float: left;
	height: 75px;
	width: 250px;
	position: relative;
	margin-right: 20px;
}
#service ul.type01 li h3 { font-weight: bold; }
#service ul.type01 li p,
#service ul.type01 li h3{
 padding-left: 115px;
}
#service ul.type01 li p.bana {
	position: absolute;
	left: 0; top: 0;
	padding: 0;
}

#service ul.type02 { 
	width: 200x;
	float: left;
	margin-right: 30px;
	list-style: disc inside;
	line-height: 2;
}
/* -----フッターリンク-----*/
#fnavi { clear: both; background: url(../../img/footer/footer_bg.gif) repeat-x; overflow: hidden; width: 100%; }
#fnavi ul { margin: 0 0 0 23px; padding-top: 2px; width: 980px; line-height:0; height: 32px; font-size: 5px; }
#fnavi li { float: left; margin-right: 36px; }

/* -----コピーライト-----*/
#footer address {
	clear: both;
	background: #F0F0F0;
	padding: 8px 0;
}
#footer address img { margin-left: 623px; }

/* ----- flashコメント追加 -----*/
#main div.kiji div.tokusyu div.noflash {
	background: #FDF2F2;
	padding: 8px 10px;
	margin-bottom: 10px;
}

/* ----- 左端　コメント追加 090806-----*/
#main div.book dl.pr_comment {
	padding: 10px 10px 10px 10px;
	background-color: #FDF5E1;
	margin-top:15px;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCC99;
}

#main div.book dl.pr_comment dt {
	font-weight: bold;
	margin-bottom: 5px;
	color: #FF3333;
}

/* ----- 右ブロック　MOOK紹介枠追加 101222-----*/
#side div.book2 {
	background: url(../../img/common/side_topi_bg.gif) repeat;
	margin: 15px 0;
	overflow: hidden;
	padding: 10px;
	width: 290px;
}
/* ネスケ対応 */
#side div.book2:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
#side div.book2 p.ph {
	width: 100px;
	float:left;
}
#side div.book2 dl {
	width: 175px;
	float:left;
}
#side div.book2 dl dt { font-weight: bold; }
#side div.book2 dl dd.txt { padding: 10px 0; }

#side #ad2 a:hover .alpha{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}