@import "app_menu.css";

body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#333;
	2ont-size:12px;
/*	font-family:"メイリオ","ＭＳ Ｐゴシック","平成角ゴシック","Osaka","ヒラギノ角ゴ Pro W3";*/
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic", Sans-Serif;
	line-height:150%;
	background-color: #f0f0f0;
/*	background-image: url(../images/back.gif); */
	text-align: center;
}

#lay{
     height: auto;
     
     border-left: 1px solid #dbdbdb;
     border-right: 1px solid #dbdbdb;
     border-bottom: 1px solid #dbdbdb;     
   
     margin-left: auto;
     margin-right: auto;
     width: 920px;
     background: #FFF;
}

body,td{
     font-size: 13px;
     color:#575346;
     }

a:link { color: #003399; }
a {text-decoration:none;}
a:visited { color: #003399; }
a:hover { color: #660099;text-decoration:underline;}
a:active { color: #cc3300; }

h1   { 
       font-weight: normal; 
       font-size: 13px;
       float: none;
       display: inline;
}

h2   { 
       font-weight: bold; 
       font-size: 19px;
       float: none;
       display: inline;
       color: #663300;
}

#heading {
       width: 920px;
       text-align:left;
       margin-left: auto;
       margin-right: auto;
}

.red{
color: #FF0000;
}

.green{
color: #006600;
}

.blue{
/*color: #0000FF;*/
color: #003399;
}

.cyan{
color: #000099;
}

.text8{
	font-size:8px;
	font-family:"ＭＳ Ｐゴシック","平成角ゴシック","Osaka","ヒラギノ角ゴ Pro W3";
	line-height:150%;
}

.text10{
	font-size:10px;
	font-family:"ＭＳ Ｐゴシック","平成角ゴシック","Osaka","ヒラギノ角ゴ Pro W3";
	line-height:150%;
}

/****************************
* タブメニュー
*****************************/
#gnavi {
	width:920px;
	margin:0 0 0 0;
	padding:0 0 5px 0;
}

	#gnavi ul {
		margin:0 0 0 0;
/*		padding:10px 0 0 15px;*/
		padding:10px 0 0 5px;
		list-style:none;
	}

	#gnavi li {
		display:inline;
		margin:0;
		padding:0;
	}

	#gnavi span {
		display: none;
	}

.topNavi1 a{
display: block;
background: url("../images/top_mid_logo1.jpg") no-repeat;
width:  300px;     
height: 213px;
margin: 0;
padding:0;
}

.topNavi2 a{
display: block;
background: url("../images/top_mid_logo3.jpg") no-repeat;
width:  300px;     
height: 213px;
margin: 0;
padding:0;
}


.topNavi3 a{
display: block;
background: url("../images/top_mid_logo6.jpg") no-repeat;
width:  300px;     
height: 213px;
margin: 0;
padding:0;
}

.topNavi4 a{
display: block;
background: url("../images/top_mid_logo2.jpg") no-repeat;
width:  300px;     
height: 213px;
margin: 0;
padding:0;
}

.topNavi5 a{
display: block;
background: url("../images/top_mid_logo4.jpg") no-repeat;
width:  300px;     
height: 213px;
margin: 0;
padding:0;
}

.topNavi6 a{
display: block;
background: url("../images/top_mid_logo5.jpg") no-repeat;
width:  300px;     
height: 213px;
margin: 0;
padding:0;
}

.topNavi1  a:hover,
.topNavi2  a:hover,
.topNavi3  a:hover,
.topNavi4  a:hover,
.topNavi5  a:hover,
.topNavi6  a:hover
{
	background-position: 0 -215px;
}

.topNavi1 	span, 
.topNavi2 	span, 
.topNavi3 	span, 
.topNavi4 	span, 
.topNavi5 	span, 
.topNavi6 	span
{
		display: none;
}
/****************************
* パンくずリスト
*****************************/

#breadcrumbs{
	margin-top:6px;
	padding:2px 0 10px 24px;
	text-align: left;
}

/****************************
* フッター設定
*****************************/
#footer {
	width: 920px;
	background-color: #d5d5d5;	
	padding: 4px 0 4px 0;
	margin: 25px 0 0px 0;
	text-align: center;
	color: #333;
	clear:both;
}

	#footer p {
		margin-top:5px;
	}

	#footer ul {
		list-style: none;
		display: block;
		margin:0px;
	}

	#footer li {
		display: inline;
		padding-left:5px;
	}

	#footer a:link {
		color: #333;
		text-decoration: none;
	}

	#footer a:visited {
		color: #333;
	}

	#footer a:hover, #footer a:active {
		color: #333;
		text-decoration: underline;
	}

#copyright {
	background-color: #F2F2F2;			
	width: 920px;
	margin: 0 0 0px 0;
	text-align: center;
}

/****************************
* スペース設定
*****************************/
.space12 {line-height: 12px}
.space8 {line-height: 8px}
.space2 {line-height: 2px}
.space1 {line-height: 1px}

#table_common{
	width:98%;
	text-align:center;
	margin:0px 5px;
	}

#table_common th{
	padding: 7px;
/*	background-color: #2175bc;*/
	background-color: #003264;	

	color:#fff;
	font-weight: bold;
	line-height: 150%;
	font-size:12px;
	text-align: left;
}

#table_common td{
	padding: 7px;
	background-color: #ECECF2;
	line-height: 150%;
	font-weight: normal;
	font-size:12px;
	text-align: left;
}

#table_common h2{
	font-size: 14px;
	color:#003264;
	margin:0px 20px 0px 10px;
	font-weight: bold;
	text-align: left;
}

#table_common p{
	margin:0px 20px 0px 10px;
	padding:10px 0px 5px 0px;
	margin-left:0px;
	font-size: 12px;
}


#table_agree th{
/*	padding: 7px; */
	color: #000066;
	line-height: 150%;
	font-weight: normal;
	width: 180px;
	font-size:12px;
	text-align: left;
}

