@charset "euc-jp";
/***********************************************************************
	time_train用css
	
	作成:delta (http://www.9fubs.net/)
	
	目次:
	
	1 - 汎用
	2 - 構造/レイアウト
	3 - 各ページbody_ID
	4 - navi
	5 - index_page
	6 - TOP_menu
	7 - about_page
	8 - works_page
	9 - event_page
	10 - tt4_page
	11 - poem_page
	                       
************************************************************************/

/***********************************************************************
	1 - 汎用                       
************************************************************************/

*{ 
	margin: 0; 
	padding: 0; 
}

body {
	font: 12px "Osaka","ＭＳ Ｐゴシック",  sans-serif;
	color: #333333;
}

.dis_none {
	display:none;
}

img { 
	border: 0;
	display: block;
}

.clear {
	clear:both;
}

.notice { 
  color: #e96149;
  font-size: x-small;
 }

a:link {
		COLOR: #666666;border:underline;
		}
a:visited {
		COLOR: #666666;border:underline;
		}
a:active {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
a:hover {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
}

img:link {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
img:visited {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
img:active {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
		}
img:hover {
		COLOR: #666666;TEXT-DECORATION: none; border:none;
}

/***********************************************************************
	2 - 構造/レイアウト
************************************************************************/

#container {
	position: relative;
	margin: 0 auto;
	top:300px;
	width: 780px;
	text-align: center;
}

/***********************************************************************
	3 - 各ページbody_ID
************************************************************************/

#top_menu {
	position:relative;
	float:left;
	background-position:0px 3000px;
}

#top_menu_h {
	background:#999 url("../img/menu/menu_bg.gif") bottom right repeat-y;
	background-position:0px 3000px;
}

#body_about {
	position:relative;
	float:left;
	background: url("../img/bg/about_bg.gif") bottom right no-repeat;
}

#body_works {
	position:relative;
	float:left;
	background: url("../img/bg/works_bg.gif") bottom left repeat-y;
	background-position:0px 600px;
}

#body_event {
	position:relative;
	float:left;
	background: url("../img/bg/event_bg.gif") top right no-repeat;
}

#body_tt4 {
	position:relative;
	float:left;
	background:#5ba634 url("../img/bg/tt4_bg.gif") top right no-repeat;
}

/* 以下poemページ用#body */

#body_picnic {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/picnic_bg.gif") bottom left no-repeat;
}

#body_btbs {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/btbs_bg.gif") bottom right no-repeat;
}

#body_6days {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/6days_bg.gif") bottom right no-repeat;
}

#body_orange {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/orange_bg.gif") bottom right no-repeat;
}

#body_koiugakubo {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/koiugakubo_bg.gif") bottom right no-repeat;
}

#body_hikari {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/hikari_bg.gif") bottom right no-repeat;
}

#body_kagerou {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/kagerou_bg.gif") bottom right no-repeat;
}

#body_tako {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/tako_bg.gif") bottom right no-repeat;
}

#body_chinohate {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/chinohate_bg.gif") bottom right no-repeat;
}

#body_jet {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/jet_bg.gif") bottom right no-repeat;
}

#body_jitensya {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/jitensya_bg.gif") bottom right no-repeat;
}

#body_sunahama {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/sunahama_bg.gif") bottom right no-repeat;
}

#body_tosyositsu {
	position:relative;
	float:left;
	background:#fff url("../img/bg/poem_bg/tosyositsu_bg.gif") bottom right no-repeat;
}

/***********************************************************************
	4 - navi
************************************************************************/

#navi ul {
	position:relative;
}

#navi li {
	position:relative;
	list-style-type: none;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}

#navi .about a {
	display:block;
	width:31px;
	height:39px;
	margin-left:10px;
	background: url("../img/menu/button/navi/about.gif") top left no-repeat;
}

#navi .about a:hover {
	background: url("../img/menu/button/navi/about_on.gif") top left no-repeat;
}

