/*=============================================================================
Reset
==============================================================================*/
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;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/      
html {overflow-y: scroll; }
img {border-style:none;}

/*=============================================================================
Font
==============================================================================*/
/* --------------------------------------
　　全体で12pxを基準にしたフォントサイズパーセント表記
    Font-size Adjustment
     84% = 10px	|	134% = 16px	|	184% = 22px
     92% = 11px	|	142% = 17px	|	192% = 23px
    100% = 12px |	150% = 18px	|	200% = 24px
    109% = 13px	|	159% = 19px	|	209% = 25px
    117% = 14px	|	167% = 20px	|	217% = 26px
    125% = 15px	|	175% = 21px	|
-------------------------------------- */
body {
    font-size: 12px;
    font-family: "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
    color:#333;
}
/* for IE6 */
* html body { font-size: 75%; }
/* for IE7 */
*:first-child+html body { font-size: 75%; }

/*============================================================================
Base
==============================================================================*/
/* --------------------------------------
Anchor
-------------------------------------- */

a { color:#3399cc;}
a:hover {color:#6dcaf9;}


/* --------------------------------------
clearfix
--------------------------------------- */
/* for modern browser */
.clearfix:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}
/* for IE 5.5-7 */
.clearfix { zoom: 1; }



/* --------------------------------------
Layout
--------------------------------------- */

html, body {height: 100%; background-color:#fffeee;}

/* ---------- mainwrap ---------- */
#mainwrap { height:800px; width:100%; margin:0 auto; background:url(../img/bg.jpg) no-repeat center  top; }


#main {width:900px;margin:0 auto;position:relative;}
#main #header {width:900px;height:190px;}
#main h1 { text-indent:-999px; overflow:hidden;}

/*------#gNav------*/
#gNav {float:left;width:85px;padding:0 0 0 40px;}

#gNav li {height:82px;width:82px;}

#gNav li.new {padding:0 0 3px 0;}
#gNav li.magazine {padding:0 0 3px 16px;}
#gNav li.backnumber {padding:0 0 3px 0;}
#gNav li.RC {padding:0 0 3px 23px;}
#gNav li.editing {padding:0 0 3px 19px;}
#gNav li.works {padding:0 0 3px 0;}
#gNav li.link {padding:0 0 3px 17px;}

#gNav li a {text-indent:-999px;overflow:hidden;width:82px;height:82px;display:block;margin:0;padding:0;}

#gNav li.new a {background:url(../img/gNav-new_off.png) no-repeat left top;}
#gNav li.new a:hover {background:url(../img/gNav-new_on.png) no-repeat left top;}
#gNav li.magazine a {background:url(../img/gNav-magazine_off.png) no-repeat left top;}
#gNav li.magazine a:hover {background:url(../img/gNav-magazine_on.png) no-repeat left top;	}
#gNav li.backnumber a {background:url(../img/gNav-backnumber_off.png) no-repeat left top;}
#gNav li.backnumber a:hover {background:url(../img/gNav-backnumber_on.png) no-repeat left top;}
#gNav li.RC a {background:url(../img/gNav-RC_off.png) no-repeat left top;}
#gNav li.RC a:hover {background:url(../img/gNav-RC_on.png) no-repeat left top;}
#gNav li.editing a {background:url(../img/gNav-editing_off.png) no-repeat left top;	}
#gNav li.editing a:hover {background:url(../img/gNav-editing_on.png) no-repeat left top;}
#gNav li.works a {background:url(../img/gNav-works_off.png) no-repeat left top;	}
#gNav li.works a:hover {background:url(../img/gNav-works_on.png) no-repeat left top;}
#gNav li.link a {background:url(../img/gNav-link_off.png) no-repeat left top;}
#gNav li.link a:hover {background:url(../img/gNav-link_on.png) no-repeat left top;}


#topcont {width:453px;float:left;padding:115px 0 0 85px}

#moviearea {margin:0 0 50px 0;width:417px;height:244px;background:url(../img/movie.png) no-repeat left top;padding:13px 0 0 36px;}
#moviearea .movie {background:#ffffff;width:314px;height:192px;}

#latest {width:393px;height:113px;background:url(../img/bg-latest.png) no-repeat left top;padding:25px 30px 0;}
#latest dl dt {margin:0 0 5px 0;}
#latest dl dd {}

.btn-twitter {position:absolute;top:318px;right:30px;}




/* ---------- footer ---------- */
#footerwrap {
	width:100%;
	background:#fffeee;
	background:url(../img/bg-footer.jpg) no-repeat center top;
}
#footer {width:900px;margin:0 auto;padding:175px 0 0 0; position:relative;}
#footer .copyright {float:left;width:226px;padding:25px 0 0 335px;}

#footer .contact {float:left;width:175px;padding:0 0 0 125px;}
#footer .contact a {
text-indent:-999px;overflow:hidden;width:159px;height:65px;display:block;background:url(../img/contact_off.png) no-repeat left top;	}
#footer .contact a:hover {background:url(../img/contact_on.png) no-repeat left top;	}

#footer .btn-twitter { position:absolute; top:30px; left:277px;}