#table_agree td{
	padding: 7px;
	line-height: 150%;
	font-weight: normal;
	font-size:12px;
	text-align: left;
}

#table_agree h2{
	margin-bottom:0px;
	margin-left:42px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

#table_agree p{
	margin-bottom:0px;
	margin-left:0px;
	font-size: 12px;
	text-align: center;
}

#title {
	font-size: 14px;
	color:#003264;
	margin:0px 0px 0px 30px;
	font-weight: bold;
	text-align: left;
}

#agree {
		margin:10px 0px 0px 2px;
		padding:3px 5px 3px 5px;
		background:#e5ecf9;
		border:2px solid #0000ff;
		width:800px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 10px #4e707c;
		-webkit-box-shadow:0 0 10px #4e707c;
		box-shadow:0 0 10px #4e707c;
		text-align:left;
		position:relative;	
}

#form{
	font-size:12px;
	line-height:160%;
	width:98%;
	text-align:left;
	margin:0px 5px;
}
	
	#form .error {
		text-align: left;
		width: 94%;
		border: 1px solid #FF0000;
		margin: 0 0 0 26px;
		padding: 2px 0 2px 0;
		background-color: #ffffcc;
	}

		#form .error ul{
			font-size:14px;
			list-style:none;
			margin: 0;
			padding-left: 2em;
			color: #FF0000;
		}

		#form .error li{
			font-size:12px;
			margin:0;
			background:url(../images/err.gif) no-repeat 0 0px;
			padding:0 0 0 24px;
			color: #000000;
		}

	#form p{
		margin:0px 20px 0px 25px;
		padding:10px 0px 5px 0px;
		border-bottom:1px solid #E4E4E4;
	}

	#form h2{
		font-size: 14px;
		color:#003264;
		margin:0px 10px 0px 10px;
	}

	#form h3{
		font-size: 12px;
		color:#003264;
		margin:0px 10px 0px 10px;
	}

	#forminputs{
		margin:15px 30px;
	}
		
	#forminputs div{
		clear:both;
		margin:3px 0px;
		padding:5 px 0px;
		border-bottom:1px solid #F2F2F2;
		height:30px;
	}

	#forminputs .radio{
		margin:0;
		padding:0;
		width:250px;
		font-size:10px;
		display: inline;
	}

	#forminputs .radio input{
		margin:0;
		padding:0;
		display:inline;
	}	
	
		
	#forminputs label{
		padding-right:20px;
		text-align:right;
		color:#333;
		width:200px;
		float:left;
		font-weight: bold;
	}
/* HRP体験版 */
	#forminputs_hrp_free{
		margin:15px 30px;
	}

	#forminputs_hrp_free p{
		margin: 5px 0 5px 0;
		padding:5px;
		background:#E5ECF9;
		font-size:12px;
		width:100%;
		text-align:left;
		border:none;
	}
		
	#forminputs_hrp_free div{
		clear:both;
		margin:3px 0px;
		padding:5 px 0px;
		height:35px;
	}

		
	#forminputs_hrp_free .radio{
		margin:0;
		padding:0;
		display:inline;
	}

	#forminputs_hrp_free label{
		text-align:left;
		color:#333;
		width:100px;
		float:left;
		font-weight: bold;
	}

	#forminputs_hrp_free .area{
		text-align:left;
		color:#333;
		width:550px;
		float:left;
	}

#hrp_free_result{
	font-size:12px;
	line-height:160%;
	width:98%;
	text-align:left;
	margin:0px 5px;
}
	
	#hrp_free_result p{
		margin:0px 20px 0px 35px;
		padding:5px 0px 5px 0px;
	}

        .submit
        {
            margin: 10px;
           	cursor:pointer;
            text-decoration: none;
			width: 100px;
			height: 25px;
			font-weight:bold;			            
            display: inline-block;
            text-align: center;
            color: #fff;
            border: 1px solid #9c9c9c; /* Fallback style */
            border: 1px solid rgba(0, 0, 0, 0.3);            
            text-shadow: 0 1px 0 rgba(0,0,0,0.4);
            box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            background: #4477a1;
            background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
            background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
        }
        
        .submit, .submit span
        {
            -moz-border-radius: .3em;
            border-radius: .3em;
        }
        
        .submit span
        {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;
            
            /* The background pattern */
            
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
            background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                              -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

            /* Pattern settings */
            
            -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;            
        }

        .submit:hover
        {
            box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            background: #81a8cb;
            background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
            background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
            color:#ff9900;
        }
        
        .submit:active
        {
            /* When pressed, move it down 1px */
            position: relative;
            top: 1px;
            background: #4477a1;
        }

/****************************
* メニュー
*****************************/
#biz {
	margin: 3px 0 0 0;
	width:100%;
	float:left;
}

#biz #box{
	margin: 5px 0 5px 50px;
	background:#fff;
	border:8px solid #eee;
	width:800px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 10px #4e707c;
	-webkit-box-shadow:0 0 10px #4e707c;
	box-shadow:0 0 10px #4e707c;
	text-align:left;
	position:relative;
}

.biz_catch {
	margin-left:42px;
}

.biz_catch a{
	display: block;
	background: url("../images/cancode-biz4.png") no-repeat;
	width:  840px;     
	height: 151px;
	margin: 0;
	padding:0;
}

.biz_catch  a:hover
{
	background-position: 0 -155px;
}

.biz_catch 	span
{
		display: none;
}


/****************************
* メニュー
*****************************/
#menu {
	width: 920px;
	height:350px;
}

#menu #catch {
	width: 480px;
	text-align:left;
	float:left;
	margin-top: 12px;	
	margin-right: 2px;
	padding:2px 0 0 28px;
	height:100%;
	line-height:120%;
}

#menu #catch dl{
	  text-align: left;
	  margin: 0 0 0 0;
	  padding: 0;
	}