#navi .works a {
	display:block;
	width:32px;
	height:39px;
	margin-left:11px;
	background: url("../img/menu/button/navi/works.gif") top left no-repeat;
}

#navi .works a:hover {
	background: url("../img/menu/button/navi/works_on.gif") top left no-repeat;
}

#navi .event a {
	display:block;
	width:30px;
	height:39px;
	margin-left:12px;
	background: url("../img/menu/button/navi/event.gif") bottom left no-repeat;
}

#navi .event a:hover {
	background: url("../img/menu/button/navi/event_on.gif") bottom left no-repeat;
}

#navi .store a {
	display:block;
	width:27px;
	height:39px;
	margin-left:16px;
	background: url("../img/menu/button/navi/store.gif") bottom left no-repeat;
}

#navi .store a:hover {
	background: url("../img/menu/button/navi/store_on.gif") bottom left no-repeat;
}

#navi .mail a {
	display:block;
	width:24px;
	height:39px;
	margin-left:18px;
	background: url("../img/menu/button/navi/mail.gif") top left no-repeat;
}

#navi .mail a:hover {
	background: url("../img/menu/button/navi/mail_on.gif") top left no-repeat;
}

#navi .top a {
	display:block;
	width:24px;
	height:39px;
	margin-left:19px;
	background: url("../img/menu/button/navi/top.gif") bottom left no-repeat;
}

#navi .top a:hover {
	background: url("../img/menu/button/navi/top_on.gif") bottom left no-repeat;
}

/***********************************************************************
	5 - index_page
************************************************************************/

#title {
	position: relative;
	margin: 10px auto;
	height:12px;
	width:75px;
	background:url("../img/top_img/title.jpg") top center no-repeat;
}

#title a {
	display:block;
	width:75px;
	height:12px;
}

/***********************************************************************
	6 - TOP_menu
************************************************************************/

#left_menu {
	position:relative;
	float:left;
	width:300px;
	height:600px;
	background: url("../img/menu/menu_bg.gif") bottom left repeat-y;
}

#right_menu {
	position:relative;
	float:right;
	width:300px;
	text-align:right;
	height:600px;
	background: url("../img/menu/menu_bg.gif") bottom right repeat-y;
}

.right_margin {
	margin:10px;
	line-height:20px;
}

#event {
	position:relative;
	float:left;
	margin-top:35px;
	width:300px;
	height:85px;
}

#event a {
	position:relative;
	float:left;
	display:block;
	margin-left:122px !important;
	margin-left:61px;
	width:85px;
	height:85px;
	background: url("../img/menu/button/event.gif") top left no-repeat;
}

#event a:hover {
	background: url("../img/menu/button/event_on.gif") top left no-repeat;
}

#mail {
	position:relative;
	float:left;
	margin-top:8px;
	width:300px;
	height:42px;
}

#mail a {
	position:relative;
	float:left;
	display:block;
	margin-left:76px !important;
	margin-left:38px;
	width:42px;
	height:42px;
	background: url("../img/menu/button/mail.gif") top left no-repeat;
}

#mail a:hover {
	background: url("../img/menu/button/mail_on.gif") top left no-repeat;
}

#store {
	position:relative;
	float:left;
	margin-top:2px;
	width:300px;
	height:49px;
}

#store a {
	position:relative;
	float:left;
	display:block;
	margin-left:174px !important;
	margin-left:87px;
	width:49px;
	height:49px;
	background: url("../img/menu/button/store.gif") top left no-repeat;
}

#store a:hover {
	background: url("../img/menu/button/store_on.gif") top left no-repeat;
}

#tt4 {
	position:relative;
	float:left;
	width:300px;
	height:59px;
	background-position:15px 0px;
}

#tt4 a {
	position:relative;
	float:left;
	display:block;
	margin-left:108px !important;
	margin-left:54px;
	width:59px;
	height:59px;
	background: url("../img/menu/button/tt4.gif") top left no-repeat;
}

#tt4 a:hover {
	background: url("../img/menu/button/tt4_on.gif") top left no-repeat;
}

