@charset "UTF-8";

/*--------------------------------
	content
--------------------------------*/

#main_content .taiken_position_01 {
	margin:-11px 0 0;
	position:relative;
}

#content .h2_box {width: 747px; height: 225px; position: relative; } 

#content .h2_box h2 {position: absolute; left: 0px; top: 0px;}

#content .course_read_index_grey  {width: 723px; background: #ECEBE9; padding: 30px 0px 20px 24px;}

#content .course_read_index_grey_01  {width: 723px; padding: 30px 0px 20px 24px;}

#content .course_read_index_yellow_01  {width: 723px; background: #FBFADB; padding: 30px 0px 20px 24px;}

#content .course_read_index_yellow_02  {width: 723px; padding: 30px 0px 20px 24px;}

#content .course_read_index_yellow_03  {width: 723px; background: #f5f4e7; padding: 30px 0px 20px 24px;}

#content .course_read_index_yellow_04  {width: 723px; padding: 30px 0px 20px 24px;}

#content .course_read_con_grey  {width: 699px; background: #ECEBE9; padding: 30px 24px 20px 24px;}
#content .course_read_con {width: 699px; padding: 30px 24px 20px 24px;}
#content .course_read_con_boder  {border-left: solid 1px #505050; border-right: solid 1px #505050; border-bottom: solid 1px #505050;}

#content .course_read_con_yellow_01  {width: 699px; background: #FBFADB; padding: 30px 24px 20px 24px;}

#content .course_read_con_yellow_02  {width: 699px; background: #f5f4e7; padding: 30px 24px 20px 24px;}


#content .course_read_con_white {width: 697px; background: #FFFFFF; padding: 30px 24px 20px 24px;}

#content .course_read_con_white_1 {width: 723px; background: #FFFFFF; padding: 30px 0 20px 22px;}

#content .pad_b_40 {padding-bottom: 40px;}

#content .course_read_box_white {background: #FFFFFF; width: 698px; margin-top: 19px; padding: 8px 0 ;}

#content .course_read_box_grey {background: #f3f2f2; width: 698px; margin-top: 19px; padding: 8px 0 ;}

#content .course_read_box_white p {display: table-cell; vertical-align: middle;}

#content .course_read_box_grey p {display: table-cell; vertical-align: middle;}

/* IE 6 */

* html #content .course_read_box_white p {display: inline; zoom: 1;}
* html #content .course_read_box_grey p {display: inline; zoom: 1;}

/* IE 7 */

*:first-child+html #content .course_read_box_white p {display: inline; zoom: 1;}
*:first-child+html #content .course_read_box_grey p {display: inline; zoom: 1;}

#content .course_read_box_white img {float: left; margin-left: 10px; margin-right: 10px;}
#content .course_read_box_grey img {float: left; margin-left: 10px; margin-right: 10px;}

#content .course_read_box_white .txt {width: 550px;}
#content .course_read_box_grey .txt {width: 550px;}



#content .course_read_box_02 {width: 699px; margin-top: 20px; background:url(/mus/common/img/bg_center_line698.jpg) left top repeat-y; padding: 0 ;}

#content .course_read_box_02 .course_read_box_02_left {width: 339px; padding: 0px 10px 0px 0px; float: left;}

#content .course_read_box_02 .course_read_box_02_right {width: 339px; padding: 0px 0px 0px 11px; float: left;}


/*--- 100402更新 ----*/

#content .course_read_box_02_01_top {
	width: 699px;
	padding: 0 ;
	margin-top: 20px;
	border-bottom: #B5B5B5 1px solid;
	background:url(/mus/common/img/bg_center_line_3.jpg) left top repeat-y;
}

#content .course_read_box_02_01_top .box_02_01_top_left {
	width: 339px;
	padding: 0px 10px 13px 0px;
	float: left;
}

#content .course_read_box_02_01_top .box_02_01_top_right {
	width: 339px;
	padding: 0px 0px 13px 11px;
	float: left;
}

#content .course_read_box_02_01_bottom {
	width: 699px;
	background:url(/mus/common/img/bg_center_line_3.jpg) left top repeat-y;
}

