/* CSS Document */


/*header ==================================*/


/*about_cont ==================================*/

#about_cont{
	width: 738px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	float: right;
	/*border: 1px solid #ff0000;*/
}
#about_cont h1 {
	background-repeat: no-repeat;
	text-indent: -100000px;
	display: block;
	height: 101px;
	width: 711px;
}
h1.cont_title_about {
	background-image: url(../img/h1_title_01.gif);
}
h1.cont_title_summary {
	background-image: url(../img/h1_title_05.gif);
}
h1.cont_title_credit {
	background-image: url(../img/h1_title_06.gif);
}
h1.cont_title_sponsor {
	background-image: url(../img/h1_title_07.gif);
}
h1.cont_title_volunteer {
	background-image: url(../img/h1_title_08.gif);
}



#about_menu_left{
	width: 190px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color:#ffffff;
}

.about_title{
	font-size: 12px;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 10px 0px;
	width: 700px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
	display: block;
}
.about_title700{
	font-size: 12px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	width: 700px;
	height: 20px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
	display: block;
}
.about_section_title{
	font-size: 12px;
	width: 700px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	border-left: 1px solid #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
}



.about_cont_main_nl{
	padding-left: 10px;
	width: 700px;
	display: block;
	text-align: left;
	padding-bottom: 40px;
}
.about_cont_main_nl dt,
.about_cont_main_nl dd {
	line-height: 1.5em;
}
.cont_right dt {
	font-size: 13px;
	font-weight: bold;
} 
.photos img {
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
}
.photos img.fin {
	padding-right: 0px;
}

.topics dd {
	padding-bottom: 20px;
}
.program-set {
	background-color: #ff9933;
	padding-left: 20px;
	/*padding-bottom: 20px;*/
	padding-top: 15px;
	margin-top: 20px;
	/*margin-bottom: 40px;*/
}

.program-set dt {
	font-size: 13px;
	font-weight: bold;
}
.program-set dd {
	padding-bottom: 20px;
}

.tp_point{
	padding: 0px 0px 0px 0px;
	margin:  0px;
	color:#000000;
	list-style: outside;
}
.tp_point_li{
	padding: 0px;
	list-style-image: url(../img/star.gif);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.bottom {
	padding-bottom: 60px;
	margin-bottom: 60px;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
}
.b-last {
	padding-bottom: 60px;
}
.b-first {
	padding-top: 40px;
}

/*summary*/
.about_dd {
	padding-left: 10px;
	padding-bottom: 20px;
}


/*sponsor*/
#aboutssf,
#volunteer,
#summary,
#credit,
#sponsor {
	margin-top: 40px;
}


#sponsor h4.sponsor-tit {
	font-size: 12px;
	padding: 0;
	padding-left: 10px;
	margin: 0;
	margin-bottom: 20px;
	width: 700px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	border-left: 1px solid #000000;
}
#sponsor h4.sponsor-tit .en {
	font-weight: normal;
	font-size: 10px;
}

.sp-eco {
	padding-bottom: 10px;
}

#credit dt {
	font-size: 12px;
	width: 700px;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	border-left: 1px solid #000000;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#credit dd {
	padding-left: 10px;
	padding-bottom: 20px;
}



