@charset "UTF-8";

/* ****************************************************
Title: base.css
Created date: 2010/02/22
Last Modified: 2010/02/22
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 General Elements
#02 body
#03 layout
#04 header
#05 gNavi
#06 pageBody
#07 primary
#08 secondary
#09 footer

----------------------------------------*/


/* #01 General Elements
---------------------------------------------------------------------------- */

a { color: #FFDEC4; text-decoration: underline; outline: none; }
a:hover {text-decoration: none; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }


/* #02 body
---------------------------------------------------------------------------- */

body {
	background: #030303 url(../images/bg_body.gif) repeat-x 0 0;
	color: #FFDEC4;
}

p.forPrint {
	display: none;
}


/* #03 layout
---------------------------------------------------------------------------- */

div#layout {
	background: #1a1515 url(../images/bg_layout.gif) no-repeat 0 0;
	margin: 0 auto;
	padding: 0 4px 0 4px;
	width: 880px;
}


/* #04 header
---------------------------------------------------------------------------- */

div#header {
	background: url(../images/bg_header.gif) repeat-x left bottom;
	height: 92px;
	position: relative;
}

div#header p.headTxt {
	color: #898485;
	font-size: 90%;
	position: absolute;
	right: 22px;
	top: 7px;
}
 
div#header h1#logo {
	float: left;
	padding: 20px 0 0 41px;
}

div#header p.telTxt {
	float: right;
	padding: 39px 22px 0 0;
}


/* #05 gNavi
---------------------------------------------------------------------------- */

dl#gNavi {
	clear: both;
	padding: 0;
}


dl#gNavi dt {
	display: none;
}

dl#gNavi dd ul li {
	float: left;
	text-indent: -9999px;
}

dl#gNavi dd ul li a {
	display: block;
	height: 30px;
}

dl#gNavi dd ul li#gNaviHome, 
dl#gNavi dd ul li#gNaviHome a {
	background: url(../images/gnavi_home.gif) no-repeat 0 0;
	width: 143px;
}

dl#gNavi dd ul li#gNaviHome a:hover {
	background: url(../images/gnavi_home_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviConcept, 
dl#gNavi dd ul li#gNaviConcept a {
	background: url(../images/gnavi_concept.gif) no-repeat 0 0;
	width: 182px;
}

dl#gNavi dd ul li#gNaviConcept a:hover {
	background: url(../images/gnavi_concept_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviMenu, 
dl#gNavi dd ul li#gNaviMenu a {
	background: url(../images/gnavi_menu.gif) no-repeat 0 0;
	width: 157px;
}

dl#gNavi dd ul li#gNaviMenu a:hover {
	background: url(../images/gnavi_menu_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviRoom, 
dl#gNavi dd ul li#gNaviRoom a {
	background: url(../images/gnavi_room.gif) no-repeat 0 0;
	width: 104px;
}

dl#gNavi dd ul li#gNaviRoom a:hover {
	background: url(../images/gnavi_room_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviMedia, 
dl#gNavi dd ul li#gNaviMedia a {
	background: url(../images/gnavi_media.gif) no-repeat 0 0;
	width: 107px;
}

dl#gNavi dd ul li#gNaviMedia a:hover {
	background: url(../images/gnavi_media_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviAccess, 
dl#gNavi dd ul li#gNaviAccess a {
	background: url(../images/gnavi_access.gif) no-repeat 0 0;
	width: 105px;
}

dl#gNavi dd ul li#gNaviAccess a:hover {
	background: url(../images/gnavi_access_o.gif) no-repeat 0 0;
}

dl#gNavi dd ul li#gNaviBlog, 
dl#gNavi dd ul li#gNaviBlog a {
	background: url(../images/gnavi_blog.gif) no-repeat 0 0;
	width: 82px;
}

dl#gNavi dd ul li#gNaviBlog a:hover {
	background: url(../images/gnavi_blog_o.gif) no-repeat 0 0;
}


/* #06 pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	clear: both;
	padding: 35px 0 47px 0;
}


/* #07 primary
---------------------------------------------------------------------------- */

div#primary {
	float: left;
	padding: 0 0 0 35px;
	width: 504px;
}


/* #08 secondary
---------------------------------------------------------------------------- */

div#secondary {
	float: right;
	padding: 0 47px 0 0;
	width: 244px;
}


/* #09 footer
---------------------------------------------------------------------------- */

div#footer {
	background: #1A1515 url(../images/bg_footer.gif) repeat-x left bottom;
	color: #B0ABA9;
	clear: both;
	padding: 0 0 0 43px;
	height: 211px;
}

div#footer a {
	color: #B0ABA9;
	text-decoration: none;
}

div#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

div#footer ul#fNavi li {
	float: left;
	font-size: 90%;
	padding: 0 13px 0 0;
}

div#footer ul#fNavi li a {
	background: url(../images/bg_fnavi.gif) no-repeat 0 0;
	padding: 0 0 0 14px;
}

div#footer ul#fNavi li.fNaviFirst a {
	background: none;
	padding: 0;
}

div#footer p.pageTop {
	clear: both;
	padding: 10px 28px 0 0;
	text-align: right;
}

div#footer div.fBlock {
	background: url(../images/bg_dot.gif) repeat-x left bottom;
	padding: 46px 0 14px 0;
	width: 800px
} 

div#footer div.fBlock p.milleTxt {
	float: left;
} 

div#footer div.fBlock dl {
	float: left;
	font-size: 90%;
	padding: 0 0 0 18px;
	width: 500px;
} 

div#footer div.fBlock dl dd {
	margin: -1.4em 0 0 0;
	padding: 0 0 0 5.4em;
}

* html div#footer div.fBlock dl dd {
	padding: 0 0 0 5.1em;
}

*:first-child + html div#footer div.fBlock dl dd {
	padding: 0 0 0 5.1em;
}

div#footer p.copyright {
	clear: both;
	padding: 13px 0 0 0;
}

* html div#footer p.copyright {
	padding: 9px 0 0 0;
}

*:first-child + html div#footer p.copyright {
	padding: 9px 0 0 0;
}