@charset "UTF-8";

/* Reset from EricMeyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* below is definition of basic structure */
body {
	font:10px/15px "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	color:#fff;
	background:#333333;
}
*html body {
	background:#333333;
}

#wrapper {
	width:780px;
	margin:5px auto;
	padding-bottom:20px;
	min-height:900px;
	text-align:center;
}

#header {
	text-indent:-99999px;
	position:relative;
	width:780px;
	height:40px;
	background:url(../images/header_background_20090426.png) no-repeat 0 0;
}

#header ul { position:absolute; width:200px; height:40px; top:0; right:10px; }
#header ul li { display:block; float:left; height:40px; }
#header ul li a { display:block; height:40px; text-indent:-99999px;}
#header ul li.home {width:55px;}
#header ul li.news {width:68px;}
#header ul li.profile {width:76px;}

#header ul li.home a {
	width:55px;
	background:url(../images/navi_20090426.png) no-repeat 0 0;
}
#header ul li.news a {
	width:68px;
	background:url(../images/navi_20090426.png) no-repeat -56px 0;
}
#header ul li.profile a {
	width:76px;
	background:url(../images/navi_20090426.png) no-repeat -124px 0;
}

#header ul li.home a:hover,#home #header ul li.home a {
	background:url(../images/navi_20090426.png) no-repeat 0 -40px;
}
#header ul li.news a:hover,#news #header ul li.news a {
	background:url(../images/navi_20090426.png) no-repeat -56px -40px;
}
#header ul li.profile a:hover,#profile #header ul li.profile a {
	background:url(../images/navi_20090426.png) no-repeat -124px -40px;
}

#main {
	width:780px;
	min-height:749px;
	margin:0 auto;
	color:#ffffff;
}

#footer {
	text-indent:-99999px;
	position:relative;
	width:780px;
	height:66px;
	background:url(../images/footer_background_20090426.png) no-repeat 0 0;
}

#footer ul li { position:absolute; }
#footer ul li a { display:block; text-indent:-999999px;}

#footer ul li.linktoofficialsite {
	width:160px;
	height:20px;
	top:15px;
	left:18px;
}
#footer ul li.linktoblog {
	width:240px;
	height:20px;
	top:15px;
	left:191px;
}

#footer ul li.linktoofficialsite a {
	width:160px;
	height:20px;
	background:url(../images/footer_linktoofficial_20090426.gif) no-repeat 0 0;
}
#footer ul li.linktoofficialsite a:hover {
	background:url(../images/footer_linktoofficial_20090426.gif) no-repeat 0 -20px;
}

#footer ul li.linktoblog a {
	width:240px;
	height:20px;
	background:url(../images/footer_linktoblog_20090426.gif) no-repeat 0 0;
}
#footer ul li.linktoblog a:hover {
	background:url(../images/footer_linktoblog_20090426.gif) no-repeat 0 -20px;
}


#footer p.rights {
	text-indent:-99999px;
}

#footer p.linktommv {
	position:absolute;
	width:80px;
	height:40px;
	top:6px;
	right:18px;
}

#footer p.linktommv a {
	display:block;
	width:80px;
	height:40px;
	text-indent:-99999px;
	background:url(../images/footer_linktommv_20090426.gif) no-repeat 0 0;
	border:0;
}


/* for HOME SCREEN */
#hero {
	margin:0;
	height:467px;
	background:url(../images/hero_20090426.jpg) no-repeat 0 0;
	text-indent:-99999px;
}
#home #contents {
	margin:0;
	height:282px;
	background:url(../images/hero_data_20090426.jpg) no-repeat 0 0;
	text-indent:-99999px;
}

/* for Non-Home Pages */
#news #main,#profile #main {
	background:url(../images/main_background_20090426.gif) repeat-y 0 0;
}

#news h1,#profile h1 { width:100px; margin:0 0 0 23px; text-indent:-99999px;}

#main .column1-2 {
	width:124px;
	min-height:750px;
	margin:0 0 0 19px;
	background:url(../images/contentspages_bullet_20090426.gif) no-repeat 0 0;
	float:left;
}
*html body #main .column1-2 {
	height:750px;
}
#main .column2-2 {
	width:460px;
	margin:0;
	padding-left:35px;
	float:left;
	color:#000;
	text-align:left;
}

/* for News Page */
#news h1 { height:46px; background:url(../images/news_title_20090426.gif) no-repeat left bottom; }
#news #main .column2-2 h2 {
	width:404px;
	margin:29px 0 7px;
	padding-left:18px;
	background:url(../images/news_bullet_20090426.gif) no-repeat 0 0;
}
#news .infoblock {
	width:422px;
	padding:12px 0;
	border-top:2px solid #666666;
	border-bottom:2px solid #666666;
}

#news .infoblock h3 {
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
#news .infoblock p  {
	font-size:12px;
}
#news .infoblock p a {
	color:#000;
	text-decoration:none;
}
#news .infoblock p a:hover {
	color:#090;
}

#news table.tourschedule {
	width:422px;
	font-size:10.5px;
	border-top:2px solid #666666;
	border-bottom:2px solid #666666;
	border-collapse:collapse;
}

#news table.tourschedule td {
	height:25px;
	vertical-align:middle;
	border-bottom:1px solid #000000;
}

.tourschedule td.date {
	width:81px;
	padding-left:15px;
	font-weight:bold;
	background-color:#e4e4e4;
}
.tourschedule td.date span {
	display:inline-block;
	width:30px;
	text-align:right;
	float:left;
}
.tourschedule td.dayoftheweek {
	width:25px;
	text-align:center;
	font-weight:bold;
	background-color:#c6c6c6;
}
.tourschedule td.place {
	padding-left:25px;
	font-size:10px;
	font-weight:bold;
	color:#adabaa;
}
.tourschedule td.place em {
	font-weight:bold;
	font-style:normal;
	color:#a2eea2;
}

/* for profile Page */
#profile h1 { height:46px; background:url(../images/profile_title_20090426.gif) no-repeat left bottom; }
#profile h3 {
	width:423px;
	height:25px;
	margin-bottom:10px;
	padding-top:250px;
	background:url(../images/profile_hero_20090426.jpg) no-repeat 0 0 ;
}
#profile .infoblock {
	width:422px;
	padding:0;
	border-top:2px solid #666666;
	border-bottom:2px solid #666666;
}


*html body#home #contents { margin-bottom:-154px; }
