body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color:#333;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック","平成角ゴシック","Osaka","ヒラギノ角ゴ Pro W3";
	line-height:150%;
	background-color: #FFFFFF;
	background-image: url(../images/31bg_20.gif); 
	text-align: center;
}

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

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

a                    { color: #0000FF; text-decoration: none;}
a:link               { color: #0000FF; text-decoration: none;}
a:visited            { color: #0000FF; text-decoration: none;}
a:active             { color: #FF6600; }
a:hover		     { color: #FF6600; text-decoration: underline;}

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

.cyan{
color: #000099;
}

.blue2{
color: #225ea8;
}

.brown{color:#8b4513;}

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

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

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

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

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

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

/****************************
* タブメニュー
*****************************/
#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;
	}

.navi0 a{
	float:left;
     display: block;
     background: url("../images/navi0.gif") no-repeat;
     width: 180px;     
     height: 34px;
     margin: 0 2px 20px 0;
     padding:0 0 0 0;
      }

html>body #pack a{
     width: 180px;     
     height: 34px;
      }
/*
.navi0 a:hover{
     background-position: 0 -41px;
      }
*/

.navi1 a{
	float:left;
     display: block;
     background: url("../images/navi1.gif") no-repeat;
     width: 180px;     
     height: 34px;
     margin: 0 2px 20px 0;
     padding:0 0 0 0;
      }

html>body #pack a{
     width: 180px;     
     height: 34px;
      }
/*
.navi1 a:hover{
     background-position: 0 -41px;
      }
*/

.navi2 a{
	float:left;
     display: block;
     background: url("../images/navi2.gif") no-repeat;
     width: 180px;     
     height: 34px;
     margin: 0 2px 20px 0;
     padding:0 0 0 0;

      }

html>body #pack a{
     width: 180px;     
     height: 34px;
      }
/*
.navi2 a:hover{
     background-position: 0 -41px;
      }
*/
.navi3 a{
	float:left;
     display: block;
     background: url("../images/navi3.gif") no-repeat;
     width: 180px;     
     height: 34px;
     margin: 0 2px 20px 0;
     padding:0 0 0 0;

      }

html>body #pack a{
     width: 180px;     
     height: 34px;
      }
/*
.navi3 a:hover{
     background-position: 0 -41px;
      }
*/
.navi4 a{
	float:left;
     display: block;
     background: url("../images/navi4.gif") no-repeat;
     width: 180px;     
     height: 34px;
     margin: 0 0 20px 0;
     padding:0 0 0 0;

      }

html>body #pack a{
     width: 180px;     
     height: 34px;
      }
/*
.navi4 a:hover{
     background-position: 0 -41px;
      }
*/
/****************************
* パンくずリスト
*****************************/

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

/****************************
* フッター設定
*****************************/
#footer {
	width: 920px;
	background-color: #F6180F;
	padding: 4px 0 4px 0;
	margin: 6px 0 0px 0;
	text-align: center;
	color: #FFFFFF;
	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: #FFFFFF;
		text-decoration: none;
	}

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

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

#copyright {
	width: 860px;
	margin: 2px 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;
/*	color: #000066;*/
/*	background-color: #e5ecf9;*/
/*	font-weight: normal;*/
	background-color: #2175bc;
	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:#F6180F;
	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:#F6180F;
	margin:3px 0px 0px 30px;
	font-weight: bold;
	text-align: left;
}

#agree {
	font-size: 12px;
	color:#000;
	margin:3px 0px 0px 2px;
	padding:3px 5px 3px 5px;
	text-align: left;
	border: 1px solid #f05262;
	background-color: #FABECA;
	width:800px;
}

#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:#F6180F;
		margin:0px 10px 0px 10px;
	}

	#form h3{
		font-size: 12px;
		color:#F6180F;
		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 span{
		margin:0;
		padding:0;
		width:100%;
		font-size:12px;
		display: inline;
		text-align:center;
	}

	#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;
/*		border-bottom:1px solid #F2F2F2;*/
		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;
            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: #D82741;
		background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
		background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
	}
	
        .submit, .submit span
        {
            -moz-border-radius: .3em;
            border-radius: .3em;
        }
        
        .submit span
        {
            border-top: 1px solid #fff;
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;
            
            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%);

	         -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;            
        }

.submit:hover{
		background: #E84B6E;
		background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
		background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
	}

.submit:active{
		background: #D82741;
	}
	
/*
        .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;
            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;
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;
            
            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%);

	         -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
        {
            position: relative;
            top: 1px;
            background: #4477a1;
        }
*/

/****************************
* メニュー
*****************************/
#biz {
	margin: 20px 0 0 0;
	width: 920px;
	height:100%;
}

#biz #catch {
	width: 890px;
	text-align:left;
	float:left;
	margin-right: 5px;
	padding:2px 0 10px 24px;