#menu #catch dt{
	font-weight: bold;
	font-size:14px;
	margin: 0 0 2px 0;
	padding: 0;
	}

#menu #catch dd{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 120%;
	text-align:justify;
	text-justify:distribute;
}

/****************************
* サービス詳細
*****************************/
#service {
	text-align:left;
	width:920px;
	margin:0 0 0 0;
}

#service .courseCompare{
 width: 95%;
 border-collapse: separate;
 border-spacing: 1px;
}

#service .courseCompare thead td {
	padding: 0 0 0 0;
	text-align:center;

}

#service .coursehead{
	padding: 10px 10px;
}

#service.courseCompare tbody td,
#service.courseCompare tfoot td {
	padding: 10px 10px;
}

/* default cell */
#service.courseCompare tbody tr {
	background: #F6F6F6;
}

#service.courseCompare tbody tr:nth-of-type(2n+1) {
	background: #EDEDED;
}

/* plan */

#service.courseCommon {
 width: 240px;
 text-align: center;
 line-height: 120%;
 overflow:auto;
}

#service.courseCommon2 {
overflow:auto;
 text-align: center;
 line-height: 120%;
}

#service.courseA,
#service.courseB,
#service.courseC {
 width: 180px;
 text-align: center;
/* font-weight: 700;*/
 line-height: 150%;
 
}

/* course A */
#service tbody tr .courseA {	
  background: #B4DDFE;
}

/* course A */
#service tbody tr:nth-of-type(2n+1) .courseA {
 background: #68BAFD;
}


/* course B*/
#service tbody tr .courseB {
 background: #FFE8E2;
}

#service tbody tr:nth-of-type(2n+1) .courseB {
 background: #FED1C5;
}

/* course C*/
#service thead tr .courseC {
/* background: #F4F8E8;*/
  background: #D9E6AC;
}

#service tbody tr:nth-of-type(2n+1) .courseC {
/* background: #E9F0D0;*/
 background: #CEDE96; 
}


.menuCompare{
 width: 95%;
 /*margin: 0 auto 15px;*/
 border-collapse: separate;
 border-spacing: 1px;
}

.menuCompare thead th {
	padding: 0 0 0 0;
	text-align:left;
 background: #CEDE96; 
font-weight: normal;rmal;

}

.menuCompare tbody th {
	padding: 0 0 0 0;
	text-align:center;
/*background: #68BAFD;*/
 background: #CEDE96; 
font-weight: normal;
}

.menuCompare thead td {
	padding: 0 0 0 0;
	text-align:left;

}


.menuCompare tbody td,
.menuCompare tfoot td {
	padding: 2px 2px;
}

/* course A */
#service tbody tr .menuList {	
/*  background: #B4DDFE;*/
 background: #EDEDED;  
}

/* course A */
#service tbody tr:nth-of-type(2n+1) .menuList {
/* background: #68BAFD; */
/* background: #94CEFE; */
   background: #ffffff;
}

#service_mov {
	width:920px;
	margin:2px 0 0 0;
}

#service_mov div.wrap {
		float:left;
		width: 100%;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		margin-top:2px;
		margin-right:4px;
		zoom: 1;
	}

#service_mov div.row {
		clear: both;
		overflow: hidden;
		zoom: 1;
		width:920px;
		margin-top:2px;		
		padding: 0;
	}

#service_mov div.box_top {
		display: inline;
		float: left;
		width: 340px;
		padding: 0 0 0 0;
		text-align:center;
	}	

#service_fot {
	width:920px;
	margin:2px 0 0 0;
}

#service_fot div.wrap {
		float:left;
		width: 100%;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		margin-top:2px;
		margin-right:4px;
		zoom: 1;
	}

#service_fot div.row {
		clear: both;
		overflow: hidden;
		zoom: 1;
		width:920px;
		margin-top:2px;		
		padding: 0;
	}

#service_fot div.box_top {
		display: inline;
		float: left;
		width: 180px;
		padding: 0 0 0 0;
		text-align:center;
	}	

#fot{
	float:left;
	width:200px;
	margin:0px 0 0 50px;
}

#fot .title2{
	color: #006600;
	font-size:12px;
	font-weight: normal;
	padding-left:0px;
}


#fot ul{
	padding:0 0 0 25px;
	margin:0px 0 10px 0;
	text-align:left;
	list-style-position:outside;
	list-style-position:disc;
}

#fot li{
	margin:0;
	padding-left:0px;
	padding-bottom:1px;
}

#service_image {
	float:left;
	width: 910px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

#hrp_tb{
		margin:10px 0px 0px 0px;
		padding:0 0 20px 24px;
		width: 85%;
		float:left;
}

	#sheet_tb{
		margin:5px 0px 0px 0px;
		padding:0 0 20px 24px;
		width: 880px;
		float:left;
	}

	#sheet_tb table{
		width:95%;
		border-collapse:separate;
		border-spacing:0px;
		border-top:1px solid #1c64d1;
		border-left:1px solid #1c64d1;
		empty-cells:show;		
	}

	#sheet_tb th{
		padding:5px 5px 5px 5px;
		vertical-align:top;color:#FFFFFF;
/*		background-color:#2175bc;*/
		background-color:#003264;
		border-top:1px solid #FFE7CE;border-left:1px solid #FFE7CE;
		border-right:1px solid #1c64d1;border-bottom:1px solid #1c64d1;
		font-size:12px;
	}

	#sheet_tb td{
		padding:5px 5px 5px 5px;
		line-height: 150%;
		font-weight: normal;
		font-size:12px;
		border-right:1px solid #1c64d1;
		border-bottom:1px solid #1c64d1;
		font-size:12px;
	}

	#sheet_tb ul{
		list-style:none;
		padding:0 5px 0 0;
		margin:0px;
		text-align:left;
		list-style-position:outside;
	}

	#sheet_tb li{
		margin:0;
		background:url(../images/ya.gif) no-repeat 0 3px;
		padding-left:15px;
		padding-bottom:2px;
	}

