@charset "UTF-8";

/* ===================================
	File Name   : about.css
	Discription : About Page Layout CSS
	Editors     : Bface Saeki
	Last Editor : Bface Saeki
	Last Update : 2010/03/16
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Clear Release
	3. About Side Menu Setting
	4. Conductor Top Setting
	5. Performer Top Setting
	6. List Detail Setting
	7. History Setting
	8. Message Setting
	9. Member Setting
	10. Tie up Setting

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





/*===== ■1. Individual Redefinition =====*/
#global_navi li#btn_about a { background-position: -500px -45px;}





/*===== ■.Clear Release  =====*/
body#conductor_top #conductor_list li a:after,
body#about_top #history_intro ul:after,
body.about_detail #performer_detail #detail_intro ul:after,
body#about_top #conductor_list dl:after,
body#tieup #tieup_intro ul#tieup_navi:after,
body#tieup #business_tieup dl dt:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

body#conductor_top #conductor_list li a,
body#about_top #history_intro ul,
body.about_detail #performer_detail #detail_intro ul,
body#about_top #conductor_list dl,
body#tieup #tieup_intro ul#tieup_navi,
body#tieup #business_tieup dl dt {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html body#conductor_top #conductor_list li a,
*html body#about_top #history_intro ul,
*html body.about_detail #performer_detail #detail_intro ul,
*html body#about_top #conductor_list dl,
*html body#tieup #tieup_intro ul#tieup_navi,
*html body#tieup #business_tieup dl dt {
	height: 1%;
}

body#conductor_top #conductor_list li a,
body#about_top #history_intro ul,
body.about_detail #performer_detail #detail_intro ul,
body#about_top #conductor_list dl,
body#tieup #tieup_intro ul#tieup_navi,
body#tieup #business_tieup dl dt {
	display: block;
}
/* End hides from IE-mac ￥*/




/*===== ■3.About Side Menu Setting  =====*/
body.about #side_navi a {
	background: url(../images/about/btn_side-navi.gif) no-repeat;
}

body.about #side_navi a#side_message { background-position: 0px -15px;}
body.about #side_navi a#side_member { background-position: 0px -30px;}
body.about #side_navi a#side_partner { background-position: 0px -45px;}

body.about #side_navi a#side_history:hover { background-position: -229px 0px;}
body.about #side_navi a#side_message:hover { background-position: -229px -15px;}
body.about #side_navi a#side_member:hover { background-position: -229px -30px;}
body.about #side_navi a#side_partner:hover { background-position: -229px -45px;}


body#about_top #side_navi a#side_history { background-position: -229px 0px;}
body.inquiry #side_navi a#side_message { background-position: -229px -15px;}
body#message #side_navi a#side_message { background-position: -229px -15px;}
body#about_member #side_navi a#side_member { background-position: -229px -30px;}
body#tieup #side_navi a#side_partner { background-position: -229px -45px;}


body.about #side_navi li li a {
	background: url(../images/about/btn_side-navi_child.gif) no-repeat;
}

body.about #side_navi li li a#child_conductor { background-position: 0px 0px;}
body.about #side_navi li li a#child_member { background-position: 0px -15px;}

body.about #side_navi li li a#child_conductor:hover { background-position: -206px 0px;}
body.about #side_navi li li a#child_member:hover { background-position: -206px -15px;}

body#conductor_top #side_navi li li a#child_conductor,
body#conductor_detail #side_navi li li a#child_conductor { background-position: -206px 0px;}
body#performer_top #side_navi li li a#child_member,
body#member_detail #side_navi li li a#child_member { background-position: -206px -15px;}





/*===== ■4.Conductor Top Setting  =====*/
body#conductor_top #conductor_list li {	
	background: url(../images/common/bg_dotted-gray.gif) repeat-x bottom;
	margin-bottom: 5px;
	padding: 7px 5px 15px;
}

body#conductor_top #conductor_list li a {	
	padding: 5px;
	text-decoration: none;
	color: #333333;
}

body#conductor_top #conductor_list li a:hover {	
	background: #CCCCCC;
}

