@charset "utf-8";
/* Common */
body {
	font-family:Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:0.75em;/*12px*/
	line-height: 1.4;
	color:#333;
	background:#fff url(../images/background.jpg) center top fixed no-repeat;
}
p {
	padding-bottom:1em;
	word-wrap:break-word;
}
.wrap {
	margin:0 auto;
	width:980px;
}
.left { float:left; }
.right { float:right; }
#scroller {
	position:fixed;
	top:317px;
	left:0;
	width:32px;
}
/*LinkColor
*******************************************/
a { color:#333; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
/*tagline
*******************************************/
#tagline { background:#000 url(../images/header/tagline.gif) bottom repeat-x;
min-width:980px;
width:auto !important;
width:980px; }
#tagline .wrap {
	line-height:33px;
	color:#fff;
	font-size:1.167em;
}
#tagline .wrap img {
	float:right;
	margin:4px 0 0 5px;
}
h1 { float:left; }
/*Header
*******************************************/
#header { height:170px; }
#header .logo {
	float:left;
	margin:20px 0 0 2px;
}
#published {
	float:left;
	margin:55px 0 0 20px;
}
#published span {
	color:#f60;
	font-size:3.167em;
}
#serch {
	float:left;
	margin:70px 0 0 20px;
}
#serch div {
	float:left;
	height:28px;
	border:#c2c2c2 1px solid;
	background:#fff url(../images/icon/icon_serch.gif) left center no-repeat;
}
#serch input[type^="text"] {
	margin:8px 8px 8px 25px;
	width:200px;
	border:none;
}
#serch input[type^="submit"] {
	float:left;
	width:40px;
	height:30px;
	background:url(../images/header/btn_serch.gif) no-repeat;
	border-left:none;
}
#header .utility {
	float:right;
	margin-top:20px;
}
#header .utility div, #footer .utility div {
	position:relative;
	float:left;
	margin-left:9px;
	width:82px;
	text-align:center;
	font-weight:bold;
}
#header div.free span, #footer div.free span {
	position:absolute;
	top:-15px;
	right:-10px;
	z-index:10;
}
/*Main
*******************************************/
#main {
	float:left;
	width:736px;
}
.box02 {
	float:left;
	margin-right:4px;
	padding-top:13px;
	width:176px;
	background:url(../images/box/box02_top.png) center top no-repeat;
}
.box02 .inner {
	padding-bottom:13px;
	background:url(../images/box/box02_bottom.png) center bottom no-repeat;
}
.box02 .inner2 {
	position:relative;
	padding:0 13px 0;
	background:url(../images/box/box02_body.png) center repeat-y;
}
.box02 .inner2 p{
	padding:0;
}
.box02 a {
	color:#930;
	font-size:0.833em;
}
.box02 p a {
	color:#000;
	font-size:1em;
}
.box02 .magazine {
	position:relative;
	margin-bottom:2px;
	width:150px;
	height:90px;
	overflow:hidden;
}
.box02 .rank1, .box02 .rank2, .box02 .rank3, .box02 .new {
	position:absolute;
	z-index:10;
	text-indent:-9999px;
}
.box02 .rank1, .box02 .rank2, .box02 .rank3 {
	top:-10px;
	left:-10px;
	width:39px;
	height:31px;
}
.box02 .new {
	top:-20px;
	right:-5px;
	width:47px;
	height:47px;
	background:url(../../common/images/icon/icon_new.png) no-repeat;
}
.box02 .rank1 { background:url(../../common/images/icon/icon_rank1.png) no-repeat; }
.box02 .rank2 { background:url(../../common/images/icon/icon_rank2.png) no-repeat; }
.box02 .rank3 { background:url(../../common/images/icon/icon_rank3.png) no-repeat; }
.box02 p {
	margin:0;
	width:150px;
	font-weight:bold;
}
.box02 .magazine img {
	position:absolute;
	top:0;
	left:0;
}
.box03 {
	padding-top:30px;
	background:url(../images/box/box03_top.png) center top no-repeat;
}
.box03 .inner {
	padding-bottom:30px;
	background:url(../images/box/box03_bottom.png) center bottom no-repeat;
}
.box03 .inner2 {
	padding:0 20px;
	background:url(../images/box/box03_body.png) center repeat-y;
}
.catecg{
	margin:3px 0;
	padding:2px 3px 2px 3px;
	background:url(../images/box/catecg.gif);}
