@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_index_grey  {width: 723px; background: #ECEBE9; padding: 30px 0px 20px 24px;}

#content .course_read_index_white  {
	width: 723px;
	padding: 30px 0px 20px 22px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B5B5B5;
	border-bottom-color: #B5B5B5;
	border-left-color: #B5B5B5;
}

#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_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 .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(/it/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;}



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

#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(/it/common/img/bg_center_line698.jpg) left top repeat-y; padding-top: 10px;}

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

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



#content .course_read_box_02_02_top { width: 585px; background: url(/it/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(/it/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(/it/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_02_04_top {
	width: 585px;
	margin-top: 20px;
	background:url(/it/common/img/bg_center_line_4.jpg) left top repeat-y;
}

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

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



#content .course_read_box_03 {width: 699px; margin-top: 20px; background:url(/it/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(/it/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(/it/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_03_02_top { border-bottom: #B5B5B5 1px solid; margin-top: 20px; background: url(/it/common/img/bg_center_line_3.gif) left top repeat-y; width: 699px;}

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

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

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


#content .course_read_box_03_02_bottom { background: url(/it/common/img/bg_center_line_3.gif) left top repeat-y; width: 699px;}

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

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

#content .course_read_box_03_02_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(/it/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;}


/*--------------------------------
	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(/it/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;}


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

#main_content .float_img_pc .float_img_pc_left {width: 302px;	float: left;}

#main_content .float_img_pc .float_img_pc_right {width: 230px; float: right;}



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

	message

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


#main_content .message_man2 { width: 532px;	margin-top: 17px; background-image: url(/it/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: 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_right {width: 387px;	float: right; padding-right: 10px;}



#main_content .message_man3 {width: 532px; margin-top: 17px; background:url(/it/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(/it/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: 245px; float: left; padding-bottom:16px;}

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




#main_content .message_man6 { width: 532px; background-image: url(/it/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: 245px; 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(/it/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: 245px; 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(/it/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(/it/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(/it/common/img/index_dt_h.gif) bottom left repeat-x; padding: 5px 0 8px 0;}

#main_content .event_list li p {background: url(/it/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(/it/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(/it/common/img/arw_blue_01.gif) 0 4px no-repeat; padding-left: 15px; font-weight: bold;}

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

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

.icon_orange_link2 {
	padding-left: 10px;
	background: url(/computer/common/img/index_arw_02.gif) 0 6px no-repeat;
	float: right;
/*	padding-top: 5px;*/
}


/*--------------------------------
	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(/it/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(/it/common/img/index_blue.gif) 0 3px no-repeat;}

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

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

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

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

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

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

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

.icon_orange_link {padding-left: 15px; background: url(/it/common/img/icon_orange.gif) 0 3px no-repeat; margin-top: 10px;}

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


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


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


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

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

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


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

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

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

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

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


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

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


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


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


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


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

.icon_pink_round_01_bg { padding-left: 15px; font-weight: bold; background: url(/it/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(/it/common/img/icon_pink_round_02_bg.gif) 0 3px no-repeat;}

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

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


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

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


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

.icon_orange_02_round_bg { padding-left: 15px; font-weight: bold; background: url(/it/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(/it/common/img/icon_purple_round_02_bg.gif) 0 3px no-repeat;}

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

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

.icon_orange_03_round_bg { padding-left: 15px; font-weight: bold; background: url(/it/common/img/icon_orange_03_round_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;}



.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;}



/* --------------------------------
	メリットリンク
-------------------------------- */

div#merit {width:533px; height:133px;  background:url(../../img/index/merit_img_01.jpg) no-repeat; margin-top:40px;}
div#merit .btn { padding-top:78px; margin-left:9px; position: relative;}


/* intoro-box 10.04.07 */
.intoro-box { padding-bottom: 1.7em;}



/* バナー ---------------- */
div.main_bnr_taiken { clear:both; padding:30px 0 0 0; }

div.main_bnr_taiken_01 { position:relative; width:100%; }
div.main_bnr_taiken_01 .main_bnr_taiken_img {}
div.main_bnr_taiken_01 .main_bnr_taiken_btn_01 { position:absolute; left:142px; top:103px; width:124px; }
div.main_bnr_taiken_01 .main_bnr_taiken_btn_02 { position:absolute; left:279px; top:103px; width:124px; }
/* 10.03.24
div.main_bnr_taiken_01 .main_bnr_taiken_img {}
div.main_bnr_taiken_01 .main_bnr_taiken_btn_01 { position:absolute; left:142px; top:98px; width:124px; }
div.main_bnr_taiken_01 .main_bnr_taiken_btn_02 { position:absolute; left:279px; top:98px; width:124px; }
*/

/*10.03.24 main_content 上部バナー ネガティブ設定 */
#main_content .taiken_position_01{margin:-11px 0 0 0;position:relative;}

div.main_bnr_taiken_02 { position:relative; width:100%; }
div.main_bnr_taiken_02 .main_bnr_taiken_img {}
div.main_bnr_taiken_02 .main_bnr_taiken_btn_01 { position:absolute; left:142px; top:114px; width:124px; }
div.main_bnr_taiken_02 .main_bnr_taiken_btn_02 { position:absolute; left:279px; top:114px; width:124px; }