#works {
	position:relative;
	float:left;
	margin-top:4px;
	width:300px;
	height:78px;
}

#works a {
	position:relative;
	float:left;
	display:block;
	margin-left:144px !important;
	margin-left:72px;
	width:78px;
	height:78px;
	background: url("../img/menu/button/works.gif") top left no-repeat;
}

#works a:hover {
	background: url("../img/menu/button/works_on.gif") top left no-repeat;
}

#about {
	position:relative;
	float:left;
	margin-top:18px;
	width:300px;
	height:62px;
}

#about a {
	position:relative;
	float:left;
	display:block;
	margin-left:220px !important;
	margin-left:110px;
	width:62px;
	height:62px;
	background: url("../img/menu/button/about.gif") top left no-repeat;
}

#about a:hover {
	background: url("../img/menu/button/about_on.gif") top left no-repeat;
}

#new_title {
	color:#FF3300;
	font-weight:bold;
	margin-bottom:10px;
}

/***********************************************************************
	7 - about_page
************************************************************************/

#body_about p {
	width:500px;
	line-height:18px;
	margin-left:30px;
	margin-bottom:20px;
	padding-left:10px;
}

/***********************************************************************
	8 - works_page
************************************************************************/

#body_works .title_list {
	width:300px;
	line-height:18px;
	margin-left:480px;
	margin-bottom:20px;
	margin-top:20px;
	list-style-type: none;
}

#body_works .title_list a {
	padding-left:8px;
	margin-right:5px;
	text-decoration:none;

}

#body_works .title_list a:hover {
	background: url("../img/button/red_button.gif") no-repeat;	
	background-position:0% 40%;
	padding-left:8px;
	margin-right:5px;
	color:#0000FF;
}

/***********************************************************************
	9 - event_page
************************************************************************/

#body_event .title_list {
	width:300px;
	line-height:18px;
	margin-left:40px;
	margin-bottom:20px;
	margin-top:20px;
	list-style-type: none;
}

#body_event .title_list li {
	margin-bottom:10px;
}

#body_event .title_list img {
	padding:1px;
	border:1px solid #ccc;
	text-decoration:none;
}

#body_event .title_list img:hover {
	border:1px solid #E79012;
}

/***********************************************************************
	10 - tt4_page
************************************************************************/

#tt4_navi ul {
	position:relative;
}

#tt4_navi li {
	position:relative;
	list-style-type: none;
	float:left;
	margin-top:20px;
	margin-bottom:30px;
}

#tt4_navi .about a {
	display:block;
	width:31px;
	height:39px;
	margin-left:10px;
	background: url("../img/menu/button/tt4_navi/about.gif") top left no-repeat;
}

#tt4_navi .about a:hover {
	background: url("../img/menu/button/tt4_navi/about_on.gif") top left no-repeat;
}

#tt4_navi .works a {
	display:block;
	width:32px;
	height:39px;
	margin-left:11px;
	background: url("../img/menu/button/tt4_navi/works.gif") top left no-repeat;
}

#tt4_navi .works a:hover {
	background: url("../img/menu/button/tt4_navi/works_on.gif") top left no-repeat;
}

#tt4_navi .event a {
	display:block;
	width:30px;
	height:39px;
	margin-left:12px;
	background: url("../img/menu/button/tt4_navi/event.gif") bottom left no-repeat;
}

#tt4_navi .event a:hover {
	background: url("../img/menu/button/tt4_navi/event_on.gif") bottom left no-repeat;
}

#tt4_navi .store a {
	display:block;
	width:27px;
	height:39px;
	margin-left:16px;
	background: url("../img/menu/button/tt4_navi/store.gif") bottom left no-repeat;
}

#tt4_navi .store a:hover {
	background: url("../img/menu/button/tt4_navi/store_on.gif") bottom left no-repeat;
}