body#conductor_top #conductor_list li a span.images {
	display: block;
	float: left;
	width: 100px;
	padding: 0px 5px 10px 0px;
}

body#conductor_top #conductor_list li a span img {
	border: 1px solid #EBEBEB;
}

body#conductor_top #conductor_list li a em {
	display: block;
	padding: 0px 0px 3px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#conductor_top #conductor_list li a em span {
	display: block;
	width: auto;
	padding: 0px;
	color: #666666;
	font-weight: bold;
	border: none;
}

body#conductor_top #conductor_list li a strong {
	display: block;
	padding: 0px 0px 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#conductor_top #conductor_list li a strong em {
	padding: 0px;
	color: #1D96B8;
	font-size: 116%;
	font-weight: bold;
}

body#conductor_top #conductor_list li a span {
	position: relative;
	display: block;
	_zoom: 1;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
}

body#conductor_top #conductor_list li a span em {
	display: inline;
	padding: 0px;
	font-weight: normal;
	color: #AC934C;
	text-decoration: underline;
}





/*===== ■5.Performer Top Setting  =====*/
body#performer_top #performer_list h3 {
	background: #F0F0F0;
	margin: 25px 0px 5px;
	padding: 5px 10px;
	font-weight: bold;
}

body#performer_top #performer_list ul {
	width: 590px;
	margin: 0px 10px 10px;
	clear: both;
}

body#performer_top #performer_list li {
	display: table-cell;
	/display: inline;
	/zoom: 1;
	width: 140px;
	padding: 0px 5px 5px 0px;
	vertical-align: bottom;
}

body#performer_top #performer_list li em {
	display: block;
	font-size: 82.4%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body#performer_top #performer_list li a {
	color: #1D96B8;
	text-decoration: none;
}

body#performer_top #performer_list li a span {
	position: relative;
	font-size: 82.4%;
	line-height: 150%;
}

body#performer_top #performer_list li span {
	padding-left: 5px;
	font-size: 82.4%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}





/*===== ■6.List Detail Setting  =====*/
body.about_detail #performer_detail h2 {
	margin-bottom: 20px;
}

body.about_detail #performer_detail #main_image,
body.about_detail #performer_detail #no_image {
	float: left;
}

body.about_detail #performer_detail #main_image img {
	margin-top: 70px;
}

body.about_detail #performer_detail #no_image img {
	margin-top: 100px;
}

body.about_detail #performer_detail div {
	display: inline;
	float: right;
	width: 380px;
	padding-left: 10px;
}

body.about_detail #performer_detail #detail_intro {
	margin-bottom: 20px;
	border-bottom: 3px double #F0F0F0;
}

body.about_detail #performer_detail #detail_intro ul {
	padding-bottom: 15px;
}

body.about_detail #performer_detail #detail_intro li {
	float: left;
	width: 92px;
	height: 102px;
	padding-right: 5px;
}

body.about_detail #performer_detail #detail_intro li a {
	display: block;
	border: 1px solid #EBEBEB;
}

body.about_detail #performer_detail #detail_intro li a:hover { border: 1px solid #279ABB;}

body.about_detail #performer_detail #detail_intro li a#selected { border: 1px solid #279ABB;}

body.about_detail #performer_detail #detail_intro em {
	display: block;
	color: #666666;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body.about_detail #performer_detail #detail_intro em strong {
	color: #333333;
	padding: 0px;
}

body.about_detail #performer_detail #detail_intro strong {
	display: block;
	padding-bottom: 10px;
}

body.about_detail #performer_detail #detail_intro strong em {
	display: block;
	color: #1D96B8;
	font-size: 116%;
}

body.about_detail #performer_detail #detail_intro strong span {
	display: inline;
	padding: 0px 0px 0px 5px;
	color: #333333;
	font-size: 79%;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body.about_detail #performer_detail #detail_intro strong em span {
	display: inline;
	color: #666666;
	padding-bottom: 0px;
}

body.about_detail #performer_detail #detail_intro span {
	display: block;
	color: #666666;
	padding-bottom: 30px;
}

body.about_detail #performer_detail #detail_intro span strong {
	padding: 0px;
	color: #333333;
}