/****************************
* お客様の声
*****************************/
#voice {
	float:left;
	width:910px;
	margin:0 0 0 0;
	padding:0 0 20px 45px;
}
#voice h2{
	width:100%;
	float:left;
	text-align:left;
	font-size: 12px;
	color:#333;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#voice p{
	width:100%;
	float:left;
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:0px 0px 2px 0px;
	border-bottom:2px solid #E4E4E4;
}
/****************************
* ご利用者の声
*****************************/
#voice1 {
	float:left;
	width:910px;
	margin:0 0 0 0;
	padding:0 0 20px 23px;
}

#voice1 #header {
	width: 880px;
	background-color: #e5ecf9;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: left;
	height: 235px;

}

#voice1 #header_left {
	width: 200px;
	float:left;
	margin-left: 3px;
	padding: 2px;
}

#voice1 #header_right {
	width: 460px;
	float:left;
	margin-left: 10px;
	margin-right: 5px;
	padding: 0px;
}

#voice1 p{
	width:100%;
	float:left;
	text-align:left;
	margin:0px 0px 5px 0px;
	padding:0px 0px 2px 0px;
	border-bottom:2px solid #E4E4E4;
	text-align:justify;
	text-justify:distribute;
	line-height:160%;
}
/****************************
* もてる人
*****************************/

#moteru{
	float:left;
	text-align: center;
}

#moteru td{
/*	background-color: #666666;*/
}

#moteru p{
/*	color: #ffffff;*/
	line-height:120%;
	text-align:justify;
	text-justify:distribute;
	margin:0 0 10px 0;
	padding:0px 0px 5px 0px;
	border-bottom:1.5px solid #E4E4E4;
}
/****************************
* 個人情報の保護について
*****************************/
#privacy {
	text-align:left;
	float:left;
	width:920px;
	margin:0 0 0 0;
	padding:0 0 20px 24px;
overflow:auto;
}

#privacy h2{
	font-size: 12px;
	text-align:left;
	color:#006666;
	font-weight:bold;
}

#privacy p{
	text-align:left;
	margin:5px 0px 10px 0px;
	padding:0px 0px 2px 0px;
	line-height:120%;
	text-align:justify;
	text-justify:distribute;
	width:95%;
}

#privacy .ssl{
	color:#006666;
	font-weight:bold;
	text-align:justify;
	text-justify:distribute;
}

#privacy .ver{
	color:#ff3300;
	font-weight:bold;
	text-align:justify;
	text-justify:distribute;
}

#privacy ol{
	padding:0 0 0 25px;
	margin:0px 0 5px 0;
	list-style-position:outside;
	width:92%;	
}

#privacy li{
	margin:0;
	text-align:left;
	padding-left:0px;
	padding-bottom:1px;
}
/****************************
* 個人情報の保護について
*****************************/
#site {
	text-align:left;
	float:left;
	width:920px;
	margin:0 0 0 0;
	padding:0 0 20px 24px;
overflow:auto;
}

#site h2{
	font-size: 12px;
	text-align:left;
	color:#006666;
	font-weight:bold;
}

#site p{
	text-align:left;
	margin:5px 0px 10px 0px;
	padding:0px 0px 2px 0px;
	line-height:120%;
	text-align:justify;
	text-justify:distribute;
	width:95%;
}

#site .banner{
	margin:0 0px 10px 0px;
	color:#FF3300;
	font-weight:bold;
}

#site ol{
	padding:0 0 0 25px;
	margin:0px 0 5px 0;
	list-style-position:outside;
	width:92%;
}

#site li{
	margin:0;
	text-align:left;
	padding-left:0px;
	padding-bottom:1px;
}
#site #link ul{
	padding:0 0 0 15px;
	margin:0px 0 10px 0;
	text-align:left;
	list-style-position:outside;
	list-style-position:disc;
}

#site #link li{
	margin:0;
	padding-left:0px;
	padding-bottom:1px;
}
/****************************
* 支払方法
*****************************/
#pay {
	text-align:left;
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0 0 20px 28px;
}

#pay h2{
	font-size: 16px;
	text-align:left;
	color:#003366;
	font-weight:bold;
}

#pay .title{
	font-size: 16px;
	text-align:left;
	color:#CC3300;
	font-weight:bold;
}

#pay .fee{
	font-size: 12px;
	text-align:left;
	color:#000;
	line-height:150%;
	margin:0 0 10px 20px;

}

#pay .exam{
	text-align:left;
	font-size: 12px;
	text-align:left;
	line-height:120%;
	margin:0 0 0 22px;
}

#pay p{
	text-align:left;
	margin:5px 0px 10px 20px;
	padding:0px 0px 2px 0px;
	line-height:120%;
	text-align:justify;
	text-justify:distribute;
	width:90%;
}

/****************************
* インフォメーション
*****************************/
#information {
	text-align:left;
	float:left;
	width:910px;
	margin:0 0 0 0;
	padding:0 0 20px 25px;
}
	#information .page{
		text-align:center;
		margin:3px 0px 0px 0px;
		padding:0px 0px 5px 0px;
	}

	#information .page_count{
		text-align:left;
		margin:3px 0px 0px 3px;
		padding:0px 0px 5px 0px;
	}

	#information p{
		margin:5px 0px 0px 0px;
		padding:0px 0px 2px 0px;
		border-bottom:1px dashed #E4E4E4;
	}

	#information h2{
		font-size: 14px;
		color:#003264;
		text-align:left;
		margin:-2px 0px 0px 0px;
	}

	#information dl{
		  text-align: left;
		  margin: 0px;
		  padding: 2px;
		  width:97%;
	}

	#information dt{
		line-height: 150%;
		font-weight: bold;
		font-size:14px;
		margin: 5px 0 0 0;
		padding:2px 2px 2px 5px;
		color:#FFFFFF;
		background-color: #888888;
		border-left: 10px solid #444444;
	}

	#information dd{
		color:#333;
		margin: 0 0 10px 14px;
		padding:2px 2px 2px 14px;
		line-height: 150%;
		text-align:justify;
		font-weight: normal;
		font-size:12px;
		text-align: left;
		padding:5px 2px 2px 0px;
	}