#content .course_read_box_02_01_bottom .box_02_01_bottom_left {
	width: 339px; 
	padding: 10px 10px 0px 0px;
	float: left;
}

#content .course_read_box_02_01_bottom .box_02_01_bottom_right {
	width: 339px;
	padding: 10px 0px 0px 11px;
	float: left;
}



#content .course_read_box_02_02_top { width: 585px; background: url(/mus/common/img/bg_center_line585.gif) left top repeat-y; margin-top: 20px;}

#content .course_read_box_02_02_top .box_02_02_top_left { width: 272px; float: left; padding-right: 20px;}

#content .course_read_box_02_02_top .box_02_02_top_right { width: 272px; float: left; padding-left: 21px;}



#content .course_read_box_02_03_top { width: 585px; background: url(/mus/common/img/bg_center_line585.gif) left top repeat-y; margin-top: 20px; border-bottom: #B5B5B5 1px solid;}

#content .course_read_box_02_03_top .box_02_03_top_left {width: 272px; padding: 0px 20px 13px 0px; float: left;}

#content .course_read_box_02_03_top .box_02_03_top_right {width:272px; padding: 0px 0px 13px 21px; float: left;}


#content .course_read_box_02_03_bottom { width: 585px; background: url(/mus/common/img/bg_center_line585.gif) left top repeat-y;padding-top: 10px;}

#content .course_read_box_02_03_bottom .box_02_03_bottom_left {width: 272px; padding: 0px 20px 0px 0px; float: left;}

#content .course_read_box_02_03_bottom .box_02_03_bottom_right {width: 272px; padding: 0px 0px 0px 21px; float: left;}



#content .course_read_box_03 {width: 699px; margin-top: 20px; background:url(/mus/common/img/bg_center_line_2.jpg) left top repeat-y;}

#content .course_read_box_03 .course_read_box_03_left {width: 219px; padding: 0px 10px 0px 0px; float: left;}

#content .course_read_box_03 .course_read_box_03_middle {width: 219px; padding: 0px 10px 0px 11px;	float: left;}

#content .course_read_box_03 .course_read_box_03_right {width: 219px; padding: 0px 0px 0px 11px; float: left;}



#content .course_read_box_03_01_top { border-bottom: #B5B5B5 1px solid; margin-top: 20px; background: url(/mus/common/img/bg_center_line_2.jpg) left top repeat-y; width: 699px;}

#content .course_read_box_03_01_top .box_03_01_top_left {width: 219px; padding: 0px 10px 13px 0px; float: left;}

#content .course_read_box_03_01_top .box_03_01_top_middle {width: 219px; padding: 0px 10px 13px 11px;	float: left;}

#content .course_read_box_03_01_top .box_03_01_top_right {width: 219px; padding: 0px 0px 13px 11px; float: left;}


#content .course_read_box_03_01_bottom { background: url(/mus/common/img/bg_center_line_2.jpg) left top repeat-y; width: 699px;}

#content .course_read_box_03_01_bottom .box_03_01_bottom_left {width: 219px; padding: 10px 10px 0px 0px; float: left;}

#content .course_read_box_03_01_bottom .box_03_01_bottom_middle {width: 219px; padding: 10px 10px 0px 11px;	float: left;}

#content .course_read_box_03_01_bottom .box_03_01_bottom_right {width: 219px; padding: 10px 0px 0px 11px; float: left;}


#content .course_read_box_bottom { width:699px; padding:10px 0px 0px 0px; text-align:center;}

/*--------------------------------
	curriculum_blue_box2
--------------------------------*/

#main_content .curriculum_blue_box2 {width: 502px; background: #ECEBE9; padding: 20px 15px 21px 15px;}

#main_content .curriculum_blue_box2 .curriculum_blue_box2_left {width: 230px; float: left;}

#main_content .curriculum_blue_box2 .curriculum_blue_box2_right {width: 230px; float: right;}