body.about_detail #performer_detail p {
	background: url(../images/common/bg_dotted-gray.gif) repeat-x bottom;
	margin-bottom: 15px;
	padding-bottom: 16px;
}

body.about_detail #performer_detail p.txt_end {
	background: none;
	margin: 0px;
	padding: 0px;
}

body.about_detail #performer_detail #detail_more {
	margin-bottom: 20px;
	padding-bottom: 17px;
	border-bottom: 3px double #F0F0F0;
}

body.about_detail #performer_detail #detail_more span {
	display: block;
	padding-bottom: 3px;
}

body.about_detail #performer_detail #detail_other h3 {
	margin-bottom: 2px;
	padding-bottom: 3px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom: 1px solid #F0F0F0;
}

body.about_detail #performer_detail #detail_other table {
	width: 380px;
	margin-bottom: 20px;
	border-left: 1px;
}

body.about_detail #performer_detail #detail_other th {
	width: 130px;
	background: #F0F0F0 url(../images/about/bg_table-line.gif) repeat-x bottom;
	padding: 8px 3px 13px 7px;
}

body.about_detail #performer_detail #detail_other td {
	background: url(../images/about/bg_table-line.gif) repeat-x bottom;
	padding: 8px 3px 13px 7px;
	text-align: left;
}

body.about_detail #performer_detail #detail_other ul {
	width: 215px;
	height: 62px;
	margin: 10px 0px;
}

body.about_detail #performer_detail #detail_other ul a {
	background: url(../images/about/btn_message.gif) no-repeat;
	display: block;
	width: 215px;
	height: 62px;
}

body.about_detail #performer_detail #detail_other ul a:hover { background-position: 0px -62px;}





/*===== ■7.History Setting =====*/
body#about_top #history_intro h2 {
	margin-bottom: 20px;
}

body#about_top #history_intro ul {
	margin-bottom: 10px;
	padding: 0px 0px 10px 20px;
	border-bottom: 1px solid #CCCCCC;
}

body#about_top #history_intro ul li {
	background: url(../images/common/mark_arrow-bottom.gif) no-repeat 0px 4px;
	float: left;
	padding: 0px 25px 0px 17px;
}

body#about_top #history_intro ul li a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

body#about_top #history_intro ul li a:hover { color: #CCCCCC;}

body#about_top #history_list h3 {
	background: #EFEFEF url(../images/common/bg_line-blue.gif) no-repeat 2px 8px;
	padding: 4px 0px 3px 10px;
	margin: 30px 0px 15px;
	letter-spacing: 0.02em;
	font-weight: bold;
	color: #1D96B8;
}

body#about_top #history_list ul#tpo_age {
	margin: 0px 0px 30px 15px;
}

body#about_top #history_list #tpo_age li {
	display: inline;
	margin-right: 30px;
}

body#about_top #history_list table {
	background: url(../images/about/bg_table-dotted.gif) repeat-y 0px 0px;
}

body#about_top #history_list table caption {
	padding-bottom: 5px;
	text-align: left;
}

body#about_top #history_list th {
	background: #E6E6E6 url(../images/about/bg_table-dotted_ver.gif) repeat-y right;
	padding: 5px 8px 5px 5px;
	color: #1D96B8;
	font-weight: bold;
	text-align: center;
}

body#about_top #history_list th#year { width: 55px;}
body#about_top #history_list th#tpo_history { width: 347px;}
body#about_top #history_list th#worlds_happening {
	background: #E6E6E6;
	padding: 5px;
}

body#about_top #history_list td {
	background: url(../images/about/bg_table-dotted_hori.gif) repeat-x top;
	padding: 8px 5px;
	line-height: 180%;
	vertical-align: top;
}

body#about_top #history_list td.wid_year { width: 55px;}
body#about_top #history_list td.wid_history { width: 347px;}

body#about_top #history_list td em {
	color: #CC0000;
}

body#about_top #history_list td li {
	background: url(../images/common/mark_circle-blue.gif) no-repeat 0px 6px;
	margin-bottom: 3px;
	padding-left: 9px;
}