/****************************
* TOP
*****************************/
#top{
	float:left;
	margin: 5px 0 0 0;
	width: 920px;
}

#top #middle2 {
	margin: 3px 1px 0 0;
	padding: 0 1px 0 0;
	text-align: left;
	float:left;
	width: 920px;
}


#top #middle {
	margin: 10px 1px 0 3px;
	padding: 0 1px 0 5px;
	text-align: left;
	float:left;
	width: 670px;
}

#top #middle dl{
	  text-align: left;
	  margin: 0 0 0 0;
	  padding: 0;
	}

#top #middle dt{
	font-weight: bold;
	font-size:14px;
	margin: 0 0 2px 0;
	padding: 0;
	}

#top #middle dd{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 120%;
	text-align:justify;
	text-justify:distribute;
}

/* メニュー右側 */
#top #right {
	margin: 10px 0 0 0;
	width: 240px;
	float:left;
}

#top #right #login h2 {
	display: block;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 2px 12px;
	width: 180px;
	height: 20px;
	text-align: left;
	color: #757259;
	font-weight: bold;
	font-size: 12px;
	text-indent: 15px;
	background: url(../images/login_1.jpg) no-repeat;
}

#top #right #loginTop {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	height: 6px;
	text-align: center;
	font-size: 1px;
	background: url(../images/login_2_1.jpg) no-repeat;
}

#top #right #loginMain {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	text-align: center;
	color: #757259;
	font-size: 11px;
	background: url(../images/login_2_2.jpg) no-repeat;
}

#top #right #loginBot {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	height: 6px;
	text-align: center;
	font-size: 1px;
	background: url(../images/login_2_3.jpg) no-repeat;
}

#top #right #secure {
	background: #ffffff;
	line-height: 120%;
	margin: 2px 0 0 0;
	padding: 0 0 0 10px; 
	float:left;
	text-align:center;
	width: 220px;
}

/* TOPバナー */
#top #banner {
	margin: 0 0 10px 0;
	padding: 0 0 0 3px;	
	width: 910px;
	float:left;
}

/* TOPバナー */
#top #banner2 {
	margin: 0 0 10px 5px;
	padding: 0 0 0 5px;
	width: 820px;
	float:left;
}

	.top_info{
		margin: 0 0 5px 0;
		border-collapse:separate;
		border-spacing:0px;
		border-top:1px solid #1c64d1;
		empty-cells:show;		
	}

	.top_info th{
		vertical-align:top;color:#FFFFFF;
		border-left:1px solid #1c64d1;
		border-right:1px solid #1c64d1;
		border-bottom:1px solid #1c64d1;
		text-align:center;
	}

	.top_info td.left{
		vertical-align:top;
		padding:2px 0px 2px 2px;
		line-height: 150%;
		font-weight: normal;
		font-size:12px;
		border-left:1px solid #1c64d1;
		border-bottom:1px dotted #1c64d1;
		font-size:12px;
	}
	
	.top_info td.right{
		vertical-align:top;
		padding:2px 3px 2px 3px;
		line-height: 150%;
		font-weight: normal;
		font-size:12px;
		border-right:1px solid #1c64d1;
		border-bottom:1px dotted #1c64d1;
		font-size:12px;
	}
	
	.top_info2{
		margin: 0 0 5px 0;
		border-collapse:separate;
		border-spacing:0px;
		border-top:1px solid #1DA083;
		empty-cells:show;		
	}

	.top_info2 th{
		vertical-align:top;color:#FFFFFF;
		border-left:1px solid #1DA083;
		border-right:1px solid #1DA083;
		border-bottom:1px solid #1DA083;
		text-align:center;
	}

	.top_info2 td.left{
		vertical-align:middle;
		padding:2px 0px 2px 2px;
		line-height: 150%;
		font-weight: normal;
		font-size:12px;
		border-left:1px solid #1DA083;
		border-bottom:1px dotted #1DA083;
		font-size:12px;
	}
	
	.top_info2 td.right{
		vertical-align:top;
		padding:2px 3px 2px 3px;
		line-height: 150%;
		font-weight: normal;
		font-size:12px;
		border-right:1px solid #1DA083;
		border-bottom:1px dotted #1DA083;
		font-size:12px;
	}

/****************************
* TOP
***************************/
#acrobat {
	line-height: 120%;
	margin: 0;
	padding: 0; 
	text-align:center;
	width: 100%;
	border:1px solid #E4E4E4;
}

#acrobat img{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0; 
}

#acrobat p{
	margin: 5px; 
}


a.id_pass:link {  color: #FF0000}
a.id_pass {text-decoration:underline;}
a.id_pass:visited {color: #FF0000;}
a.id_pass:hover { color: #FF0000;text-decoration:none;}

a.pass:link {  color: #258FB8}
a.pass {text-decoration:none;}
a.pass:visited {color: #258FB8;}
a.pass:hover { color: #258FB8;text-decoration:underline;}


a.service:link {  color: #ff0000}
a.service {text-decoration:underline;}
a.service:visited {color: #ff0000;}
a.service:hover { color: #ff0000;text-decoration:none;}


#box_green{
	margin: 5px 0 5px 0;
	padding:10px;
	border:1px solid #006600;
	background:#E2FCE7;
	font-size:12px;
	width:96%;
	text-align:center;
}

#box_red{
	margin: 5px 0 5px 10px;
	padding:10px;
	border:1px dashed #ff6600;
	background:#FFFFEE;
	font-size:12px;
	width:96%;
}

#box_pay{
	margin: 5px 0 5px 28px;
	background:#eee;
	border:8px solid #eee;
	width:800px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 10px #4e707c;
	-webkit-box-shadow:0 0 10px #4e707c;
	box-shadow:0 0 10px #4e707c;
	text-align:left;
	position:relative;
}

.back{
	padding:2px 0px 8px 0px;
	margin: 0 38px 0 0;
}

	#forminputs_m{
		margin:15px 0px 0px 5px;
	}
		
	#forminputs_m div{
		clear:both;
		margin:3px 0px 0 15px;
		padding:5 px 0px;
		height:30px;
	}
		
	#forminputs_m .radio{
		margin:0;
		padding:0;
		width:250px;
		font-size:10px;
		display: inline;
	}

	#forminputs_m .radio input{
		margin:0;
		padding:0;
		display:inline;
	}	

	#forminputs_m textarea{
		margin:0;
		padding:0;
		display:inline;
	}	
	
		
	#forminputs_m label{
		padding-right:20px;
		text-align:left;
		color:#333;
		width:140px;
		float:left;
		font-weight: bold;
	}

