<!--

/* --common --*/

body {	
	background:#fff;
	color:#333;
	padding:0 5px;
	margin:0;
	}					
	
.porting {
	width:765px;
	margin:0 auto;
	}
		
#box_common {
	width:765px;
	padding:0 5px 0 5px;
	border-top:7px solid #99d511;
	margin:0 auto;
	color:#333;
	font-size:small;
	line-height:1.384em;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	}
	
#box_common a {
	text-decoration:none;
	}						
									
#box_common a:link,
#box_common a:visited,
#box_common a:active {
	color:#009cd0;
	text-decoration:underline;
	}
												
#box_common a:hover {
	color:#009cd0;
	text-decoration:none;
	}
	
#box_common .arrow_green {
	padding:0 0 0 12px;
	background:url(../imgs/icon_arrow_green.gif) no-repeat 0 0.3em;
	}
	
#box_common .clear_float {
	clear:both;
	}

/* --common --*/


/* --header --*/

#box_header {
	width:765px;
	height:61px;
	overflow:hidden;
	}
	
#box_header img {
	border:0;
	}
		
#box_header a:link,
#box_header a:visited,
#box_header a:active {
	color:#6a0;
	text-decoration:none;
	}
												
#box_header a:hover {
	color:#6a0;
	text-decoration:underline;
	}
	
#box_header img {
	float:left;
	}
	
#box_header .name_member {
	padding:3px 35px 3px 0;
	background:url(../imgs/icon_member.gif) no-repeat right;
	}
	
#box_header .name_member_s {
	padding:3px 35px 3px 0;
	background:url(../imgs/icon_special.gif) no-repeat right;
	}
	
#box_header .logout {
    font-size: 10px;
    line-height: 18px;
	margin:0 0 0 20px;
	padding:0 0 0 12px;
	background:url(../imgs/icon_arrow_green.gif) no-repeat 0 0.1em;
	}
			
#box_header .header_member_container {
	float:left;
	width:368px;
	height:51px;
	background:#fff;
	text-align:right;
	color:#6a0;
	padding:10px 0 0 0;
	overflow:hidden;
    font-size: 10px;
	}
	
#box_header .header_member_container img {
	margin:5px 0 0 0;
	float:right;
	}
	
#box_header .header_member_container img.center {
	margin:5px 4px 0 4px;
	}
	
/* --header --*/


/* --category --*/

.box_category_seminar {	
	display:none;
	}

#box_category {	
	font-size:12px;
	line-height:18px;
	}

#box_category {
	width:765px;
	height:42px;
	background:#fff;
	position:relative;
	z-index:2;
	}
	
#box_category a:link,
#box_category a:visited,
#box_category a:active {
	color:#009cd0;
	text-decoration:none;
	}
												
#box_category a:hover {
	color:#009cd0;
	text-decoration:underline;
	}
			
#box_category img {
	border:0;
	display:block;
	}
	
#box_category_menu {
	position:absolute;
	}
	
#category_01,
#category_02,
#category_03,
#category_04,
#category_05 {
	float:left;
	margin:0 2px 0 0;
	}
	
#category_06 {
	float:left;
	margin:0;
	}

#category_01_sub,
#category_02_sub,
#category_03_sub,
#category_04_sub,
#category_05_sub,
#category_06_sub {
	position:relative;
	display:none;
	}
	
#category_01_sub_bg,
#category_02_sub_bg,
#category_03_sub_bg,
#category_04_sub_bg,
#category_05_sub_bg,
#category_06_sub_bg {
	padding:10px 15px;
	border-width:0 1px 1px 1px;
	border-style:solid;
}

#category_01_sub {
	width:479px;
}
		
#category_01_sub_bg {
	width:479px;
	background:#fff4f1 url(../imgs/bg_category_01.gif) no-repeat;
	border-color:#ffa286;

	/*	min-height for cross browser */
	min-height:1px;
	height: auto !important;
	height: 1px;
}

#category_02_sub {
	left:101px;
	width:416px;
}

#category_02_sub_bg {
	width:416px;
	background:#fff5eb url(../imgs/bg_category_02.gif) no-repeat;
	border-color:#fcae61;

	/*	min-height for cross browser */
	min-height:1px;
	height: auto !important;
	height: 1px;
}

#category_03_sub {
	left:152px;
	width:425px;
}

#category_03_sub_bg {
	width:425px;
	background:#fdfce2 url(../imgs/bg_category_03.gif) no-repeat;
	border-color:#d5cc01;

	/*	min-height for cross browser */
	min-height:1px;
	height: auto !important;
	height: 1px;
}