/*	height:100%; */
	line-height:120%;
	display:box;
}
#biz #catch .title {
	font-weight: bold;
	margin: 0 0 2px 0;
	font-size: 16px;
	color: #003300;
}

#biz #catch .btm {
	margin: 5px 0 20px 8px;
}

#biz #catch p{
	margin: 0 0 2px 0;
	text-align:justify;
	text-justify:distribute;
	line-height:150%;
	width: 850px;
}

#biz #img {
	text-align:left;
	width: 160px;
	float:right;
	padding: 0 25px 0 0;
	height:100%;
}
/****************************
* メニュー
*****************************/
#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;
}

#menu #img {
	text-align:left;
	width: 338px;
	float:left;
	margin-top: 12px;
	margin-left: 10px;
	padding: 0 0 0 0;
	height:100%;
}


/****************************
* サービス詳細
*****************************/
#service {
	width: 920px;
/*	height:200px;*/
}

#service #img {
	width: 100px;
	float:left;
	margin-right: 10px;
	padding:2px 0 20px 24px;
/*	height:100%;*/
}

#service #detail {
	text-align:left;
	width: 680px;
	float:left;
	margin-left: 3px;
	padding: 0 0 0 0;
/*	height:100%;*/
}

#service #detail #more{
	margin: 20px 0 0 0;
}

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

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

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

#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:90%;
		border-collapse:separate;
		border-spacing:0px;
		border-top:1px solid #1c64d1;
		border-left:1px solid #1c64d1;
		empty-cells:show;		
	}

	#sheet_tb th{
		padding:5px 0px 5px 5px;
		vertical-align:top;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_tb td{
		padding:5px 0px 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: 200px; */
	height: 235px;
/*	height: 100%;*/
/*	border-top: 1px solid #0000cc;
	border-bottom: 1px solid #0000cc;*/
}

#voice1 #header_left {
	width: 200px;
/*	background-color: #ff0000;*/
	float:left;
	margin-left: 3px;
	padding: 2px;
/*	height: 100%;*/
}

#voice1 #header_right {
	width: 460px;
/*	background-color: #ffff00;*/
	float:left;
	margin-left: 10px;
	margin-right: 5px;
	padding: 0px;
/*	height: 100%;*/
}

#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:5px 0 0 0;
	padding:0 0 20px 34px;
}

#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:98%;
}

#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:98%;	
}

#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 34px;
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:910px;
	margin:0 0 0 0;
	padding:0 0 20px 35px;
}

#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:#FF3300;
	line-height:150%;
/*	margin:0 0 10px 42px;*/
	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:850px;
	display:block;
}

#pay img{
/*	margin:0 0 0 42px;*/
	margin:0 0 10px 20px;

}

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

#pay li{
	margin:0;
	padding-left:0px;
	padding-bottom:1px;
}
/****************************
* インフォメーション
*****************************/
#information {
	text-align:left;
	float:left;
	width:910px;
	margin:0 0 0 0;
	padding:0 0 20px 30px;
}
	#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:#F6180F;
		text-align:left;
		margin:-2px 0px 0px 0px;
	}

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

	#information dt{
/*		color:#F6180F;*/
		line-height: 150%;
		font-weight: bold;
		font-size:14px;
		margin: 5px 0 0 0;
		padding:2px 2px 2px 5px;
		color:#000000;
		/*background-color: #CCCC00;*/
		border-left: 10px solid #f8100d;
		border-bottom: 1px solid #f8100d;
	}

	#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;
/*		border-width: 1px;
		border-color: #E4E4E4;
		border-bottom-style: solid;
*/

		padding:5px 2px 2px 0px;
	}

#site_map {
	text-align:left;
	float:left;
	width:910px;
	margin:0 0 0 0;
	padding:0 0 20px 40px;
}

#site_map dl.site_map_menu {
	line-height: 1.6;
	margin: 5px 0 0 0;
	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:5px;
}


/****************************
* TOP
*****************************/
#top{
	float:left;
	margin: 5px 0 0 0;
	width: 920px;
}

#top #mainContent {
	width: 920px;	
	float: left;
	padding:0 0 0 0;
}

#top #mainContent p {
	width: 98%;	
	padding:0 5px 0 8px;
	margin; 0 0 5px 0;
}

/* 右コンテンツ */
#top #detail {
	margin: 0 1px 0 10px;
	padding: 0 1px 0 10px;
/*	text-align: left;*/
	float:left;
	width: 220px;	
}


/* メニュー左側 */
#top #right {
/*	margin: 2px 10px 0 5px;*/
	margin: 0 0 0 3px;
	padding: 0 0 0 0;
/*	width: 190px;*/
	width: 300px;	
	float:right;
}