/*Pagenation
*******************************************/
ul.pagenation { margin:15px 0 15px 10px; }
.pagenation li {
	float:left;
	font-weight:bold;
	margin-right:5px;
}
.pagenation li.prev a { background:transparent url(../images/icon/icn_prev.png) center center no-repeat; }
.pagenation li.next a { background:transparent url(../images/icon/icn_next.png) center center no-repeat; }
.pagenation li.prev a, .pagenation li.next a {
	width:8px;
	border:none;
	text-indent:-9999px;
}
.pagenation li a {
	display:block;
	width:1.5em;
	height:1.5em;
	line-height:1.55em;
	background:#fff;
	border:#afaca0 1px solid;
	text-align:center;
}
.pagenation li.now {
	width:1.5em;
	height:1.5em;
	line-height:1.55em;
	text-align:center;
	color:#fff;
	border:#afaca0 1px solid;
	background-color:#a18b89;
}

/*Side
*******************************************/
#side {
	float:right;
	width:236px;
}
#imgPreviewWithStyles { z-index:20; }
#news {
	margin:20px 0 0 3px;
	width:230px;
	background:url(../images/footer/bg_footer.png);
	color:#fff;
}
#BannerArea { position:relative; }
#overpanel { z-index:200; }
.overpanelPos {
	display: block;
	position: absolute;
}

#news p { padding:10px 15px; }
#news a { color:#fff; }
#facebook {
	width:234px;
	height:230px;

	overflow:hidden; margin:20px 0 0 0; }
#facebook iframe {
	margin:-1px 0 0 -1px;}
/*Footer
*******************************************/
#footer {
	margin-top:30px;
	padding:15px 0;
	background:url(../images/footer/bg_footer.png);
	color:#fff;
	min-width:980px;
	width:auto !important;
	width:980px; 
}
#footer a { color:#fff; }
#footera:hover {
	text-decoration:underline;
	color:#fff;
}
#footer p { font-size:1.167em; }
#footer .utility {
	float:left;
	margin-left:20px;
}
#footer .utility p { font-size:1em; }
#quicklink {
	float:left;
	margin-left:20px;
}
#quicklink li {
	padding-left:10px;
	background:url(../images/icon/icon_list01.gif) left center no-repeat;
}
#privacy {
	margin-top:5px;
	padding-top:5px;
	border-top:#a48982 1px solid;
}
#banner { float:right; }
#banner img {
	float:left;
	margin-left:10px;
}
#copyright {
	color:#fff;
	background:#000;
	padding:20px 0;
	min-width:980px;
	width:auto !important;
	width:980px; 
}
#company { float:left; margin-bottom:20px;}
#company img { margin:3px 0; }
#copy {
	float:right;
	margin-top:1em;
}

div#company_link {
	margin-bottom:20px;} 

div#company_link ul#related_navi{
	width:980px;
/*	margin:0 auto; */
	overflow:hidden;
	
}

div#company_link ul#related_navi li{
/*	margin-left:10px; */
	padding:0 13px;
	font-size:10px;
	float:left;
	border-left:2px solid #717171;
}

div#company_link ul#related_navi li.last{
	border-right:2px solid #717171;
}

div#company_link ul#related_navi li a{
	color:#fff;
	text-decoration:none;
}

div#company_link ul#related_navi li a:hover{
	color:#ff8c04;
	text-decoration:none;
}