body#about_top #history_list .btn_page_top {
	background: url(../images/about/bg_table-dotted_hori.gif) repeat-x top;
	padding: 31px 0px 30px;
}

body#about_top #history_list #history_end {
	background: none;
}

body#about_top #history_list p {
	background: url(../images/about/bg_table-dotted_hori.gif) repeat-x top;
	margin-bottom: 0px;
	padding-top: 20px;
}

body#about_top #conductor_list h3 {
	background: #EFEFEF url(../images/common/bg_line-blue.gif) no-repeat 2px 8px;
	padding: 4px 0px 3px 10px;
	margin: 30px 0px 15px;
	letter-spacing: 0.02em;
	font-weight: bold;
	color: #1D96B8;
}

body#about_top #conductor_list dl {
	background: url(../images/about/bg_table-dotted_hori.gif) repeat-x bottom;
	margin-bottom: 20px;
	padding: 0px 10px 22px;
}

body#about_top #conductor_list dt {
	float: left;
	width: 90px;
}

body#about_top #conductor_list dd {
	float: right;
	width: 485px;
	margin-left: 15px;
}

body#about_top #conductor_list dd strong {
	display: block;
	margin-bottom: 10px;
}

body#about_top #conductor_list dd strong em {
	margin-right: 15px;
	color: #1D96B8;
	font-size: 116%;
	font-weight: bold;
}

body#about_top #conductor_list dd table {
	margin-bottom: 5px;
}

body#about_top #conductor_list dd th {
	font-weight: bold;
}

body#about_top #conductor_list dd th.remarks {
	background: url(../images/about/bg_table-dotted_hori.gif) repeat-x 0px 7px;
	padding-right: 20px;
}

body#about_top #conductor_list dd th span {
	background: #FFFFFF;
	padding-right: 5px;
}

body#about_top #conductor_list dd td {
	padding-left: 8px;
	font-weight: bold;
}

body#about_top #conductor_list dd p {
	margin-bottom: 0px;
	line-height: 160%;
}

body#about_top #conductor_list .btn_page_top {
	padding-right: 0px;
}




/*===== ■8.Message Setting  =====*/
body#message #message_intro p {
	line-height: 1.8;
}

body#message #message_intro p span {
	display: block;
	float: left;
	padding: 60px 10px 60px 0px;
}

body#message #message_intro p strong {
	display: block;
	float: left;
	padding: 15px 185px 25px 0px;
}

body#message #message_intro h3 {
	float: right;
	border-top: 1px solid #CCCCCC;
	padding: 0px 0px 0px;
	width: 405px;
}

body#message #message_intro h3 em {
	float: right;
	padding: 25px 8px 0px 15px;
}

body#message #message_intro h3 strong {
	float: right;
	padding: 30px 0px 10px;
}

body#message #message_intro ul {
	position: absolute;
	bottom: 15px;
	left: 325px;
}

body#message #message_intro ul a {
	display: block;
	background: url(../images/about/btn_profile.gif) no-repeat;
	width: 79px;
	height: 11px;
}

body#message #message_intro ul a:hover {background-position: 0px -11px;}





/*===== ■9.Member Setting  =====*/
body#about_member #member_intro h2 {
	margin-bottom: 15px;
}

body#about_member #member_intro span {
	display: block;
	width: 610px;
	height: 360px;
	padding-bottom: 12px;
}

body#about_member #member_intro h3 {
	margin-bottom: 10px;
	text-align: center;
}

body#about_member #member_intro h3 img { display: inline;}

body#about_member #member_intro p {
	width: 550px;
	margin: 0px auto 15px;
	line-height: 160%;
}

body#about_member #member_intro em {
	display: block;
	width: 550px;
	margin: 0px auto;
	padding-bottom: 50px;
}

body#about_member #member_intro ul {
	width: 600px;
	margin: 0px auto;
}

body#about_member #member_intro ul a {
	background: url(../images/about/btn_member.jpg) no-repeat;
	display: block;
	width: 290px;
	height: 155px;
}

body#about_member #member_intro ul li {
	float: left;
	padding: 0px 5px;
}