#category_04_sub {
	left:181px;
	width:376px;
}

#category_04_sub_bg {
	width:376px;
	background:#eafedf url(../imgs/bg_category_04.gif) no-repeat;
	border-color:#92db6c;

	/*	min-height for cross browser */
	min-height:1px;
	height: auto !important;
	height: 1px;
}

#category_05_sub {
	left:297px;
	width:404px;
}

#category_05_sub_bg {
	width:404px;
	background:#f7f7f7 url(../imgs/bg_category_05.gif) no-repeat;
	border-color:#d1d1d1;

	/*	min-height for cross browser */
	min-height:1px;
	height: auto !important;
	height: 1px;
}

#category_06_sub {
	left:245px;
	width:488px;
}

#category_06_sub_bg {
	width:488px;
	background:#e3f3fe url(../imgs/bg_category_06.gif) no-repeat;
	border-color:#6bbbf0;

	/*	min-height for cross browser */
	min-height:1px;
	height: auto !important;
	height: 1px;
}

#box_category #category_01_sub table th {
	width:176px;
	}
	
#box_category #category_01_sub table td.sub_category,
#box_category #category_01_sub table td.sub_category_la {
	width:201px;
	}
	
#box_category #category_02_sub table th {
	width:112px;
	}
	
#box_category #category_02_sub table td.sub_category,
#box_category #category_02_sub table td.sub_category_la {
	width:210px;
	}	
	
#box_category #category_03_sub table th {
	width:123px;
	}
	
#box_category #category_03_sub table td.sub_category,
#box_category #category_03_sub table td.sub_category_la {
	width:361px;
	}
	
#box_category #category_04_sub table th {
	width:62px;
	}
	
#box_category #category_04_sub table td.sub_category,
#box_category #category_04_sub table td.sub_category_la {
	width:220px;
	}		
	
#box_category #category_05_sub table th {
	width:100px;
	}
	
#box_category #category_05_sub table td.sub_category,
#box_category #category_05_sub table td.sub_category_la {
	width:220px;
	}
	
#box_category #category_06_sub table th {
	width:145px;
	}
	
#box_category #category_06_sub table td.sub_category,
#box_category #category_06_sub table td.sub_category_la {
	width:249px;
	}
	
	
#box_category table td.icon01,
#box_category table td.icon02 {
	width:30px;
	}
					
#box_category table th,
#box_category table td.sub_category,
#box_category table td.sub_category_la {
	padding:1px 20px 1px 0;
	vertical-align:top;
	text-align:left;
	}
	
#box_category table th img {
	margin:2px 0 0 0;
	}
	
#box_category table td {
	padding:1px 0 1px 0;
	vertical-align:top;
	}
	
#box_category table td.icon01 img,
#box_category table td.icon02 img {
	margin:0 2px 0 0;
	}
	
#box_category table td.sub_category {
	background:url(../imgs/bg_category_border.gif) repeat-x bottom;
	}
	
#box_category table td.sub_category_la {
	background:url(../imgs/spacer.gif) no-repeat;
	}
	
#box_category table td.separator {
	background:url(../imgs/bg_category_border.gif) repeat-x center;
	height:9px;
	}
		
#box_category table td a.recommend {
	padding:0 0 0 12px;
	background:url(../imgs/icon_arrow_blue.gif) no-repeat 0 0.1em;
	}
	
#box_category table td a.usually {
	padding:0 0 0 12px;
	background:url(../imgs/icon_arrow_gray.gif) no-repeat 0 0.1em;
	}	

#box_category ul.noscript li {
	float:left;
	margin:0 1px 0 0;
	list-style:none;
	}
	
/* --category --*/


/* --font style --*/

.porting .rm_bluetitle {
	background:#3184b1;
	color:#fff;
	font-weight:bold;
	padding:2px 5px;
	}

/* --font style --*/


/* --training right colum --*/

#right_colum_t1 {
	display:block;
	float:right;
	width:219px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
}

#right_colum_t1 .arrow_greengray {
	padding:0 0 0 12px;
	background:url(../imgs/icon_arrow_greengray.gif) no-repeat 0 0.2em;
	}
	
#right_colum_t1 .arrow_bluegray {
	padding:0 0 0 24px;
	background:url(../imgs/icon_arrow_bluegray.gif) no-repeat 12px 0.2em;
	}
	
#right_colum_t1 .arrow_bluegray_title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 12px;
	margin:15px 0 5px 0 ;
	display:block;
	background:url(../imgs/icon_arrow_bluegray.gif) no-repeat 0 0.2em;
	}