#open_download{
	float:left;
	margin: 5px 0 0 0;
	width: 920px;
}
/* メニュー左側 */
#open_download_left {
	margin: 2px 0 0 0;
	padding: 0 0 0 5px;
	width: 190px;
	float:left;
	text-align:left;	
}

#open_download_menu {
	width: 100%;
	padding: 0 0 1em 0;
	font-size:96%;
	color: #333;
	text-align:left;
}

	#open_download_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

	#open_download_menu li {
		border-bottom: 1px solid #cccccc;
		margin: 0;
		list-style: none;
		list-style-image: none;
		text-align:left;		
	}

	#open_download_menu li a {
		display: block;
		padding: 2px 5px 2px 0.5em;
		border-left: 10px solid #003264;
		background-color: #FCFCFC;
		color: #003264;
		text-decoration: none;
	}

	#open_download_menu li div {
		display: block;
		padding: 2px 5px 2px 0.5em;
		border-left: 10px solid #003264;
		background-color: #FCFCFC;
		color: #003264;
		text-decoration: none;
	}


	#open_download_menu li a:hover {
		border-left: 10px solid #CC6600;
		background-color: #FCFCFC;
		color: #663300;
	}

	#open_download_menu li #active {
		border-left: 10px solid #CC6600;
		background-color: #FCFCFC;
		color: #663300;
	}

	#open_download_menu li #menu_title {
		font-size : 14px;
		font-weight:bold;
		border-left: 10px solid #003264;
		background-color: #FCFCFC;
		color: #003264;
	}

/* メニュー右側 */

#open_download #right {
	margin: 0 1px 0 5px;
	padding: 0 1px 0 8px;
	text-align: left;
	float:left;
	width: 710px;
}

#open_download #right dl{
	  text-align: left;
	  margin: 0 0 0 0;
	  padding: 0;
	}

#open_download #right dt{
	font-weight: bold;
	font-size:14px;
	margin: 0 0 2px 0;
	padding: 0;
	}

#open_download #right dd{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 120%;
	text-align:justify;
	text-justify:distribute;
}

	#open_download #right p{
		margin:0px 0px 5px 15px;
		padding:0px 0px 0px 0px;
		border-bottom:1px solid #E4E4E4;
	}

	#open_download #right  h2{
		font-size: 14px;
		color:#003264;
		text-align:left;
		margin:-2px 0px 0px 0px;
	}

	#open_download #sheet_tb{
		margin:10px 0px 10px 0;
		padding:0 0 0 5px;
		width: 98%;
		float:left;

	}

	#open_download #sheet_tb table{
		width:700px;
		border-collapse:separate;
		border-spacing:0px;
		border-top:1px solid #1c64d1;
		border-left:1px solid #1c64d1;
		empty-cells:show;
	}

	#open_download #sheet_tb th{
		padding:5px 5px 5px 5px;
		line-height: 150%;
		text-align:left;vertical-align:top;color:#FFFFFF;
		background-color:#2175bc;
/*		background-color:#003264;*/
		
		border-top:1px solid #FFE7CE;border-left:1px solid #FFE7CE;
		border-right:1px solid #1c64d1;border-bottom:1px solid #1c64d1;
		vertical-align: top;
	}

	#open_download #sheet_tb td{
		padding:5px 5px 5px 5px;
		line-height: 150%;
		font-weight: normal;
		text-align: left;
		font-size:12px;
		border-right:1px solid #1c64d1;
		border-bottom:1px solid #1c64d1;		
		vertical-align: top;
	}

	#open_download #sheet_tb ul{
		list-style:none;
		padding:0 5px 0 0;
		margin:0px;
		text-align:left;
		list-style-position:outside;
	}

	#open_download #sheet_tb li{
		margin:0;
		background:url(../images/ya.gif) no-repeat 0 3px;
		padding-left:15px;
		padding-bottom:2px;
	}

	#sheet{
		line-height:160%;
		font-size:12px;
		text-align:left;
		margin:0px 0px 12px 0px;
		width: 710px;
	}

	#sheet table{
		margin:10px 0px 10px 0px;
		border-collapse:separate;
		border-spacing:0px;
		border-top:1px solid #1c64d1;
		border-left:1px solid #1c64d1;
		empty-cells:show;
	}


	#sheet th{
		padding:2px 2px 2px 2px;
		text-align:center;vertical-align:middle;color:#FFFFFF;
		background-color:#2175bc;
		border-top:1px solid #FFE7CE;border-left:1px solid #FFE7CE;
		border-right:1px solid #1c64d1;border-bottom:1px solid #1c64d1;
		font-size:12px;		
	}

	#sheet td{
		padding:2px 2px 2px 2px;
		line-height: 150%;
		font-weight: normal;
		text-align: left;
		font-size:12px;
		border-right:1px solid #1c64d1;
		border-bottom:1px solid #1c64d1;
	}



	#sheet .error {
		text-align: left;
		width: 98%;
		border: 1px solid #FF0000;
		margin: 0 0 0 0px;
		padding: 2px 0 2px 0;
		background-color: #ffffcc;
	}
		#sheet .error ul{
			font-size:14px;
			list-style:none;
			margin: 0;
			padding-left: 2em;
			color: #FF0000;
		}

		#sheet .error li{
			font-size:12px;
			margin:0;
			background:url(../images/err.gif) no-repeat 0 0px;
			padding:0 0 0 24px;
			color: #000000;
		}

	#sheet div.wrap {
		width: 695px;
		background: #EEEEEE;
		padding: 8px 0px 0px 0px;
		border: 1px solid #333333;
	}

	#sheet div.row {
		clear: both;
		width: 680px;
		margin: 0px 3px 8px 4px;
		padding: 8px 0px 8px 0px;
		border: 2px solid #333333;
		background: #FFFFFF;
		overflow: hidden;
		zoom: 1;
	}

	#sheet div.box {
		display: inline;
		float: left;
		width: 208px;
		height: 330px;
		margin: 0px 6px 0px 6px;
		padding: 0px 2px 0px 2px;		
		border: 1px solid #333333;
		background: #F8FAF3;
	}

	#sheet div.box2 {
		display: inline;
		float: left;
		width: 180px;
		height: auto;
		margin: 0px 0 0px 18px;
		padding: 0px 2px 0px 2px;		
	}

	#sheet div.box3 {
		display: inline;
		float: left;
		width: 152px;
		height: auto;
		margin: 0px 6px 0px 6px;
		padding: 0px 2px 0px 2px;		
		border: 1px solid #333333;
		background: #F8FAF3;
	}


	#sheet div.title {
		font-weight:bold;
		color: #006600;
		text-align:center;
		margin-bottom: 19px;
	}
	
	#sheet div.title2 {
		font-weight:bold;
		color: #006600;
		text-align:center;
	}

	
