@charset "utf-8";

/* header ------------------------------ */


.content_top h2 {
    display: block;
    width: 960px;
    height: 47px;
    border-bottom: 3px #906f2e solid;
    background-image: url(/club_dydo/images/title.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

/* container ------------------------------ */

#container {
}

/* style ------------------------------ */


#main .box01 {
	width: 952px;
	height: 528px;
	margin-top: 25px;
	padding: 4px;
	background-color: #ffb001;
}

#main .box01 .inner_box {
	border: 1px #ffffff solid;
}

#main .box01 .title {
	width: 950px;
	height: 130px;
	background: url(/club_dydo/images/top/title.png) no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}

#main .box01 .caption {
	width: 950px;
	height: 93px;
	background: url(/club_dydo/images/top/caption.png) no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}

#main .box01 .panel_box {
	position: relative;
	width: 950px;
	height: 303px;
	background: url(/club_dydo/images/top/bg01.png) no-repeat;
	overflow: hidden;
}

#main .box01 .panel_box .select_panel {
	position: absolute;
	top: 0px;
	width: 439px;
	height: 275px;
	backround-repeat: no-repeat;
}

#main .box01 .panel_box .to_index {
	left: 28px;
	background-image: url(/club_dydo/images/top/panel_to_index.jpg?ud=170401);
}

#main .box01 .panel_box .about_club_dydo {
	left: 487px;
	background-image: url(/club_dydo/images/top/panel_about_club_dydo.jpg?ud=170401);
}

#main .box01 .select_panel_inner {
	position: relative;
	width: 417px;
	height: 253px;
	margin-top: 9px;
	margin-left: 9px;
	overflow: hidden;
}

#main .box01 .select_panel_inner .panel_cover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 417px;
	height: 253px;
	backround-repeat: no-repeat;
}
#main .box01 .to_index .select_panel_inner .panel_cover {
	background-image: url(/club_dydo/images/top/cover_to_index.jpg?ud=170401);
}
#main .box01 .about_club_dydo .select_panel_inner .panel_cover {
	background-image: url(/club_dydo/images/top/cover_about_club_dydo.jpg?ud=170401);
}

#main .box01 .select_panel_inner .panel_motion {
	position: absolute;
	top: -113px;
	left: 60px;
	width: 297px;
	height: 113px;
	cursor: pointer;
}
#main .box01 .to_index .select_panel_inner .panel_motion {
}
#main .box01 .about_club_dydo .select_panel_inner .panel_motion {
}

#main .box01 .select_panel_inner .panel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 417px;
	height: 253px;
}

#main .box01 .select_panel_inner .panel a {
	display: block;
	width: 417px;
	height: 253px;
	text-indent:-9999px;
	overflow: hidden;
}



/* style for about_club_dydo ------------------------------ */
#main .box11 .bgtxt {
	text-indent:-9999px;
	overflow: hidden;
}

#main .box11 {
	width: 952px;
	margin-top: 25px;
	margin-bottom: 68px;
	padding: 4px;
	background-color: #ffb000;
}

#main .box11 .inner_box {
	border: 1px #ffffff solid;
	background: url(/club_dydo/images/about/bg02.png) repeat-y;
}

#main .box11 .title_box {
	position: relative;
	width: 950px;
	height: 286px;
	background: url(/club_dydo/images/about/bg01.png) no-repeat;
}
#main .box11 .title_box .title {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 725px;
	height: 100px;
	background: url(/club_dydo/images/about/title.png) no-repeat;
}
#main .box11 .title_box .caption {
	position: absolute;
	top: 136px;
	left: 30px;
	width: 600px;
	height: 45px;
	background: url(/club_dydo/images/about/caption.png) no-repeat;
}

#main .box11 .step_box {
	clear: both;
	position: relative;
	width: 950px;
}
#main .box11 .step_box .txt {
	float: left;
	width: 491px;
	margin-left: 25px;
}
#main .box11 .step_box .note {
	float: right;
	width: 363px;
	margin-top: 29px;
	margin-right: 61px;
	background: url(/club_dydo/images/about/bg_note02.png) no-repeat left bottom;
}
#main .box11 .step_box .note_inner {
	width: 323px;
	padding: 20px;
	background: url(/club_dydo/images/about/bg_note01.png) no-repeat;
}