#main_content .curriculum_blue_box2 .curriculum_blue_box2_write_box {width: 218px; height: 135px; padding: 15px 6px 0 6px; background: #FFFFFF; display: block;}

#main_content .curriculum_blue_box2_same_height1 {width: 502px; background: url(/mus/common/img/index_img_08.gif) left top repeat-y; padding-bottom: 10px;}

#main_content .curriculum_blue_box2 .curriculum_blue_box2_write_box2 {width: 218px; padding: 15px 6px 0 6px; display: block;}

#main_content .mar_l_218 {margin-left: 218px;}

#main_content .curriculum_blue_box2_yellow_box {padding: 10px; background: #FFFB9F;}

#main_content .curriculum_blue_box2_yell_font {color: #FE761E;}


/*--------------------------------

        artist navigation

--------------------------------*/

#content .artist_navigation_box_01 {
	position: relative;
	width: 703px;
	height: 208px;
	margin: 0;
	padding: 0;
}

#content .artist_navigation_box_01 .navigation_image {
	position: absolute;
	top: 0;
	left: 0;
	height: 208px;
	width: 703px;
}

#content .artist_navigation_box_01 .navigation_inner {
	position: absolute;
	top: 40px;
	left: 350px;
	height: 160px;
	width: 350px;
}

#content .artist_navigation_box_02 {
	position: relative;
	width: 703px;
	height: 175px;
}

#content .artist_navigation_box_02 .navigation_image {
	position: absolute;
	top: 0;
	left: 0;
	height: 175px;
	width: 703px;
}

#content .artist_navigation_box_02 .navigation_inner {
	position: absolute;
	top: 16px;
	left: 3px;
	height: 160px;
	width: 350px;
}

#content .artist_navigation_box_03 {
	position: relative;
	width: 703px;
	height: 189px;
}

#content .artist_navigation_box_03 .navigation_image {
	position: absolute;
	top: 0;
	left: 0;
	height: 189px;
	width: 703px;
}

#content .artist_navigation_box_03 .navigation_inner {
	position: absolute;
	top: 22px;
	left: 358px;
	height: 160px;
	width: 340px;
}


/*--------------------------------
      curriculum_pink_box3
--------------------------------*/

#main_content .curriculum_pink_box3 {
	width: 502px;
	background: #ECEBE9;
	padding: 20px 15px 21px 15px;
}

#main_content .curriculum_pink_box3 .curriculum_pink_box3_left {
	width: 154px;
	float: left;
}

#main_content .curriculum_pink_box3 .curriculum_pink_box3_s_img {
	padding-top: 80px;
	float: left;
	margin: 0 2px 0 2px;
}

#main_content .curriculum_pink_box3_same_height1 {
	width: 502px;
	background:  url(/mus/common/img/bg_w_8.gif) 0 0 repeat-y;
	padding-bottom: 10px;
}

#main_content .curriculum_pink_box3 .curriculum_pink_box3_write_box {
	width: 218px;
	height: 135px;
	padding: 15px 6px 0 6px;
	background: #FFFFFF;
	display: block;
}

#main_content .curriculum_pink_box3 .write_box {
	width: 142px;
	padding: 15px 6px 0 6px;
	display: block;
}


/*--------------------------------

          main_content

--------------------------------*/

#main_content .float_img {width: 532px; margin-top: 17px;}

#main_content .float_img .float_img_left {width: 269px; float: left; }

#main_content .float_img .float_img_right {width: 245px; float: left; margin-left: 15px; display: inline;}

#main_content .float_img_text {width: 532px; margin-top: 17px;}

#main_content .float_img_text .float_img_text_left {width: 245px;	float: left;}

#main_content .float_img_text .float_img_text_right {width: 269px; float: right;}



/*--------------------------------

          　message

--------------------------------*/


#main_content .message_man2 { width: 532px;	margin-top: 17px; background-image: url(/mus/common/img/bg_center_dot_message.gif);}

#main_content .message_man2_box { margin-bottom: 20px; width: 532px;}

#main_content .message_man2 .message_man2_left { width: 246px; float: left;}