#open_download #flow {
	margin: 0 1px 0 5px;
	padding: 0 1px 0 8px;
	text-align: left;
	float:left;
	width: 710px;
}
	

	#open_download #flow h2{
		font-size: 14px;
		color:#003264;
		text-align:left;
		margin:-2px 0px 0px 0px;
	}

	#open_download #flow p{
		margin:0px 0px 10px 15px;
		padding:0px 0px 5px 0px;
		text-align:left;		
	}

	#open_download #flow .pic{
		margin:0px 0px 10px 0px;
		/*border:1px solid #86A823;*/
		border:1px solid #1958b7;
	}

	#open_download #flow .back{
		padding:2px 0px 2px 0px;
		margin: 0 8px 0 0;
		border-top:1.5px dotted #999999;
	}

	#open_download #flow dl{
		margin: 0px;
		padding: 2px;
	}

	#open_download #flow dt{
		line-height: 150%;
		font-weight: bold;
		font-size:14px;
		margin: 0px;
		padding:2px 2px 2px 5px;
		color:#FFFFFF;
		background-color: #508fc4;
		border-left: 10px solid #1958b7;
	}

	#open_download #flow dd{
		color:#333;
		margin: 0 0 10px 0;
		line-height: 150%;
		text-align:justify;
		font-weight: normal;
		font-size:12px;
		text-align: left;
		padding:5px 2px 2px 5px;
	}

	#open_download #flow ol{
		padding:0 0 0 48px;
		margin:0px 0 5px 0;
		list-style-position:outside;
	}

	#open_download #flow li{
		margin:0;
		text-align:left;
		padding-left:0px;
		padding-bottom:1px;
	}

	
	#open_download #flow dl{
		margin: 10px 5px 10px 7px;
	}
	
	#open_download #flow dt {
		float: left;
		width: 410px;
	}
	
	#open_download #flow dd {
		float: none;
		margin-left: 411px; 
		padding:0 0 0 6px;
	}	
	
	#top div.wrap {
		float:left;
		width: 100%;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		margin-top:2px;
		margin-right:4px;
		zoom: 1;
	}

	#top div.row {
		clear: both;
/*		background: #f2f2f2;*/
/*		background: #E8E0D9; */
		overflow: hidden;
		zoom: 1;
		width:920px;
		margin-top:2px;		
		padding: 0;
	}

	#top div.box_top {
		display: inline;
		float: left;
		width: 300px;
/*		background: #f2f2f2;*/
		padding: 0 0 0 0;
		text-align:center;
/*
		border-left: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;		
*/
	}


/* course ------------------------------------------ */

	#service ul{
		list-style:none;
		padding:0 5px 0 0;
		margin:0px;
		text-align:left;
		list-style-position:outside;
	}

	#service li{
		margin:0;
		background:url(../images/ya.gif) no-repeat 0 3px;
		padding-left:15px;
		padding-bottom:2px;
	}

/* *** table *** */

.courseCompare{
 width: 95%;
 /*margin: 0 auto 15px;*/
 border-collapse: separate;
 border-spacing: 1px;
}

.courseCompare thead td {
	padding: 0 0 0 0;
	text-align:center;

}

.coursehead{
	padding: 10px 10px;
}

.courseCompare tbody td,
.courseCompare tfoot td {
	padding: 10px 10px;
}


/* default cell */
.courseCompare tbody tr {
	background: #F6F6F6;
}

.courseCompare tbody tr:nth-of-type(2n+1) {
	background: #EDEDED;
}

/* plan */

.courseCommon{
 width: 240px;
 text-align: center;
 line-height: 120%;
}

.courseA,
.courseB,
.courseC {
 width: 180px;
 text-align: center;
 /*font-weight: 700;*/
 line-height: 150%;
 
}

/* course A */
tbody tr .courseA {	
  background: #B4DDFE;
}

/* course A */
tbody tr:nth-of-type(2n+1) .courseA {
 background: #68BAFD;
}


/* course B*/
tbody tr .courseB {
 background: #FFE8E2;
}