#tt4_navi .mail a {
	display:block;
	width:24px;
	height:39px;
	margin-left:18px;
	background: url("../img/menu/button/tt4_navi/mail.gif") top left no-repeat;
}

#tt4_navi .mail a:hover {
	background: url("../img/menu/button/tt4_navi/mail_on.gif") top left no-repeat;
}

#tt4_navi .top a {
	display:block;
	width:24px;
	height:39px;
	margin-left:19px;
	background: url("../img/menu/button/tt4_navi/top.gif") bottom left no-repeat;
}

#tt4_navi .top a:hover {
	background: url("../img/menu/button/tt4_navi/top_on.gif") bottom left no-repeat;
}

#body_tt4 p{
	color:#FFFFFF;
	margin:10px;
	margin-bottom:20px;
	line-height:18px;
}

#body_tt4 .tt4 a{
	color:#FFFF66;
}

#ajax_tooltipObj .ajax_tooltip_arrow{
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:300px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
	line-height:18px;
}

#ajax_tooltipObj .ajax_tooltip_content h3{
	color:#333333;
	font-size:13px;
	margin-bottom:5px;
}

.input_form {
	margin-bottom:10px;
	font:12px;
	text-align:left;
	line-height:24px;
	background:#fff;
	margin-left:20px;
}

.input_form td,
.input_form th{
	padding:5px;
	padding-left:7px;
	text-align: left;
	font-weight: normal;
	text-align:left;
}

.input_form th {
	width: 100px;
}

.input_form .border{
	border-top: 1px solid #E1D9CA;
}

.input_form .header{
	line-height:10px;
	background: url("../img/bg/form/header.gif") top left no-repeat;
}

.input_form .footer{
	background: url("../img/bg/form/footer.gif") bottom left no-repeat;
}

.input_form .text,
.input_form select {
	border: 1px solid #E1D9CA;
	padding: 3px;
}

.input_form .submit {
	background:#fff;
	border: 1px solid #E1D9CA;
}

.input_form .text:focus,
.input_form select:focus,
.input_form .submit:hover{
	border: 1px solid #d94040;
	background-color:#f5f2eb;
}

.input_form .text {
	width: 300px;
}

.input_form select {
	width: 50px;
}

.required {
	color: #D94040;
	font-style: normal;
}

.required a:link {
		COLOR: #D94040;border:underline;
		}
.required a:visited {
		COLOR: #D94040;border:underline;
		}
.required a:active {
		COLOR: #D94040;TEXT-DECORATION: none; border:none;
		}
.required a:hover {
		COLOR: #D94040;TEXT-DECORATION: none; border:none;
}

.input_form tr.error th {
	color:#d94040;
	font-weight:bold;
}

.input_form tr.error input{
	border:1px solid #D94040;
	background:#ffe9e9;
}

/***********************************************************************
	11 - poem_page
************************************************************************/

.poem h1 {
	margin-top:10px;
	margin-left:47px;
	font-size:18px;
	padding:3px;
	background: url("../img/bg/poem/title_bg.gif") top left repeat-y;
	width:700px;
}

.poem .ul {
	margin-top:5px;
	margin-bottom:20px;
	list-style:none;
	margin-left:47px;
	width:706px;
	text-align:right;
}

.poem .ul li{
	height:21px;
	line-height:21px;
}

.poem .ul .music a {
	background: url("../img/bg/poem/music.gif") no-repeat;	
	background-position:0% 40%;
	padding-left:25px;
}

.poem .ul .video a {
	background: url("../img/bg/poem/video.gif") no-repeat;	
	background-position:0% 40%;
	padding-left:25px;
}

.poem .ul .music a:hover {
	background: url("../img/bg/poem/music_on.gif") no-repeat;	
	background-position:0% 40%;
	padding-left:25px;
}

.poem .ul .video a:hover {
	background: url("../img/bg/poem/video_on.gif") no-repeat;	
	background-position:0% 40%;
	padding-left:25px;
}

.poem p {
	margin-left:100px;
	width:650px;
	padding-bottom:100px;
}