@charset "utf-8";

/* ************************ */
/* RESET */
/* ************************ */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}


/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#FFF url(../img/bg.jpg) repeat-x top left;
	font-size: 12px;
	color: #333;
	line-height:1.5em;
	margin: 0;
	padding: 0;
	}

#contents {
	width:972px;
	height:100%;
	text-align: left;
	margin:0px auto 0px;
	background:url(../img/ct_bg.png) repeat-y top left;
	}

#contents-bottom{
	width:972px;
	height:34px;
	text-align: left;
	margin:0px auto 0px;
	background:url(../img/ct_bg_bottom.png) no-repeat top left;
	padding-bottom:10px;
	}
/* ************************ */
/* HEADER */
/* ************************ */

#header{
	width:926px;
	/*height:22px;*/
	margin:0px auto 0px;
	margin-bottom:7px;
}

#header h1{
	width:188px;
	height:65px;
	padding:0px 0px 0px 0px;
	margin-top:24px;
	float:left;
}

.header-bn{
	padding:0px 0px 0px 0px;
	float:right;
	margin-top:10px;
}

/* ************************ */
/* NAVIGATION */
/* ************************ */

#g-navi {
	width: 958px;
	overflow: hidden;
	background:url(../img/menu_bg.jpg) repeat-x top left;
	/*height: 11px;*/
	/*margin:0px 0px 18px 0px;*/
	padding:0px 0px 0px 0px;
	margin:0px auto 0px;
	margin-bottom:12px;
	/*float:left;*/
}

#g-navi ul#g-navi-list li {
    float: left;
	list-style : none;
}

#g-navi ul#g-navi-list li a {  
    display: block;  
    text-decoration: none;  
    text-indent: -9999px;  
    /*width: 76px;*/  
    height: 54px;
	text-align:left;
}  

/* ### HOME ### */
#g-navi ul#g-navi-list li.menu01 a {
    background: url(../img/menu01.jpg) no-repeat 0 0;
	width:87px;
}

#g-navi ul#g-navi-list li.menu01 a:hover {
    background: url(../img/menu01.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu01.current a{
	background: url(../img/menu01.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ### TOPICS ### */
#g-navi ul#g-navi-list li.menu02 a {
    background: url(../img/menu02.jpg) no-repeat 0 0;
	width:94px;
}

#g-navi ul#g-navi-list li.menu02 a:hover {
    background: url(../img/menu02.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu02.current a{
	background: url(../img/menu02.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ### NEXT ISSUE ### */
#g-navi ul#g-navi-list li.menu03 a {
    background: url(../img/menu03.jpg) no-repeat 0 0;
	width:108px;
}

#g-navi ul#g-navi-list li.menu03 a:hover {
    background: url(../img/menu03.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu03.current a{
	background: url(../img/menu03.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ### ABOUT ### */
#g-navi ul#g-navi-list li.menu04 a {
    background: url(../img/menu04.jpg) no-repeat 0 0;
	width:97px;
}

#g-navi ul#g-navi-list li.menu04 a:hover {
    background: url(../img/menu04.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu04.current a{
	background: url(../img/menu04.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ### SUBSCRIPTION ### */
#g-navi ul#g-navi-list li.menu05 a {
    background: url(../img/menu05.jpg) no-repeat 0 0;
	width:135px;
}

#g-navi ul#g-navi-list li.menu05 a:hover {
    background: url(../img/menu05.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu05.current a{
	background: url(../img/menu05.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ### BACKNUMBER ### */
#g-navi ul#g-navi-list li.menu06 a {
    background: url(../img/menu06.jpg) no-repeat 0 0;
	width:128px;
}

#g-navi ul#g-navi-list li.menu06 a:hover {
    background: url(../img/menu06.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu06.current a{
	background: url(../img/menu06.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ### PRESENT ### */
#g-navi ul#g-navi-list li.menu07 a {
    background: url(../img/menu07.jpg) no-repeat 0 0;
	width:93px;
}

#g-navi ul#g-navi-list li.menu07 a:hover {
    background: url(../img/menu07.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

#g-navi ul#g-navi-list li.menu07.current a{
	background: url(../img/menu07.jpg) no-repeat 0px -54px;
	cursor: pointer;
}

/* ************************ */
/* INNER CONTENTS */
/* ************************ */

#inner{
	width:926px;
	margin:0px auto 0px;
}

#contents-area{
	width:610px;
	float:left;
	padding-right:16px;
}

/* ************************ */
/* SIDE BAR */
/* ************************ */

#sidebar{
	width:300px;
	float:left;
	padding-bottom:16px;
}

/* ************************ */
/* FOOTER */
/* ************************ */

#footer{
	width:926px;
	margin:0px auto 0px;
	border-top:#A98E94 1px solid;
	padding-bottom:3px;
	padding-bottom:26px;
}

#footer p.sublink{
	color:#333;
	font-size:10px;
	float:left;
}

#footer p.cpright{
	color:#333;
	font-size:10px;
	float:right;
}

#footer a{
	color:#333;
}

#footer a:hover{
	color:#FF6600;
	text-decoration:none;
}

/* ************************ */
/* NEW ISSUE */
/* ************************ */

#newissue-left{
	width:200px;
	float:left;
	padding-right:16px;
}

#newissue-left p.dt{
	font-size:9px;
	line-height:150%;
}

.cover-img{
	padding-bottom:12px;
}

#newissue-right{
	width:394px;
	float:left;
	padding-bottom:12px;
}

/* ************************ */
/* SUBSCRIPTION */
/* ************************ */

#subscription h2{
	text-indent:-9999px;
    background: url(../img/sc_01.gif) no-repeat 0 0;
	width:473px;
	height:66px;
	padding-bottom:18px;
}