tbody tr:nth-of-type(2n+1) .courseB {
 background: #FED1C5;
}

/* course C*/
tbody tr .courseC {
/* background: #F4F8E8;*/
/*  background: #D9E6AC;*/
  background: #E1EBBE;  
}

tbody tr:nth-of-type(2n+1) .courseC {
/* background: #E9F0D0;*/
 background: #CEDE96; 
}

#qa{
	float:left;
	margin: 5px 0 0 0;
	width: 920px;
}
/* メニュー左側 */
#qa_left {
	margin: 2px 0 0 0;
	padding: 0 0 0 5px;
	width: 190px;
	float:left;
	text-align:left;	
}

#qa_menu {
	width: 100%;
	padding: 0 0 1em 0;
	font-size:96%;
	color: #333;
	text-align:left;
}

	#qa_menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}

	#qa_menu li {
		border-bottom: 1px solid #cccccc;
		margin: 0;
		list-style: none;
		list-style-image: none;
		text-align:left;		
	}

	#qa_menu li a {
		display: block;
		padding: 2px 5px 2px 0.5em;
		border-left: 10px solid #003264;
		background-color: #FCFCFC;
		color: #003264;
		text-decoration: none;
	}

	#qa_menu li div {
		display: block;
		padding: 2px 5px 2px 0.5em;
		border-left: 10px solid #003264;
		background-color: #FCFCFC;
		color: #003264;
		text-decoration: none;
	}


	#qa_menu li a:hover {
		border-left: 10px solid #CC6600;
		background-color: #FCFCFC;
		color: #663300;
	}

	#qa_menu li #active {
		border-left: 10px solid #CC6600;
		background-color: #FCFCFC;
		color: #663300;
	}

	#qa_menu li #menu_title {
		font-size : 14px;
		font-weight:bold;
		border-left: 10px solid #003264;
		background-color: #FCFCFC;
		color: #003264;
	}

/* メニュー右側 */

#qa #right {
	margin: 0 1px 0 5px;
	padding: 0 1px 0 8px;
	text-align: left;
	float:left;
	width: 710px;
}

#qa #right dl{
	  text-align: left;
	  margin: 0 0 0 0;
	  padding: 0;
	}

#qa #right dt{
	font-weight: bold;
	font-size:14px;
	margin: 0 0 2px 0;
	padding: 0;
	}

#qa #right dd{
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	line-height: 120%;
	text-align:justify;
	text-justify:distribute;
}

	#qa #right p{
		margin:0px 0px 5px 15px;
		padding:0px 0px 0px 0px;
		border-bottom:1px solid #E4E4E4;
	}

	#qa #right  h2{
		font-size: 14px;
		color:#003264;
		text-align:left;
		margin:-2px 0px 0px 0px;
	}


	#box_a{
		margin: 12px 0 5px 5px;
		padding:5px;
		background:#cccccc;
		border:2px solid #eee;
		width:650px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 10px #4e707c;
		-webkit-box-shadow:0 0 10px #4e707c;
		box-shadow:0 0 10px #4e707c;
		text-align:left;
		position:relative;
		font-size:14px;
		color:#000;
	}	
	#box_b{
		margin: 12px 0 5px 5px;
		padding:5px;
		background:#E2FCE7;
		border:2px solid #006600;
		width:650px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 0 10px #4e707c;
		-webkit-box-shadow:0 0 10px #4e707c;
		box-shadow:0 0 10px #4e707c;
		text-align:left;
		position:relative;
		color:#000;		
	}

/*
サービスアイコン
*/
.srv_1 a{
display: block;
background: url("../images/srv1_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_2 a{
display: block;
background: url("../images/srv2_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_3 a{
display: block;
background: url("../images/srv3_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_4 a{
display: block;
background: url("../images/srv4_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_5 a{
display: block;
background: url("../images/srv5_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_6 a{
display: block;
background: url("../images/srv6_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_7 a{
display: block;
background: url("../images/srv7_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_8 a{
display: block;
background: url("../images/srv8_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_9 a{
display: block;
background: url("../images/srv9_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_10 a{
display: block;
background: url("../images/srv10_s.png") no-repeat;
width:  142px;     
height: 130px;
margin: 0 0 0 19px;;
padding:0;
}

.srv_1  a:hover,
.srv_2  a:hover,
.srv_3  a:hover,
.srv_4  a:hover,
.srv_5  a:hover,
.srv_6  a:hover,
.srv_7  a:hover,
.srv_8  a:hover,
.srv_9  a:hover,
.srv_10  a:hover
{
	background-position: 0 -130px;
}

.srv_1 	span,
.srv_2 	span,
.srv_3 	span,
.srv_4 	span,
.srv_5 	span,
.srv_6 	span,
.srv_7 	span,
.srv_8 	span,
.srv_9 	span,
.srv_10	span
{
		display: none;
}

#site_map {
	margin: 3px 0 0 0;
	width:100%;
	float:left;
	text-align: left;	
}


#site_map dl.site_map_menu {
	line-height: 1.6;
	margin: 5px 0 10px 25px;
	width: 100%;
}

#site_map dl.site_map_menu dt {
	width: 5em;
	float: left;
	padding-bottom: 1px;
/*	text-indent: 1em;*/
	font-weight:bold;

}

#site_map dl.site_map_menu dd {
	padding-left: 5em;
	margin-bottom:2px;
}

#site_map dl.site_map_menu dd.sub {
	padding-left: 6em;
	margin-bottom:1px;
}

	.menu{marign:0;}
	.menu ul{
	/*	list-style:none; */
		padding:0 5px 0 12;
		margin:5px 0 5px 0;
		text-align:left;
		list-style-position:outside;
	}
	.menu li{
		margin:0;
		padding-left:5px;
		padding-bottom:2px;
	}

.row_srv{
/*display: block;*/
background: url("../images/row_srv_back.png") no-repeat;
width:  100%;     
height: 180px;
margin: 0;
padding:0;
}