@charset "UTF-8";
/* CSS Document */

/* ------ basic styling ------ */
* {
	margin: 0;
	padding: 0;
}
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic",sans-serif; 
	font-size: 62.5%;
	color:#000;
	background: url(../images/base/bcgd_pattern.jpg) fixed;
}
img {
	border: none;
}
li {
	list-style-type: none;	
}

h1 {
	font-size: 3em;
	line-height: 0.8;
	font-weight: normal;
	text-transform: lowercase;
}
h2 {
	font-size: 1.6em;
	font-weight: normal;
	text-transform: lowercase;
	line-height: 1.4;
	margin-bottom: 1.75em;
	background: url(../images/base/h2_bullet.gif) no-repeat left center;
	padding-left: 15px;
}
h3 {
	font-size: 1.4em;
	text-transform: uppercase;
	color: #DC3C18;
	font-weight: bold;
	margin-top: 2.5em;
	/*letter-spacing: 0.5px;*/
}
h4 {
	font-size: 1.2em;
	color: #666;
	font-weight: bold;
	line-height: 1.5;
}
blockquote {
	font-size: 1.2em;
	line-height: 1.5;
}
dl {
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 1.5em;
	width: 42em;
}
dl.credit {
	margin-left: 2em;
}
dl.credit dt {
	float: left;
	clear: left;
	color: #666;
	font-style: italic;
	margin-right: 0.5em;
}
dl.credit dd {
	margin-bottom: 0.5em;
	margin-left: 3em;
}
dl.schedule {
	margin-bottom: 1.5em;
	margin-left: 2em;
}
dl.schedule dt {
	float: left;
	clear: left;
	font-weight: bold;
	background: url(../images/base/submenu_bullet.gif) no-repeat left center;
	padding-left: 1.5em;
}
dl.schedule dd {
	margin-left: 14.5em;
	margin-bottom: 1em;
}
dl.schedule dd.title {
	font-weight: bold;
	margin-bottom: 0;
}

/* -- type style --*/
.highlight {
	font-weight: bold;
	text-transform: uppercase;
}
.source {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.lowercase {
	text-transform: none;
	letter-spacing: 0;
}
.regular {
	font-weight: normal;
}	

/* -- float class --*/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.floatrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0.5em 0 1em 1em;
}
.floatlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0.5em 1em 1em 0;
}
.nonefloat {
	float: none;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* ------ header ------ */
#header {
	height: 300px;
	background: url(../images/base/naokibi_logo_lrg.gif) no-repeat right bottom;
} 
#header h1 {
	text-indent: -1000px;
}

/* ------ main ------ */
#main {
	padding: 1em 0 0 220px;
	
	background: url(../images/base/naobw_home.gif) no-repeat left bottom;
}

/* ------ contents ------ */
#contents {
	margin-bottom: 30px;
	padding: 0 30px;
}
#contents h1 {
	display: none;
}
#contents p {
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 1em;
}
#contents img {
	padding: 4px;
	border: dashed 1px #666;
}
#contents img.floatrt {
	margin-right: -30px;
}
#contents a:link , #contents a:visited{
	color: #DC3C18;
	text-decoration: underline;
}
#contents a:hover, #contents a:active {
	color: #000;
	background-color: #E6E6E6;
}
#contents p.note {
	font-size:1.1em;
	color: #666;
	margin-top: 3em;
	padding-left: 1em;
	text-indent: -1em;
}

/* ------ menu ------ */
#menu {
	background: url(../images/base/footer_bcgd.gif) no-repeat;
	height: 90px;
	position: relative;
	padding-top: 10px;
}
#menu li {
	font-size: 10px;
	font-weight: normal;
	display: inline;
}
#menu ul.external {
	text-align: right;
	position: absolute;
	right: 15px;
	bottom: 10px;
}
#menu ul.external a {
	color: #DC3C18;
	text-decoration: none;
	margin-left: 1em;
}
#menu ul.external a:hover {
	text-decoration: underline;
}
#menu ul.mainMenu {
	width: 100%;
	text-align: center;
	/*position: absolute;
	top: 10px;*/
}
#menu ul.mainMenu a {
	color: #999;
	text-decoration: none;
	margin-right: 1.1em;
}
#menu ul.mainMenu a:hover {
	color: #fff;
}

/* ------ footer ------ */
#footer p {
	display: none;
}
/* --indicating current page-- */
#home #homeLink a, #home #homeLink a:hover{
	color: #DC3C18;
	font-weight: bold;
	cursor: default;
}