/* メニュー左側 */
#top #login_form {
/*	margin: 2px 10px 0 5px;*/
	margin: 0 0 0 280px;
	padding: 0 0 0 0;
/*	width: 190px;*/
	width: 300px;	
	float:left;
}

#top #login_form #login h2 {
	display: block;
	margin: 3px 0px 0px 2px;
	padding: 0px 0px 2px 50px;
/*	width: 180px;*/
	width: 290px;	
	height: 22px;
	text-align: left;
	color: #757259;
/*	color: #ffffff;*/
	font-weight: bold;
	font-size: 14px;
	text-indent: 15px;
	background: url(../images/login_1.jpg) no-repeat;
}

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

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

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

#top #right #banner {
	background: #ffffff;
	line-height: 120%;
	margin: 1px 0 0 0;
	padding: 0 5px 0 5px; 
	float:left;
	text-align:left;
	width: 100%;
}

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

}

#top #right #supporter_pr dl{
		  text-align: left;
		  margin: 0px;
		  padding: 2px 2px 2px 8px;
		  width:98%;
	}

	#supporter_pr dt{
		line-height: 150%;
		font-weight: bold;
		font-size:14px;
		margin: 2px 0 0 0;
		padding:2px 2px 2px 5px;
		color:#FFFFFF;
		background-color: #ff0000;
		text-align:center;
	}

	#supporter_pr dd{
		color:#333;
		margin: 0 0 10px 0;
		padding:2px 2px 2px 14px;
		line-height: 150%;
		text-align:justify;
		font-weight: normal;
		font-size:12px;
		text-align: left;
		padding:5px 5px 5px 5px;
		border:1px solid #ff0000;
	}




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

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

#top #middle div.wrap {
	float:left;
	width: 670px;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin-top:5px;
	zoom: 1;
}

#top #middle div.box {
	display: inline;
	float: left;
	width: 327px;
	padding: 2px;
}


#top #middle div.box2 {
	float: left;
	width: 320px;
/*	border: 1px solid #cccccc;*/
}


#top #middle div.height {
	height: 780px;
}

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

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

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

	.top_info th{
		vertical-align:top;color:#FFFFFF;
		border-left:1px solid #d89529;
		border-right:1px solid #d89529;
		border-bottom:1px solid #d89529;
		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 #d89529;
		border-bottom:1px dotted #d89529;
		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 #d89529;
		border-bottom:1px dotted #d89529;
		font-size:12px;
	}
	
	.top_info td.bottom{
		vertical-align:top;
		padding:2px 3px 2px 3px;
		line-height: 150%;
		font-weight: normal;
		font-size:12px;
		border-left:1px solid #d89529;
		border-right:1px solid #d89529;
		border-bottom:1px solid #d89529;
		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;
	padding:10px;
	border:1px dashed #E5D851;
	background:#EEE48E;
	font-size:12px;
	width:800px;
}

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

	#forminputs_m{
		margin:15px 0px 0px 5px;
	}
		
	#forminputs_m div{
		clear:both;
		margin:3px 0px 0 15px;
		padding:5 px 0px;
/*		border-bottom:1px solid #F2F2F2;*/
		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;
	}

#supporter{
	font-size:12px;
	line-height:160%;
	width:800px;
	text-align:left;
	margin:0px 0px 12px 15px;
}
	
	#supporter p{
		margin:0px 0px 5px 15px;
		padding:0px 0px 5px 0px;
		border-bottom:1px solid #E4E4E4;
		float:left;
		width:100%;
	}

	#supporter h2{
		font-size: 14px;
		color:#F6180F;
		text-align:left;
		margin:-2px 0px 0px 0px;
		float:left;
	}

#service_main {
	margin:20px auto 0px auto;
	padding:0px;
	width:781px;
	height:186px;
	position:relative;
	background:url('../images/service_mid.jpg') no-repeat;
}


#service_main p.main_01 a {
	position:absolute;
	top:158px;
	left:108px;
}

#service_main p.main_02 a {
	position:absolute;
	top:158px;
	left:308px;
}

#service_main p.main_03 a {
	position:absolute;
	top:158px;
	left:500px;
}

#service_main p.main_04 a {
	position:absolute;
	top:158px;
	left:696px;
}

#service_main p a span {
	color:#BB1515;
	text-decoration:underline;
}

#top_info_new_box{
	float:left;
	font-size:12px;
	line-height:160%;
	margin:0px 0px 10px 15px;
}

#top_info_new_box ul{
	padding:0 0 0 15px;
	margin:2px 0 2px 0;
	text-align:left;
/*	list-style:none;	*/
	
	list-style-position:outside;
	list-style-position:disc;

}

#top_info_new_box li{
	margin:0 0 0 0;
	text-align:left;
	padding-left:0px;
	padding-bottom:2px;
}