#subscription h3{
	text-indent:-9999px;
    background: url(../img/sc_02.gif) no-repeat 0 0;
	width:425px;
	height:49px;
	padding-bottom:12px;
	text-align:left;
}

#subscription h4{
	font-size:1.3em;
	font-weight:bold;
	color:#7E0548;
	padding-bottom:5px;
}

#subscription p.qrex{
	font-size:1em;
	font-weight:bold;
	/*color:#7E0548;*/
}

#subscription p.payment{
	text-indent:-9999px;
    background: url(../img/sc_04.gif) no-repeat 0 0;
	width:190px;
	height:19px;
	padding-bottom:7px;
}

#porch-pr{
	width:610px;
	min-height:150px;
	height: auto !important;
	height: 150px;
	background: url(../img/porch_img.png) no-repeat top right;
}


#porch-pr p{
	font-size:1.2em;
}

#porch-pr p.sc-price{
	text-indent:-9999px;
    background: url(../img/sc_price.gif) no-repeat 0 0;
	width:310px;
	height:61px;
	padding-bottom:7px;
}

#porch-pr p.cation{
	font-size:10px;
	line-height:150%;
	padding-bottom:12px;
}

/* ************************ */
/* BACKNUMBER */
/* ************************ */

#backnumber{
	width:610px;
}

#bk-box-left{
	width:298px;
	padding-right:20px;

}

#bk-box-right{
	width:298px;

}

#backnumber .coverimg{
	width:135px;
	padding-right:10px;
	float:left;
	overflow:hidden;
	padding-bottom:16px;
}

#backnumber .ctn-box{
	width:150px;
	padding-right:10px;
	float:left;
}

#backnumber .ctn-box h3{
	font-size:10px;
	font-weight:bold;
	color:#CC2229;
	padding-bottom:3px;
	line-height:130%;
}

#backnumber .ctn-box h4{
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding-bottom:4px;
	line-height:135%;
}

#backnumber p{
	font-size:10px;
	line-height:145%;
}

#backnumber a{
	font-size:10px;
	font-weight:bold;
	color:#990000;
}

#backnumber a:hover{
	color:#333;
	text-decoration:none;
}

p.sellbt{
	width:150px;
	height:21px;
	display:block;
	margin-top:6px;
}

p.sellbt{
	text-indent: -9999px;
}

p.sellbt a{
    background: url(../img/bt_sell.gif) no-repeat 0px 0px;
	height:21px;
	width:150px;
	display:block;
}

p.sellbt a:hover{
    background: url(../img/bt_sell.gif) no-repeat 0px -21px;;
	width:150px;
	cursor: pointer;
}

p.ota{
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:12px;
	color:#000;
}

p.bktel{
	text-indent:-9999px;
    background: url(../img/bk_tel.gif) no-repeat 0 0;
	width:250px;
	height:27px;
	padding-bottom:10px;
}

p.bkfax{
	text-indent:-9999px;
    background: url(../img/bk_fax.gif) no-repeat 0 0;
	width:250px;
	height:27px;
	padding-bottom:10px;
}

p.cj{
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:12px;
	color:#000;
	border-top:#666 1px dotted;
	padding-top:10px;
	margin-top:10px;
	padding-bottom:2px;
}