#main_content .message_man2 .message_man2_right { width: 245px;	float: right; padding-left: 20px;}



#main_content .message_man1 {width: 532px; margin-top: 17px;}

#main_content .message_man1 .message_man1_left {display: block; width: 117px; float: left;}

#main_content .message_man1 .message_man1_right {width: 387px;	float: right; padding-right: 10px;}



#main_content .message_man3 {width: 532px; margin-top: 17px; background:url(/mus/common/img/index_dt_h.gif) repeat-x bottom; padding-bottom:17px;}

#main_content .message_man3 .message_man3_left {display: block; width: 117px; float: left;}

#main_content .message_man3 .message_man3_right {width: 387px;	float: right; padding-right: 10px;}



#main_content .message_man4 {width: 532px; background:url(/mus/common/img/index_dt_h.gif) repeat-x top; padding-top:18px;}

#main_content .message_man4 .message_man4_left {display: block; width: 117px; float: left;}

#main_content .message_man4 .message_man4_right {width: 387px;	float: right; padding-right: 10px;}


#main_content .message_man5 {width: 532px; margin-top: 17px;}

#main_content .message_man5_box {margin-bottom: 20px; width: 532px;}

#main_content .message_man5 .message_man5_left {width: 246px; float: left; padding-bottom:16px;}

#main_content .message_man5 .message_man5_right {width: 245px; float: right; padding-left: 21px; background:url(/mus/common/img/index_dt_v.gif) repeat-y left; padding-bottom:16px;}




#main_content .message_man6 { width: 532px; background-image: url(/mus/common/img/bg_center_dot_message.gif);}

#main_content .message_man6_box { margin-bottom: 20px; width: 532px; padding-top: 17px;}

#main_content .message_man6 .message_man6_left { width: 246px; float: left;}

#main_content .message_man6 .message_man6_right { width: 245px;	float: right; padding-left: 20px;}


#main_content .message_man7 { width: 532px;	margin-top: 17px; background-image: url(/mus/common/img/bg_center_dot_message.gif); padding-bottom: 17px;}

#main_content .message_man7_box { margin-bottom: 20px; width: 532px;}

#main_content .message_man7 .message_man7_left { width: 246px; float: left;}

#main_content .message_man7 .message_man7_right { width: 245px;	float: right; padding-left: 20px;}



/*--------------------------------

          　topics

--------------------------------*/

#main_content .topics_man2 	{width: 532px; margin-top: 17px; background-image: url(/mus/common/img/bg_center_dot_topics.gif);}

#main_content .topics_man2 .topics_man2_left {width: 244px; float: left; padding-right: 15px;}

#main_content .topics_man2 .topics_man2_right {width: 251px; float: left; padding-left: 17px; padding-bottom: 16px;}



#main_content .topics_topline_l_text 	{width: 532px; background: url(/mus/common/img/bg_top_line.gif) left top repeat-x; padding-top:17px;}

#main_content .topics_topline_l_text .topics_topline_l_text_left {width: 180px; float: left;}

#main_content .topics_topline_l_text .topics_topline_l_text_right {width: 337px; float: right;}



#content .topics_photo2 	{width:532px; margin-top:17px;}

#main_content .topics_photo2 .topics_photo2_left {display: block; width: 261px; float: left;}

#main_content .topics_photo2 .topics_photo2_right {display: block; width: 261px; float: left; margin-left: 10px; display: inline;}




#main_content .sort_box_text {border: #DDDDDD 10px solid; padding: 10px;}

#main_content .sort_box_text_img {width: 512px; background: #DDDDDD; padding: 15px 10px;}

#main_content .sort_box_text_img .bg_white {width: 490px; background: #FFFFFF; margin-top: 12px; padding: 10px;}

#main_content .event_list {margin: 0; padding: 0;}

#main_content .h4_style {width: 532px; height: 27px; border-bottom: #c6c6c6 1px solid;}

#main_content .event_list li {list-style: none; background: url(/mus/common/img/index_dt_h.gif) bottom left repeat-x; padding: 5px 0 8px 0;}