/* ここからmenu部分id取っているだけで直接レイアウトには関係なさそうです？あれ違うかな？
____________________________*/
#about_menu { margin: 0px; padding: 0px; text-align: left; float: left; width:190px;}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
____________________________*/
#about_menu ul 
{
margin: 0px; padding: 0px; 
background-position: 0 0;
position:relative;
width:190px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
____________________________*/
#about_menu li 
{
font-size: 9px;
margin: 0px; padding: 0px; 
width:190px;
list-style-type:none;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
____________________________*/
#about_menu li a 
{
font-size: 9px;
margin: 0px; padding: 0px; 
display: block;
width:190px;
background-position: 0 0;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
} 

	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは60pxです
____________________________*/
#about_menu #left_what
{
background-image: url(../img/about_menu_001.gif);
height: 60px;
}
#about_menu #left_what a 
{
background-image: url(../img/about_menu_001.gif);
height: 60px;
}
#about_menu #left_summary
{
background-image: url(../img/about_menu_002.gif);
height: 60px;
}
#about_menu #left_summary a 
{
background-image: url(../img/about_menu_002.gif);
height: 60px;
}

#about_menu #left_credit
{
background-image: url(../img/about_menu_004.gif);
height: 60px;
}

#about_menu #left_credit a 
{
background-image: url(../img/about_menu_004.gif);
height: 60px;
}

#about_menu #left_sponsor
{
background-image: url(../img/about_menu_005.gif);
height: 60px;
}

#about_menu #left_sponsor a 
{
background-image: url(../img/about_menu_005.gif);
height: 60px;
}


#about_menu #left_volunteer
{
background-image: url(../img/about_menu_003.gif);
height: 60px;
}

#about_menu #left_volunteer a 
{
background-image: url(../img/about_menu_003.gif);
height: 60px;
}



/* マウスオンすると重なった67px下の画像が出てきます
____________________________*/
#about_menu li
{
background-position: -190px 0;
}
#about_menu li a:hover 
{
background-position: -190px 0;
}
/* ここまでmenu部分
____________________________*/


/* ここからmenu部分id取っているだけで直接レイアウトには関係なさそうです？あれ違うかな？
____________________________*/
#common_menu { margin: 0px; padding: 0px; text-align: left; float: left; width:190px;}



/* 背景にmenu_bg.gifを横繰り返し、高さは画像と同じサイズ
____________________________*/
#common_menu ul 
{
margin: 0px; padding: 0px; 
background-position: 0 0;
position:relative;
width:190px;
}

/* listタグをfloatで左に回り込ませていますサイズも指定
____________________________*/
#common_menu li 
{
font-size: 9px;
margin: 0px; padding: 0px; 
width:190px;
list-style-type:none;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
}

/* aタグをblock要素にしてIE以外への対策、インデントで本来のテキストを左画面外の左999pxに飛ばしています
____________________________*/
#common_menu li a 
{
font-size: 9px;
margin: 0px; padding: 0px; 
display: block;
width:190px;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
text-indent: -1999px;
} 

	
/* 各listタグにidをつけ個々に背景画像を指定、画像はマウスオフ、マウスオンを
上下につないだものを使いましたですから高さは60pxです
____________________________*/
#common_menu #left_tickets
{
background-image: url(../img/tickets_menu_001.gif);
height: 60px;
}
#common_menu #left_tickets a 
{
background-image: url(../img/tickets_menu_001.gif);
height: 60px;
}
#common_menu #left_access
{
background-image: url(../img/access_menu_001.gif);
height: 60px;
}
#common_menu #left_access a 
{
background-image: url(../img/access_menu_001.gif);
height: 60px;
}


/* マウスオンすると重なった67px下の画像が出てきます
____________________________*/
#common_menu li
{
background-position: -190px 0;
}
#common_menu li a:hover 
{
background-position: -190px 0;
}
/* ここまでmenu部分
____________________________*/




/*for left contents ==================================*/


/*title ==================================*/
#cont_title{
	width: 730px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.cont_title_about{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_aboutssf_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}


.cont_title_summary{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_summary_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}


.cont_title_credit{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_credit_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}


.cont_title_sponsor{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_sponsor_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}

.cont_title_volunteer{
	font-size: 4px;
	margin: 0;
	padding: 0px;
	width: 300px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_volunteer_logo.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}




/*about_cont ==================================*/

#about_cont_main001{
	padding: 0px 0px 55px 0px;
	margin:  20px 0px 0px 20px;
	width: 710px;
	display: block;
	text-align: left;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
}


#about_cont_main002{
	padding: 0px;
	margin:  40px 0px 55px 20px;
	width: 710px;
	display: block;
	text-align: left;
	background-position: bottom;
	background-repeat:  repeat-x;
	background-image: url(../img/dot_line.gif);
}
#about_cont_main003{
	padding: 0px;
	margin:  40px 0px 55px 20px;
	width: 710px;
	display: block;
	text-align: left;
}





/*    sponsor ==================================*/

.ab_gr_sponsorh3{
	font-size: 4px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 700px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_sptitle_001.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}

.ab_sp_sponsorh3{
	font-size: 4px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 700px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_sptitle_002.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}


.ab_sc_sponsorh3{
	font-size: 4px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 700px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_sptitle_003.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}

.ab_sp_supporth3{
	font-size: 4px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 700px;
	height: 60px;
	text-align: left;
	background-position: 0 0;
	background-repeat:  no-repeat;
	background-image: url(../img/about_sptitle_003.gif);
	text-decoration: none;
	text-indent: -1999px;
	display: block;
}

.linetop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}



/* =========================================*/
.about_cont_main_nl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7*/

.about_cont_main_nl{display:inline-block;} /*IE7*/

/*Hides from IE-mac\*/
* html .about_cont_main_nl{height:1%;}
.about_cont_main_nl{display:block;}
/*End hide from IE-mac*/ /*IE6*/


/* =========================================*/