body#about_member #member_intro ul a#btn_member { background-position: -290px 0px;}

body#about_member #member_intro ul a:hover { background-position: 0px -155px;}
body#about_member #member_intro ul a#btn_member:hover { background-position: -290px -155px;}


body#about_member #member_intro ul a span {
	display: inline;
	width: 0;
	height: 0;
}





/*===== ■10.Tie up Setting  =====*/
body#tieup #tieup_intro h2 {
	margin-bottom: 20px;
}

body#tieup #franchise {
	margin-bottom: 40px;
}

body#tieup #tieup_intro ul#tieup_navi {
	margin-bottom: 30px;
	padding: 0px 0px 10px 20px;
	border-bottom: 1px solid #CCCCCC;
}

body#tieup #tieup_intro ul#tieup_navi li {
	background: url(../images/common/mark_arrow-bottom.gif) no-repeat 0px 4px;
	float: left;
	padding: 0px 25px 0px 17px;
}

body#tieup #tieup_intro ul#tieup_navi li a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
body#tieup #tieup_intro ul#tieup_navi li a:hover { color: #CCCCCC;}

body#tieup #franchise h3,
body#tieup #business_tieup h3 {
	padding: 5px;
	color: #299CBC;
	border-bottom: #CCCCCC 1px dotted;
	font-weight: bold;
	margin-bottom: 30px;
}

body#tieup #franchise dl dt,
body#tieup #business_tieup dl dt  {
	font-weight: bold;
	background: url(../images/common/bg_circle-blue.gif) no-repeat 0px 2px;
	padding-left: 15px;
	margin: 0px 0px 0px 10px;
}

body#tieup #franchise dl dd,
body#tieup #business_tieup dl dd {
	padding: 10px 5px 0px 25px;
}

body#tieup #franchise dl dd img {
	display: inline;
	float: right;
	padding: 0px 0px 15px 15px;
}

body#tieup #franchise ul.tieup_link li,
body#tieup #business_tieup ul.tieup_link li {
	margin-bottom: 15px;
}

body#tieup #business_tieup p#business_tieup_text {
	height: 181px;
	padding-right: 15px;
	background: url(../images/about/img_tieup02.jpg) no-repeat top right;
}

body#tieup #business_tieup p#business_tieup_text span {
	display: block;
	width: 350px;
	padding: 30px 0px 0px 25px;
}

body#tieup #business_tieup dl {
	margin-bottom: 50px;
}

body#tieup #business_tieup dl dt em {
	float: left;
	margin-right: 30px;
	font-weight: bold;
}

body#tieup #business_tieup dl dt a {
	display: block;
	width: 140px;
	height: 18px;
	float: left;
	background: url(../images/about/btn_tieup.gif) no-repeat;
}

body#tieup #business_tieup #Bunkyo dt a { background-position: 0px -18px; width: 120px;}
body#tieup #business_tieup #Wako dt a { background-position: 0px -36px;}
body#tieup #business_tieup #Karuizawa dt a { background-position: 0px -54px; width: 130px;}

body#tieup #business_tieup dl dt a:hover { background-position: -140px 0px;}
body#tieup #business_tieup dl#Bunkyo dt a:hover { background-position: -140px -18px;}
body#tieup #business_tieup dl#Wako dt a:hover { background-position: -140px -36px;}
body#tieup #business_tieup dl#Karuizawa dt a:hover { background-position: -140px -54px;}

body#tieup #business_tieup dl dt em a,
body#tieup #business_tieup dl#Bunkyo dt em a,
body#tieup #business_tieup dl#Wako dt em a,
body#tieup #business_tieup dl#Karuizawa dt em a {
	display: inline;
	width: auto;
	height: auto;
	background: none;
	font-weight: bold;
	color: #333333;
}

body#tieup #business_tieup dl dt em a:hover,
body#tieup #business_tieup dl#Bunkyo dt em a:hover,
body#tieup #business_tieup dl#Wako dt em a:hover,
body#tieup #business_tieup dl#Karuizawa dt em a:hover {
	color: #666666;
}