#right_colum_t1 .box_rm_green {
	background:#aed53e;
	padding:6px 6px 12px 6px;
	border-bottom:10px solid #fff;
	}
	
#right_colum_t1 .box_rm_green .list_t1{
	font-size:14px;
	line-height:22px;
	}
	
#right_colum_t1 .box_rm_green .list_t2{
	font-size:12px;
	line-height:20px;
	}
	
#right_colum_t1 .box_rm_green .colum_rm_green{
	background:#f3fbdc;
	border-width:0 1px;
	border-style:solid;
	border-color:#8baf25;
	padding:7px 4px;
	width:197px;
	}
	
#right_colum_t1 .box_rm_green .list_t2 li{
	text-indent:-12px;
	padding:0 0 0 12px;
	}
	
#right_colum_t1 .box_rm_light_green {
	background:#f3fbdc;
	padding:12px 6px;
	border-bottom:10px solid #fff;
	}
	
#right_colum_t1 .box_rm_light_green .colum_rm_light_green {
	background:#fff;
	border-width:0 1px;
	border-style:solid;
	border-color:#dae8b1;
	padding:7px 4px;
	width:197px;
	}
	
#right_colum_t1 .box_rm_light_green .colum_rm_light_green dd{
	text-indent:-12px;
	padding:0 0 0 12px;
	}
	
#right_colum_t1 .box_rm_light_green .list_t1{
	font-size:12px;
	line-height:20px;
	}
	
#right_colum_t1 .box_rm_bluetitle {
	background:#3184b1;
	padding:6px 6px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	}
	
#right_colum_t1 .box_rm_blue {
	background:#7cbfe4;
	padding:12px 6px 12px 6px;
	border-bottom:10px solid #fff;
	font-size:14px;
	}

* html #right_colum_t1 .box_rm_bluetitle,	
* html #right_colum_t1 .box_rm_blue {
	width:207px;
	}
	
#right_colum_t1 .box_rm_blue .sub_title {
	font-weight:bold;
	}
	
#right_colum_t1 .box_rm_blue #form_video_keyword,
#right_colum_t1 .box_rm_blue #form_video_number {
	width:155px;
	float:left;
	margin:0 0 8px 0;
	}
	
#right_colum_t1 .box_rm_blue #form_video_submit1,
#right_colum_t1 .box_rm_blue #form_video_submit2 {
	height:20px;
	margin:0 0 8px 5px;
	float:left;
	}
		
#right_colum_t1 .box_rm_normal {
	padding:12px 6px;
	}
	
#right_colum_t1 .box_rm_normal_line {
	padding:12px 6px;
	border-bottom:10px solid #fff;
	}
			
#right_colum_t1 .box_rm_normal .title_video,
#right_colum_t1 .box_rm_normal_line .title_video {
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	background:#c8dde8;
	padding:3px 3px 2px 3px;
	}
		
#right_colum_t1 .box_rm_normal dl.rm_video dt,
#right_colum_t1 .box_rm_normal_line dl.rm_video dt {
	font-weight:bold;
	font-size:12px;
	margin:20px 0 2px 0;
	}
	
#right_colum_t1 .box_rm_normal dl.rm_video dd,
#right_colum_t1 .box_rm_normal_line dl.rm_video dd {
	font-size:12px;
	line-height:20px;
	text-indent:-24px;
	padding:0 0 0 24px;
	}

#right_colum_t1 .caption {
	font-size:10px;
	line-height:14px;
	}	

/* --training right colum --*/


/* --training --*/

.porting .training_seminar_box {
	width:300px;
	font-size:12px;
	}

.porting .training_seminar_box .seminar_menu_box {
	border-left:1px solid #999;
	border-right:1px solid #999;
	width:278px;
	padding:10px;
	}
	
.porting .training_seminar_box .seminar_menu_box .midashi {
	background:#eee;
	text-align:center;
	}
	
.porting .training_seminar_box .seminar_menu_box .caption {
	text-align:right;
	font-size:10px;
	}
	
.porting .training_case_box {
	width:400px;
	font-size:12px;
	}
	
.porting .training_case_box .case_menu_box {
	border-left:1px solid #999;
	border-right:1px solid #999;
	width:378px;
	padding:10px;
	}
	
.porting dl.training_menu dt {
	padding:0 0 0 20px;
	}
	
.porting dl.training_menu dd {
	padding:0 0 0 30px;
	clear:both;
	}
	
.porting .study_menu_box {
	width:510px;
	padding:0 0 0 5px;
	}
	
.porting .study_menu_box dl.study_menu dd {
	padding:0 0 0 30px;
	text-indent:-20px;
	clear:both;
	}

/* --training --*/


-->