#main_content .event_list li p {background: url(/mus/common/img/index_arw_08.gif) 0 7px no-repeat;	padding-left: 12px;}



#main_content .sort_box_text_img_4piece {background: #ECEBE9; width: 502px; padding: 15px;}

#main_content .sort_box_text_img_4piece .bg_white_bg { background: url(/mus/common/img/sort_box_bg.gif) left top repeat-y; width: 502px; padding: 0px; float: left; display: inline;}

#main_content .sort_box_text_img_4piece .bg_white_bg .bg_white { width: 225px; padding: 0 10px 10px 10px; float: left;}




/*--------- icons -------*/


.icon_quad_arw_blue {background: url(/mus/common/img/arw_blue_01.gif) 0 4px no-repeat; padding-left: 15px; font-weight: bold;}
.icon_orange_link {padding-left: 15px; background: url(/cre/common/img/icon_orange.gif) 0 3px no-repeat; margin-top:10px;}


/*--------------------------------
          　data_orange_box2
--------------------------------*/

#main_content .data_orange_box2 { width: 532px;}

#main_content .data_orange_box2 .data_orange_box2_left { width: 195px; text-align: center; padding-top: 5px; float: left;}

#main_content .data_orange_box2 .data_orange_box2_right { width: 315px; padding-top: 10px; float: left;}

#main_content .data_orange_box2 .data_orange_box2_border { width: 530px; border-bottom: #FF8213 1px solid; border-left: #FF8213 1px solid; border-right: #FF8213 1px solid;	padding-bottom: 15px;}

#data_orange_box2_rollover_here { width: 315px;	height: 48px; margin-top: 15px;	position: relative;	background-image: url(/mus/common/img/here_bg.jpg); background-repeat: no-repeat;}

#data_orange_box2_rollover_here .data_orange_box2_here_font { display: block; width: 97px; height: 22px; position: absolute; left: 21px;
 top: 13px;}

#data_orange_box2_rollover_here ul { padding: 11px 0 0 148px;}

#data_orange_box2_rollover_here ul li {	list-style: none;}









/*--------------------------------

          　共通

--------------------------------*/



/*--------- icon_blue -------*/


.icon_blue {padding-left: 15px;	font-weight: bold; background: url(/mus/common/img/index_blue.gif) 0 3px no-repeat;}

.icon_blue_01 {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/index_blue_01.gif) 0 3px no-repeat;}

.icon_green {padding-left: 15px; font-weight: bold;	background: url(/mus/common/img/icon_green.gif) 0 3px no-repeat;}

.icon_green_01 {padding-left: 15px; font-weight: bold;	background: url(/mus/common/img/icon_green_01.gif) 0 3px no-repeat;}

.icon_red {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_red.gif) 0 3px no-repeat;}

.icon_red_01 {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_red_01.gif) 0 3px no-repeat;}

.icon_pink { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_pink.gif) 0 3px no-repeat;}

.icon_orange {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_orange.gif) 0 3px no-repeat;}

.icon_purple {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_purple.gif) 0 3px no-repeat;}




.icon_brown_round {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_brown_round.gif) 0 3px no-repeat;}


.icon_green_round {	padding-left: 15px;	font-weight: bold; background: url(/mus/common/img/icon_green_round.gif) 0 3px no-repeat;}


.icon_green_round_02 {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_green_round_02.gif) 0 3px no-repeat;}


.icon_pink_round { padding-left: 15px;	font-weight: bold; background: url(/mus/common/img/icon_pink_round.gif) 0 3px no-repeat;}

.icon_purple_round { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_purple_round.gif) 0 3px no-repeat;}

.icon_orange_02_round { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_orange_02_round.gif) 0 3px no-repeat;}

.icon_blue_round {padding-left: 15px; font-weight: bold; background: url(/cre/common/img/icon_blue_round.gif) 0 3px no-repeat;}

.icon_blue_round_01_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_blue_round_01_bg.gif) 0 3px no-repeat;}

.icon_blue_round_02 {padding-left: 15px; font-weight: bold; background: url(/cre/common/img/icon_blue_round_02.gif) 0 3px no-repeat;}

