/* CSS Document */

body{
	margin:0;
	padding:0;
	font-size:12px;
	color:#6E6E6E;
	background-color: #FEFEFE;
	line-height:160%;
}

#wrapper{
	width:715px;
	background: url(/css/img/bg.gif) repeat-y;
	margin:0 auto;
	padding:0;
}

#head,
#contents,
#foot{
	display: block;
	width: 705px;
	margin-left: 5px;
}

/*ヘッダー*/
#head{
	height:104px;
	background: url(../css/img/head.gif) no-repeat top;
	padding:0;
}
#head div,
#head div a{
	display: block;
	width: 245px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}
#head p{
	display: none;
}
#logo{
	float:left;
	margin:0;
	padding:0;
	display:block;
}

#add{
	float:right;
	margin:0;
	padding:0;
	display:block;
}

/*ナビ*/
#g_navi{
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
}

#g_navi li{
	display:inline;
	height:39px;
	text-indent:-9999px;
}

#g_navi li a{
	float:left;
	width:141px;
	height:39px;
	display:block;
	background-image:url('./css/img/g_navi.gif');
	background-repeat:no-repeat;
	overflow: hidden;
}

#g_navi li a:hover{background-image:url('./css/img/g_navi_hover.gif');}
#g_navi li a#top{background-position:0 0;}
#g_navi li a#about{background-position:-141px 0;}
#g_navi li a#bs{background-position:-282px 0;}
#g_navi li a#lp{background-position:-423px 0;}
#g_navi li a#event{background-position:-564px 0;}

/*コンテンツエリア*/
#contents{
	padding:0;
	background:url(./css/img/contents_bg.gif);
}
#contents:after,
.contents_in:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contents_L{
	float:left;
	width:200px;
	margin:0;
	padding:0 0 15px 0;
}

#contents_R{
	float:right;
	width:505px;
	background: #FFFFFF;
	margin:5px 0 0;
	padding:0 0 0px 0;
}

#s_navi{
	width: 180px;
	height: 90px;
	background: url(./css/img/s_navi.gif) no-repeat;
	margin: 10px 0 0 10px;
}
#s_navi ul{
	margin: 0;
	padding: 0;
}
#s_navi li,
#s_navi li a{
	display: block;
	width: 180px;
	height: 45px;
	margin: 0;
	padding: 0;
}
#s_navi li a{
	text-indent: -9999px;
	overflow: hidden;
}
#s_navi li a:hover{background-image: url(./css/img/s_navi_hover.gif);}
#sn1 a:hover{background-position: 0 0;}
#sn2 a:hover{background-position: 0 -45px;}


/*フッター*/
#foot{
	clear:both;
	font-size: 10px;
	padding:0;
}
#foot *{margin-left: 10px;}
#foot p,
#foot p *{margin-left: 0;}
#foot p{
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	background: #888888;
	padding-left: 10px;
}
#foot em,
#foot address{color: #888888;}
#foot em{
	font-style: normal;
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
#foot address{
	line-height: 1.2;
	font-style:normal;
	margin-top: 5px;
}
#foot div{
	color: #A3A3A3;
	letter-spacing: 1px;

}





/*フォント関連*/
p,div,span,h1,h2,h3,h4,h5,h6,textarea,input,form{
	margin:0;
	padding:0;
}
img{border: none;}

h1{
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	padding-left: 10px;
}
h2{
	height: 82px;
	line-height: 82px;
	font-size: 32px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	letter-spacing: 3px;
	padding-right: 20px;
	background-repeat: repeat-x;
}
h3{
	width: 494px;
	height: 36px;
	line-height: 36px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-indent: 22px;
	letter-spacing: 1px;
	background: url(./css/img/h3.gif) no-repeat;
	margin: 7px 0 0 7px;
}
h4{
	font-size:12px;
	color:#FF0000;
}

h5{
font-size:12px;	
padding-left:7px;
padding-top:4px;
}

.blue{color: #0000FF;}
.red{color: #FF9C00;}
.bold{font-weight: bold;}
.small{font-size: 10px;}

/*リンク*/

a:link{
color:#67E205;
text-decoration: underline;
}

a:visited{
color:#67E205;
text-decoration: underline;
}

a:hover{
color:#67E205;
text-decoration: none;
}

a:active{
color:#67E205;
text-decoration: underline;
}

/*共通*/
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.block{display: block;}
.pb15{padding-bottom: 15px;}

.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.box{
	width: 474px;
	margin: 11px 0 0 17px;
}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.box p{
	border-bottom: dashed 1px #D5D5D5;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.box strong{
	font-weight: normal;
	color: #D5184D;
}

.pagetop{
	clear: both;
	width: 474px;
	height: 11px;
	background: url(./css/img/pagetop.gif) no-repeat right;
	margin: 10px 0;
}
.pagetop a{
	display: block;
	float: right;
	width: 93px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
}

/* clbox */
.clbox{
	width: 160px;
	border: solid 1px #EEE5C3;
	background: #FFFFFF;
	margin: 10px 0 0 10px;
	padding-bottom: 7px;
}
.clbox h3,
.clbox p,
.clbox div{
	width: 140px;
	margin-left: 10px;
}
.clbox h3{
	font-size: 12px;
	height: 29px;
	line-height: 29px;
	border-bottom: solid 1px #EEE5C3;
	font-weight: normal;
	padding-top: 3px;
}
.clbox p{line-height: 1.2;}

/* ---------- sub-cat-menu ---------- */



#sub-cat-menu {

	text-align:left;

	margin:10px 2px 0px 2px;

}



#sub-cat-menu ul { list-style:none; }

#sub-cat-menu li {



	display: inline;

	margin: 20px 2px 0px 15px;

}



