@charset "UTF-8";

/*--------------------------------
             content
--------------------------------*/



#content .h2_box {
	width: 747px;
	height: 225px;
	position:
	relative;
} 

#content .h2_box h2 {
	position: absolute;
	left: 0px;
	top: 0px;
}

#content .course_read {
	width: 699px;
	background: #ECEBE9;
	padding: 30px 24px 20px 24px;
}

#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_white p {
	display: table-cell;
	vertical-align: middle;
}

/* IE 6 */

* html #content .course_read_box_white p {display: inline;
zoom: 1;
}

/* IE 7 */

*:first-child+html #content .course_read_box_white p {display: inline;
zoom: 1;
}

#content .course_read_box_white img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#content .course_read_box_white .txt {width: 550px;
}

#content .course_read_box_02 {
	width: 699px;
	margin-top: 20px;
	background:url(../img/bg_center_line698.jpg) repeat;
	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;
}

#content .course_read_box_03 {
	width: 699px;
	margin-top: 20px;
	background: url(../img/bg_center_line_2.jpg) repeat;
	background-repeat: repeat-y;
	background-position: left top;
}

#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;
}


/*--------------------------------
      curriculum_blue_box2
--------------------------------*/

#main_content .curriculum_blue_box2 {
	width: 502px;
	background: #ECEBE9;
	padding: 20px 15px 30px 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(../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;
}


/*--------------------------------
      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(../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 .box_left_img {
	width: 532px;
	margin-top: 17px;
}

#main_content .box_left_img .box_left_img_left {
	width: 269px;
	float: left;
}

#main_content .box_left_img .box_left_img_right {
	width: 245px;
	float: left;
	margin-left: 15px;
	display: inline;
}

#main_content .box_left_text {
	width: 532px;
	margin-top: 17px;
}

#main_content .box_left_text .box_left_text_left {
	width: 245px;
	float: left;
}

#main_content .box_left_text .box_left_text_right {
	width: 269px;
	float: right;
}



/*--------------------------------
          　message
--------------------------------*/

#main_content .message_man2 {
	width: 532px;
	margin-top: 17px;
	background-image: url(../img/bg_center_dot_message.gif);
}
#main_content .message_man2_box {
	margin-bottom: 20px;
	width: 532px;
}
#main_content .message_man2 .message_man2_left {
	width: 245px;
	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_left img {
	padding-bottom: 7px;
}
#main_content .message_man1 .message_man1_right {
	width: 387px;	float: right;
	padding-right: 10px;
}



/*--------------------------------
          　topics
--------------------------------*/

#main_content .topics_man2 	{
	width: 532px;
	margin-top: 20px;
	background-image: url(../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(../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 .sort_box_text_img .bg_white .blog_left {
	width: 270px;
	float: left;
	clear: both;
}


#main_content .sort_box_text_img .bg_white .blog_left .blog_right {
	width: 210px;
	float: right;
	clear: left;
}




#main_content .blog_box_text_img {
	width: 512px;
	background: #DDDDDD;
	padding: 15px 10px;
}


#main_content .blog_box_text_img .bg_white {
	width: 490px;
	background: #FFFFFF;
	margin-top: 12px;
	padding: 10px;
	height: 77px;
}

#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(../img/index_dt_h.gif) bottom left repeat-x;
	padding: 5px 0 8px 0;
}

#main_content .event_list li p {
	background: url(../img/ind_arw_01.gif) 0 7px no-repeat;
	padding-left: 12px;
}

/*--------------------------------
          　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(../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-image: url(../img/icon_c_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_green {
	padding-left: 15px;
	font-weight: bold;	background-image: url(../img/icon_c_green.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_pink {
	background: url(../img/icon_pink.gif) 0 7px no-repeat;
	padding-left: 12px;
}

.icon_orange {
	background: url(../img/icon_orange.gif) 0 3px no-repeat;
	padding-left: 15px;
}

.icon_orange_round {
	padding-left: 15px;
	font-weight: bold;
	background-image: url(../img/icon_orange_round.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_orange_round_bg {
	padding-left: 15px;
	font-weight: bold;
	background-image: url(../img/icon_orange_round_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_green_round {
	padding-left: 15px;
	font-weight: bold;
	background-image: url(../img/icon_green_round.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_green_round_bg {
	padding-left: 15px;
	font-weight: bold;
	background-image: url(../img/icon_green_round_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_blue_round {
	padding-left: 15px;
	font-weight: bold;
	clear: both;
	background-image: url(../img/icon_blue_round.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_blue_round_bg {
	padding-left: 15px;
	font-weight: bold;
	clear: both;
	background-image: url(../img/icon_blue_round_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

#content .icon_pink_round {
	padding-left: 14px;
	font-weight: bold;
	clear: both;
	background: url(../img/icon_pink_round.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_grey_round {
	padding-left: 15px;
	font-weight: bold;	background-image: url(../img/icon_grey_round.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.icon_orange_link2 {
	background:url("/common/img/arw_13.gif") no-repeat scroll 0 6px transparent;
	padding-left:10px;
}

#main_content .event_list a{
	background:url("/common/img/arw_13.gif") no-repeat scroll 0 6px transparent;padding-left:12px;
}

.intoro-box {
	padding-bottom: 1.7em;
}

/*--------- margin -------*/

.mar_l_120 {
	margin-left: 120px;
}

.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_7{
	margin-left:7px;
}

.mar_l_9{
	margin-left:9px;
}

.mar_l_10{
	margin-left:10px;
}

.mar_b_10{
	margin-bottom:10px;
}



/*--------- 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_40 {
	padding-top: 40px;
}

.pad_t_45 {
	padding-top: 45px;
}



.width_532 {
	width: 532px;
}

.align_text_right {
	text-align: right;
}



