@charset "UTF-8";

/* FONT SET */

.xxl{
	font-size:xx-large;
	line-height:1.6em;
}

.xl{
	font-size:x-large;
	line-height:1.6em;
}

.l{
	font-size:large;
	line-height:1.6em;
}

.m{
	font-size:medium;
	line-height:1.6em;
}

.s{
	font-size:small;
	line-height:1.6em;
}

.xs{
	font-size:x-small;
	line-height:1.6em;
}

.xxs{
	font-size:xx-small;
	line-height:1.6em;
}

.f14{
	font-size:14px;
	line-height:1.6em;
}

.f12{
	font-size:12px;
	line-height:1.6em;
}

.f10{
	font-size:10px;
	line-height:1.6em;
}

.f9{
	font-size:9px;
	line-height:1.6em;
	font-family:Verdana,Arial,Monaco,sans-serif;
}

/* INTERFACE */


body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	color:#333333;
	text-align:center;
}

a:link{
	color:#0060bc;
}
a:visited{
	color:#2587b9;
}
a:hover{
	color:#ff9200;
}
a:active{
	color:#ff4e00;
}

.linebox_white{
	width:700px;
	border:2px solid #cccccc;
	padding:18px;
	margin:0px 0px 20px 0px;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}

#global_header{
	width:100%;
	height:180px;
	margin:0px auto;
	background-image:url("../img/interface/header_bg.gif");
}
#global_header>div{
	width:960px;
	height:180px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
#global_header h1{
	margin:0px;
	padding:0px;
}
#global_header #nav{
	width:960px;
	height:50px;
	position:absolute;
	top:120px;
	left:0px;
}
#global_header #nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#global_header #nav li{
	margin:0px;
	padding:0px;
	float:left;
}
#global_header #nav li a{
	display:block;
	width:160px;
	height:50px;
	font-size:12px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url("../img/interface/header_nav.png");
}
#global_header #nav li span{
	display:block;
	width:160px;
	height:50px;
	font-size:12px;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url("../img/interface/header_nav.png");
}

#global_header #nav li span#nav_home{
	background-position:0px -50px;
}
#global_header #nav li a#nav_home:link{
	background-position:0px 0px;
}
#global_header #nav li a#nav_home:visited{
	background-position:0px 0px;
}
#global_header #nav li a#nav_home:hover{
	background-position:0px -50px;
}
#global_header #nav li a#nav_home:active{
	background-position:0px 0px;
}

#global_header #nav li span#nav_aboutus{
	background-position:-160px -50px;
}
#global_header #nav li a#nav_aboutus:link{
	background-position:-160px 0px;
}
#global_header #nav li a#nav_aboutus:visited{
	background-position:-160px 0px;
}
#global_header #nav li a#nav_aboutus:hover{
	background-position:-160px -50px;
}
#global_header #nav li a#nav_aboutus:active{
	background-position:-160px 0px;
}

#global_header #nav li span#nav_consulting{
	background-position:-320px -50px;
}
#global_header #nav li a#nav_consulting:link{
	background-position:-320px 0px;
}
#global_header #nav li a#nav_consulting:visited{
	background-position:-320px 0px;
}
#global_header #nav li a#nav_consulting:hover{
	background-position:-320px -50px;
}
#global_header #nav li a#nav_consulting:active{
	background-position:-320px 0px;
}

#global_header #nav li span#nav_software{
	background-position:-480px -50px;
}
#global_header #nav li a#nav_software:link{
	background-position:-480px 0px;
}
#global_header #nav li a#nav_software:visited{
	background-position:-480px 0px;
}
#global_header #nav li a#nav_software:hover{
	background-position:-480px -50px;
}
#global_header #nav li a#nav_software:active{
	background-position:-480px 0px;
}


#global_header #nav li span#nav_service{
	background-position:-640px -50px;
}
#global_header #nav li a#nav_service:link{
	background-position:-640px 0px;
}
#global_header #nav li a#nav_service:visited{
	background-position:-640px 0px;
}
#global_header #nav li a#nav_service:hover{
	background-position:-640px -50px;
}
#global_header #nav li a#nav_service:active{
	background-position:-640px 0px;
}