#main .box11 .step_box01 .stit {
	position: absolute;
	top: -261px;
	left: 25px;
	width: 900px;
	height: 261px;
	background: url(/club_dydo/images/about/step01_stit.png?ud=170401) no-repeat;
}
#main .box11 .step_box01 .txt {
	height: 258px;
	background: url(/club_dydo/images/about/step01_txt.png?ud=170401) no-repeat;
}
#main .box11 .step_box01 .note .step_note_btn a {
	margin-top: 19px;
}
#main .box11 .step_box01 .note .step_note_btn a {
	display: block;
	width: 321px;
	height: 49px;
	background-image: url(/club_dydo/images/about/btn01.png?ud=170401);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main .box11 .step_box01 .note .step_note_btn a:hover { background-position: 0 -49px;}


#main .box11 .step_box02 {
	padding-top: 30px;
}
#main .box11 .step_box02 .stit {
	width: 900px;
	height: 79px;
	margin-left: 25px;
	background: url(/club_dydo/images/about/step02_stit.png) no-repeat;
}
#main .box11 .step_box02 .txt {
	height: 240px;
	background: url(/club_dydo/images/about/step02_txt.png?ud=170401) no-repeat;
}

#main .box11 .step_box03 {
	padding-top: 30px;
}
#main .box11 .step_box03 .stit {
	width: 900px;
	height: 79px;
	margin-left: 25px;
	background: url(/club_dydo/images/about/step03_stit.png) no-repeat;
}
#main .box11 .step_box03 .txt {
	height: 228px;
	background: url(/club_dydo/images/about/step03_txt.png?ud=170401) no-repeat;
}

#main .box11 .info_box {
	clear: both;
	position: relative;
	width: 950px;
	padding-top: 30px;
	padding-bottom: 35px;
	background: url(/club_dydo/images/about/bg03b.png) no-repeat left bottom;
}
#main .box11 .info_box .info_innerbox {
	background: url(/club_dydo/images/about/bg04.png) no-repeat 30px 0;
}
#main .box11 .info_box .stit {
	width: 660px;
	height: 75px;
	background: url(/club_dydo/images/about/info_stit.png) no-repeat 45px 15px;
}

#main .box11 .info_box .note {
	width: 557px;
	padding-left: 329px;
	background: url(/club_dydo/images/about/info_pic01.png?ud=170401) no-repeat 45px 1px;
}
#main .box11 .info_box .contact {
	width: 557px;
	height: 131px;
	margin-top: 20px;
}
#main .box11 .info_box .contact .contact_tel {
	width: 263px;
	height: 109px;
	background: url(/club_dydo/images/about/contact_tel.png) no-repeat;
}
#main .box11 .info_box .contact .contact_email {
	position: relative;
	width: 263px;
	height: 109px;
	background: url(/club_dydo/images/about/contact_email.png) no-repeat;
}
#main .box11 .info_box .contact_email .contact_btn {
	position: absolute;
	top: 36px;
	left: 0;
	width: 263px;
	height: 35px;
}
#main .box11 .info_box .contact_email .contact_btn a {
	display: block;
	width: 263px;
	height: 35px;
	background-image: url(/club_dydo/images/about/btn01.png?ud=170401);
	background-repeat: no-repeat;
	background-position: -321px 0;
}
#main .box11 .info_box .contact_email .contact_btn a:hover { background-position: -321px -35px;}



#main .box11 .join_box {
	position: absolute;
	bottom: -73px;
	left: 364px;
	width: 591px;
	height: 79px;
}
#main .box11 .join_box a {
	display: block;
	width: 591px;
	height: 79px;
	background-image: url(/club_dydo/images/about/btn02.png?ud=170401);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#main .box11 .join_box a:hover { background-position: 0 -79px;}