﻿@charset "UTF-8";

/* Base font
======================================================================= */
h1, h2, h3, h4, h5, h6 {  }

a:link { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:hover { color:#999999; text-decoration:underline; }
a:active { color:#333333; text-decoration:none; }

/* Base layout
======================================================================= */

body { background:#eeeeee; text-align:center; }

/* Container
----------------------------------------------------------------------- */
div#container { width: 900px; margin: 0 auto; padding:0 0 20px; text-align:center; }

/* Header
------------------------------------------------------------------------*/
div#header { width:900px; height:72px; background:transparent url(../img/header_bg.jpg) no-repeat 0 0; text-align:left; }
div#header h1 { width:220px; height:62px; margin:6px 0 0 14px; }
div#header h1 a { display:block; width:220px; height:62px; text-indent:-9999px; }
div#header em { display:none; }


/* Main Visual
------------------------------------------------------------------------*/
div#mainVisual { position:relative; }

/* Glovel Navi
------------------------------------------------------------------------*/
div#gloNav { width:890px; height:61px; position:absolute; }
div#gloNav ul { margin-left:22px; }
div#gloNav ul li { float:left; display:inline; }
div#gloNav ul li a { display:block; width:114px; height:46px; margin-right:8px; text-indent:-9999px; }

/* Wrapper
------------------------------------------------------------------------*/
div#wrapper { width:890px; padding:0 5px; background:transparent url(../img/wrapper_bg.jpg) repeat-y; }
* html body div#wrapper { width:900px; } /* forIE6 */

/* Contents
------------------------------------------------------------------------*/
div#wrapper div#contents { margin:0; text-align:left; background:transparent url(../img/contents_bg.png) no-repeat 0 15px; }

div#wrapper div#bottomBnr { width:830px; margin:30px auto 0; padding-bottom:20px; color:#666666; }

/* Footer
------------------------------------------------------------------------*/
div#footer { width:900px; height:42px; background:transparent url(../img/footer_bg.jpg) no-repeat 0 0; color:#ffffff; }
div#footer a:link,
div#footer a:visited,
div#footer a:hover,
div#footer a:active { color:#ffffff; }
div#footer div.left { float:left; display:inline; padding:10px 0 0 30px; }
div#footer div.right { float:right; display:inline; padding:10px 30px 0 0; }

div#footer address { clear:both; text-align:right; font-size:85%; }