.icon_pink_round_01_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_pink_round_01_bg.gif) 0 3px no-repeat;}

.icon_pink_round_02_bg {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_pink_round_02_bg.gif) 0 3px no-repeat;}

.icon_purple_round_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_purple_round_bg.gif) 0 3px no-repeat;}

.icon_brown_round_bg {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_brown_round_bg.gif) 0 3px no-repeat;}


.icon_green_round_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_green_round_bg.gif) 0 3px no-repeat;}

.icon_green_round_02_bg {padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_green_round_02_bg.gif) 0 3px no-repeat;}


.icon_blue_round_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_blue_round_bg.gif) 0 3px no-repeat;}

.icon_orange_02_round_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_orange_02_round_bg.gif) 0 3px no-repeat;}

.icon_purple_round_02_bg { padding-left: 15px; font-weight: bold; background: url(/mus/common/img/icon_purple_round_02_bg.gif) 0 3px no-repeat;}

/*--------- margin -------*/


.mar_t_16 {margin-top: 16px;}

.mar_t_17 {margin-top: 17px;}

.mar_t_12 {margin-top: 12px;}

.mar_t_36 {margin-top: 36px;}

.mar_t_37 {margin-top: 37px;}

.mar_t_3 {margin-top: 3px;}

.mar_t_13 {margin-top: 13px;}

.mar_t_7 {margin-top: 7px;}

.mar_t_20{margin-top:20px;}

.mar_t_30{margin-top:30px;}

.mar_t_10{margin-top:10px;}

.mar_t_12 {margin-top:12px;}

.mar_t_13 {margin-top:13px;}

.mar_t_15{margin-top:15px;}

.mar_t_2{margin-top:2px;}

.mar_t_5{margin-top:5px;}

.mar_t_7{margin-top:7px;}

.mar_t_55{margin-top:55px;}

.mar_t_40{margin-top:40px;}

.mar_t_4{margin-top:4px;}

.mar_l_5{margin-left:5px;}

.mar_l_7{margin-left:7px;}

.mar_l_9{margin-left:9px;}

.mar_l_10{margin-left:10px;}

.mar_l_12{margin-left:12px;}

.mar_l_14{margin-left:14px;}

.mar_l_100{margin-left:100px;}

.mar_b_10{margin-bottom:10px;}

.mar_l_120 {margin-left: 120px;}

/*--------- float -------*/

.float_l {float: left;}

.float_r {float: right;}

.float_right_link {width: 532px; height: 20px; float: right;}



/*--------- padding -------*/

.pad_t_90 {padding-top:90px;}

.pad_l_12 {padding-left:12px;}

.pad_t_20{padding-top:20px;}

.pad_t_15 {padding-top: 15px;}

.pad_t_45 {padding-top: 45px;}

.pad_r_22 {padding-right:22px;}

.width_532 {width: 532px;}

.align_text_right {text-align: right;}





 

.photoR {

    direction: rtl; /*右から並べる*/

}

 

.photoR * {

    direction: ltr; /*内容物は左から並べる*/

}

 

.box .photo,

.box .comment {

    display: table-cell;

    padding: 10px 0;

    vertical-align:top;

    color: #666666;

    font-size: 0.8em;

    line-height: 1.2em;

	overflow:auto;

}

 

.box .photo {

    padding-left: 10px;

    padding-right: 10px;

}

.photoR .comment {

    padding-left: 10px;

}

.photoL .comment {

    padding-right: 10px;

}

 

/* IE7以下に適用 */

.ltie8 .box .photo {    width:expression(this.getElementsByTagName("img")[0].clientWidth);}

.ltie8 .photoL .photo {    float: left;}

.ltie8 .photoR .photo {    float: right;}

.ltie8 .box .comment {    width: auto; overflow:auto;}

* html body .photoR .photo { overflow:auto;}

.top_height {
	min-height:60px;
	_height: 65px;
}

.top_height2 {
	min-height:70px;
	_height: 70px;
}
.intoro-box { padding-bottom: 1.7em;}