#global_header #nav li span#nav_seminar{
	background-position:-800px -50px;
}
#global_header #nav li a#nav_seminar:link{
	background-position:-800px 0px;
}
#global_header #nav li a#nav_seminar:visited{
	background-position:-800px 0px;
}
#global_header #nav li a#nav_seminar:hover{
	background-position:-800px -50px;
}
#global_header #nav li a#nav_seminar:active{
	background-position:-800px 0px;
}


#global_header #header_logo{
	position:absolute;
	top:10px;
	right:0px;
}

#global_header #btn_contact{
	position:absolute;
	top:60px;
	right:0px;
}


#contents_area{
	width:960px;
	min-height:800px;
	margin:0px auto;
	padding:0px 0px 50px 0px;
	text-align:left;
}


#global_footer{
	width:100%;
	margin:80px 0px 0px 0px 0px;
	padding:20px 0px 100px 0px;
	background-color:#eeeeee;
	border-top:1px solid #106db4;
}
#global_footer>div{
	width:960px;
	margin:0px auto;
	text-align:center;
	position:relative;
}

#global_footer ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#global_footer li{
	font-size:12px;
	margin:0px 5px;
	float:left;
}

#global_footer #copyright{
	font-size:9px;
	line-height:20px;
	font-family:Verdana,Arial,sans-serif;
	float:right;
}

#pagetop{
	position:absolute;
	top:-45px;
	right:0px;
}

#topicpath{
	padding:0px 0px 10px 0px;
	font-size:12px;
}

#sub_contents_main{
	width:740px;
	float:left;
}

#sub_contents_main>section{
	width:740px;
	margin:0px 0px 100px 0px;
}

#sub_contents_main h2.contents_h2{
	width:720px;
	margin:0px 0px 20px 0px;
	padding:9px;
	font-size:20px;
	font-weight:normal;
	color:#003a5e;
	border:1px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dddddd');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dddddd')";
	background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
	background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
	background-image: -o-linear-gradient(top, #ffffff, #dddddd);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background-image: linear-gradient(top, #ffffff, #dddddd);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

#sub_contents_main h3.contents_h3{
	margin:0px 0px 15px 0px;
	font-size:18px;
}





#sub_key{
	width:960px;
	height:310px;
	margin:0px 0px 10px 0px;
	background-image:url("../img/interface/sub_key_bg.png");
	background-repeat:no-repeat;
	position:relative;
}
#sub_key>img{
	position:absolute;
	top:2px;
	left:2px;
}
#sub_key_title{
	width:960px;
	height:100px;
	margin:0px 0px 10px 0px;
	background-repeat:no-repeat;
	position:relative;
}

.contents_list_pick{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:14px;
	list-style-type:none;
}

.contents_list_pick li{
	margin:0px 0px 1em 0px;
	padding:0px 0px 0px 70px;
	background-image:url("../img/interface/arr_point.png");
	background-repeat:no-repeat;
	background-position:0px 0px;
}


.contents_list_small{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 3em;
	font-size:12px;
}

.contents_list_small li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-image:none;
}

.contents_result{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#c11616;
}
.contents_result p{
	margin:0px;
	padding:10px;
	border:1px solid #c11616;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.contents_result>img{
	margin:10px;
}


.contents_pick_box{
	width:720px;
	border:1px solid #00A4D3;
	margin:0px 0px 60px 0px;
	padding:9px;
	-moz-box-shadow: 0px 0px 5px #aaaaaa;
	-webkit-box-shadow: 0px 0px 5px #aaaaaa;
	box-shadow: 0px 0px 5px #aaaaaa;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.contents_pick_h4{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 80px;
	background-image:url("../img/interface/arr_past.png");
	background-repeat:no-repeat;
	background-position:left center;
	color:#00537a;
	font-size:20px;
}

.contents_pick_h4_txt{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	color:#00537a;
	font-size:20px;
}

.contents_pick_box_h5{
	width:100px;
	height:100px;
	margin:0px;
	float:left;
}



#contents_menu_area{
	width:188px;
	border:1px solid #d9d6d4;
	padding:5px;
	float:right;
	background-color:#eeeeee;
}
ul#contents_menu_list{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	border-top:1px solid #dddddd;
	list-style-type:none;
	font-size:14px;
	line-height:1.2em;
}
ul#contents_menu_list li{
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f4f4f4');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f4f4f4')";
	background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: linear-gradient(top, #ffffff, #f4f4f4);
}