#sub-cat-menu li a {

	color:#59b495;

	background:url(http://www.tyuou-s.com/img/subtit-mark1.gif) no-repeat top left;

	text-decoration: none;

	padding-left:15px;

	white-space: nowrap;

	font-size: 11px;

}



#sub-cat-menu li a:hover {

	color:#38CF9C;

	background:url(http://www.tyuou-s.com/img/subtit-mark2.gif) no-repeat top left;

	text-decoration:underline;

}



/* ---------- sub-cat-menu_end ---------- */

/* CSS Document */

/*common elements*/
.lbox{
	width: 174px;
	margin: 10px 0 0 13px;
}

#owner{background: url(./css/img/owner_bg.gif) repeat-y;}
#owner h3{
	width: 174px;
	height: 37px;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#owner p{
	width: 152px;
	margin: 0 0 0 11px;
	padding: 5px 0;
}


/*テーブル*/

.table{
	width: 474px;
	background: #DFDFDF;
}
.table th,
.table td{
	font-weight: normal;
	padding: 5px 10px 3px;
}
.table th{
	color: #0190F4;
	white-space: nowrap;
	background: #EFEFEF;
}
.table td{background: #FFFFFF;}


/*---------------------------------------
index
---------------------------------------*/
#main{
	height: 217px;
	background: none;
	padding: 0;
}
#profile{
	background: url(./css/img/profile_bg.gif) repeat-y;
	border-bottom: solid 1px #D5D5D5;
	line-height: 1.4;
}
#profile h3{
	width: 174px;
	height: 36px;
	text-indent: 0;
	margin: 0;
}
#profile h4,
#profile p{
	width: 152px;
	margin-left: 11px;
}
#profile h4{
	font-weight: normal;
	color: #0190F4;
	margin-top: 10px;
}
#profile p{
	margin-top: 5px;
	padding-bottom: 5px;
}
#news{
	width: 487px;
	background: url(./css/img/news_bg.gif) repeat-y;
	margin: 8px 0 0 9px;
}
#news h3{
	width: 487px;
	height: 44px;
	margin: 0;
	text-indent: 0;
}
#news span{
	display: block;
	width: 487px;
	height: 10px;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(./css/img/news_bottom.gif) no-repeat;
}
#news div{
	width: 460px;
	margin-left: 13px;
}
#news div div{
	clear: both;
	height: 7px;
	width: 460px;
	text-indent: -9999px;
	overflow: hidden;
	border-bottom: dashed 1px #D5D5D5;
	margin: 0;
}
#news div p{margin-top: 5px;}
.date{
	float: left;
	width: 115px;
}
.note{
	float: right;
	width: 332px;
}

#tbox{
	width: 487px;
	margin: 10px 0 0 9px;
	border-top: solid 1px #D5D5D5;
}
#greet{
	float: left;
	width: 291px;
}
#greet h3{
	width: 291px;
	height: 41px;
	margin: 0 0 10px 0;
	text-indent: 0;
}
#greet p{padding: 0 0 10px 2px;}
#greet img{
	float: right;
	margin-left: 10px;
}
#greet * img{
	float: none;
	margin: 0;
}

#weekend{
	float: left;
	width: 291px;
	height: 161px;
	background: url(./css/img/weekend.gif) no-repeat;
	overflow: hidden;
}
#weekend h3{
	width: 291px;
	height: 57px;
	text-indent: 0;
	margin: 0;
	visibility: hidden;
}
#weekend p{
	width: 261px;
	height: 66px;
	overflow: hidden;
	line-height: 1.5;
	font-size: 10px;
	color: #CCE9FB;
	margin-left: 15px;
}
#weekend div,
#weekend div a{
	display: block;
	width: 159px;
	height: 25px;
}
#weekend div{margin-left: 66px;}
#weekend div a{
	text-indent: -9999px;
	overflow: hidden;
}

#access{
	width: 178px;
	float: right;
	border: dotted 1px #D5D5D5;
	margin-top: 10px;
}
#access div{
	width: 168px;
	margin: 5px 0 0 5px;
}
#access h3{
	width: 168px;
	height: 20px;
	line-height: 20px;
	text-indent: 5px;
	font-size: 12px;
	font-weight: normal;
	color: #0190F4;
	background: #EBEBEB;
}
#access img,
#access p{
	line-height: 1.5;
	width: 159px;
	margin: 5px 0 0 5px;
}
#access p strong{
	font-weight: normal;
	color: #0190F4;
}
#access div div#btn{
	width: 168px;
	height: 40px;
	margin: 5px 0 0 0;
	padding-top: 11px;
	background: url(./css/img/access.gif) no-repeat;
}
#access div div a{
	display: block;
	width: 151px;
	height: 27px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 7px;
}

/*---------------------------------------
titles
---------------------------------------*/
#h2_about{background-image: url(./css/img/h2_about.gif);}
#h2_bs{background-image: url(./css/img/h2_bs.gif);}
#h2_lp{background-image: url(./css/img/h2_lp.gif);}
#h2_event{background-image: url(./css/img/h2_event.gif);}

#map{
	border: solid 1px #DFDFDF;
	padding: 0px 0;
}
#map iframe{margin-left: 10px}