ul#contents_menu_list a{
	display:block;
	width:146px;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	background-image:url("../img/interface/arr_sidemenu.png");
	background-repeat:no-repeat;
	background-position:7px center;
}

ul#contents_menu_list>li>span{
	display:block;
	width:146px;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	background-image:url("../img/interface/arr_sidemenu.png");
	background-repeat:no-repeat;
	background-position:7px center;
	background-color:#008fca;
	color:#ffffff;
}

ul#contents_menu_list>li>a>span{
	font-size:12px;
	font-weight:bold;
	background:
}
ul#contents_menu_list>li>span>span{
	font-size:12px;
	font-weight:bold;
	background:
}

ul#contents_menu_list a.list_title{
	display:block;
	width:146px;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	background-image:url("../img/interface/arr_sidemenu.png");
	background-repeat:no-repeat;
	background-position:7px center;
}

ul#contents_menu_list span.list_title{
	display:block;
	width:146px;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	background-image:url("../img/interface/arr_sidemenu.png");
	background-repeat:no-repeat;
	background-position:7px center;
	background-color:#008fca;
	color:#ffffff;
}

#contents_menu_list em{
	display:block;
	margin:0px;
	padding:10px;
	font-size:12px;
}

ul#contents_menu_list ol{
	margin:0px 5px 5px 10px;
	padding:0px;
	background-color:#ffffff;
	border-top:1px solid #dddddd;
	list-style-type:none;
	font-size:12px;
	line-height:1.2em;
}
ul#contents_menu_list ol>li{
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #dddddd;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f4f4f4');
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f4f4f4')";
	background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -ms-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -o-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
	background-image: linear-gradient(top, #ffffff, #f4f4f4);
}

ul#contents_menu_list ol>li>a{
	display:block;
	width:130px;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	background-image:url("../img/interface/arr_sidemenu.png");
	background-repeat:no-repeat;
	background-position:7px center;
}
ul#contents_menu_list ol>li>span{
	display:block;
	width:130px;
	padding:10px 10px 10px 30px;
	text-decoration:none;
	background-image:url("../img/interface/arr_sidemenu.png");
	background-repeat:no-repeat;
	background-position:7px center;
	background-color:#008fca;
	color:#ffffff;
}

.white_box{
	border:1px solid #dddddd;
	padding:10px;
	margin:0px 0px 20px 0px;
}

.white_box h3{
	margin:0px 0px 10px 0px;
	font-size:16px;
	color:#008fca;
}

.white_box ul{
	margin:10px 0px;
	padding:0px 0px 0px 1.5em;
	font-size:14px;
}


.index_box_left{
	width:320px;
	margin:0px 0px 20px 0px;
	border:2px solid #dddddd;
	background-color:#f4f4f4;
	padding:13px;
	float:left;
}
.index_box_right{
	width:320px;
	margin:0px 0px 20px 0px;
	border:2px solid #dddddd;
	background-color:#f4f4f4;
	padding:13px;
	float:right;
}
.index_box_wide{
	width:710px;
	margin:0px 0px 20px 0px;
	border:2px solid #dddddd;
	background-color:#f4f4f4;
	padding:13px;
}
.index_box_wide h2{
	margin:0px 0px 5px 0px;
	font-size:16px;
	line-height:1.2em;
	font-weight:bold;
	color:#008fca;
}



.index_box_img{
	width:120px;
	float:left;
}

.index_box_txt{
	width:180px;
	float:right;
}


.index_box_txt h2{
	margin:0px 0px 5px 0px;
	font-size:16px;
	line-height:1.2em;
	font-weight:bold;
	color:#008fca;
}

.index_box_txt p{
	margin:0px 0px 0px 0px;
	font-size:12px;
}

.index_box_txt img{
	margin:10px 0px;
	font-size:12px;
}



.service_table{
	width:740px;
	margin:0px 0px 20px 0px;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.service_table th.service_name{
	padding:10px;
	background-color:#85d0f1;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.service_table th.th_side{
	width:100px;
	padding:10px;
	background-color:#eeeeee;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
.service_table td{
	padding:10px;
	background-color:#ffffff;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.service_table ul{
	margin:0px 0px 1em 0px;
	padding:0px 0px 0px 1.5em;
}