html {
    margin-bottom:1px;
    height:100%;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, Osaka-等幅, "Osaka-Mono", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif; 
	*font-family: Osaka, Osaka-等幅, "Osaka-Mono", Arial,"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif; 
	margin:0;
	padding:0;
	background: url(../images/bg.jpg);
	font-size:14px;
	line-height:1.5em;
	letter-spacing:0.2em;
	color:#6d6f73;
}

h1 {
	margin: 0 0 1em;
	padding:0;
	font-size: 120%;
	line-height: 1.5;
	padding: 6px 5px 2px;
}

a img{border:none;}

h2 {
	margin: 0 0 1em;
	padding:0;
	font-size: 120%;
}

h3,h4{margin: 0 0 1em;padding:0;}
form{margin: 0 0 1em;padding:0;}
p {
	padding: 0 0 1em 0;
	margin:0;
	font-size: 85%;
}

ul,ol{list-style-type:none;margin:0;padding:0;list-style-position: inside; }

table{
	border-collapse: collapse;
	border-spacing: 0;
}

.error{
	color:red;
	margin-top:1em;
}

div#contenar,
div#fotter
{
	width: 900px;
	padding:0;
	margin: 0px auto;
}

div#header{
	background:url(../images/header/bg.gif) 0 0 repeat-x;
}
	div#header strong{
		width: 900px;
		padding:0;
		margin: 0px auto 20px;
		display:block;
		height:23px;
	}
	div#header h1{
		width: 900px;
		padding:0;
		margin: 0 auto 15px;
	}
	div#header h2{
		width: 900px;
		padding:0 0 0px 0;
		margin: 0 auto 0px;
	}
	
	/* #navi_g */
	div#header #navi_g{
		width: 900px;
		padding:0 0 10px 0;
		margin: 0 auto 0;
	}
		div#header #navi_g ul{
			/* overflow:hidden; */
			height:100px;
			margin-bottom:-40px;
		}
		div#header #navi_g li{
			float:left;
			background:#ffffff;

		}
		div#header #navi_g li a{
			position:relative;
			display:block;
			z-index:0;
		}

		div#header #navi_g li a span{
			position:absolute;
			z-index:0;
			top:-44px;
			right:0px;
		}
		div#header #navi_g li a:hover{position:relative;top:1px;}
		div#header #navi_g li a:active{position:relative;top:2px;}
			div#header #navi_g li a:hover span{top:-45px;}
			div#header #navi_g li a:active span{top:-46px;}
div#contenar{
	padding-bottom:20px;
	margin-bottom:20px;
}

div#fotter{
	background:url(../images/fotter/bg.jpg) 0 0 #192f70 repeat-x;
	font-size:9px;
	padding:20px 0;
}
	div#fotter #navi_f .lwc{
		margin:0 auto;
		width:490px;
		letter-spacing:0;
	}
	div#fotter #navi_f .aiue{
		margin:0 auto;
		width:335px;
		letter-spacing:0;
	}
	
		div#fotter #navi_f ul{
			overflow:hidden;
		}
		div#fotter #navi_f ul li{
			float:left;
			padding-left:5px;
			padding-right:5px;
			margin-left:-1px;
			background:url(../images/fotter/section_icon.gif) 0% 50% no-repeat;
		}
		div#fotter #navi_f ul li a{
			color:#ffffff;
		}
	div#fotter #copyright{
		text-align:center;
		color:#6a7aa9;
	}

/* .page_index
--------------------------- */

	.page_index .marker{
		background:#e1feb7;
		font-weight:normal;
	}

	.page_index h5{
		background: url(../images/line.gif) repeat-x bottom;
		padding-bottom:5px;
		padding-left:55px;
		margin-top:65px;
		display:block;
	}
	.page_index #mes,
	.page_index #aboutLWC,
	.page_index #voice,
	.page_index #tikect,
	.page_index #faq,
	.page_index #prefectures{
		background: url(../images/bg_white.jpg);
		margin-top:20px;
		padding:25px 70px;
		color:#2d468e;
	}
	
	.page_index #mes{
		padding:25px;
		position:relative;
	}
		.page_index #mes #letter{
			background: url(../images/index/mes_bg.gif);
			width:617px;
			line-height:24px;
			padding:24px 20px;
		}
		.page_index #mes #letter p{
			margin:0 0 24px 0;
			padding:0;
			letter-spacing:0;
			color:#1f3164;
		}
		.page_index #mes #letter .signature{
			text-align:right;
			margin:-2.5em 0 0 0;
			padding:0;
		}
		.page_index #mes .images{
			position:absolute;
			top:30px;
			right:-40px;
		}
	.page_index #aboutLWC{
		position:relative;
	}
		.page_index #aboutLWC h4{
			margin-bottom:-30px;
		}
		.page_index #aboutLWC .h6{
			margin-top:10px;
			display:block;
		}
		.page_index #aboutLWC p{
			margin-left:55px;
		}
		.page_index #aboutLWC div{
			margin-left:55px;
		}
		.page_index #aboutLWC div div,
		.page_index #aboutLWC div p{
			margin-left:0;
		}
		.page_index #aboutLWC *{
			position:relative;
			z-index:2;
		}
		.page_index #aboutLWC .images{
			position:absolute;
			z-index:1;
			top:0;
			right:0;
		}
		.page_index #aboutLWC .characteristic{
			background: url(../images/index/aboutLWC_characteristic_bg_bottom.gif) no-repeat bottom;
			padding-bottom:15px;
			margin-bottom:1em;
			overflow:hidden;
			width:704px;
		}
		.page_index #aboutLWC .characteristic p{
			margin:0;
			padding:0;
		}
		.page_index #aboutLWC .characteristic dl{
			background: url(../images/index/aboutLWC_characteristic_bg.gif);
			margin:0;
			padding:0 35px 25px;
			overflow:hidden;
			zoom:1;
		}
			.page_index #aboutLWC .characteristic dl dt{
				margin-top:25px;
				float:left;
				width:275px;
				clear:both;
			}
			.page_index #aboutLWC .characteristic dl dd{
				float:right;
				width:359px;
				padding:0;
				margin:25px 0 0 0;
				font-size:12px;
				color:#64636d;
				letter-spacing:0;
			}
	.page_index #voice{
		margin-top:0px;
		padding-top:40px;
	}
		.page_index #voice h4{
			margin:0 -70px;
			padding:0;
		}
		.page_index #voice .table{
			background:#FFFFFF;
			padding:5px;
			margin-top:20px;
			text-align:right;
		}
			.page_index #voice .table p{
				padding:5px;
				margin:0px;
				
			}
			.page_index #voice .table p *{
				vertical-align:top;
			}
			.page_index #voice .table .more a:hover{
				position:relative;
				top:1px;
			}
				.page_index #voice .table .more a:active{
					position:relative;
					top:2px;
				}
			.page_index #voice table{
				border:1px solid #ffcc66;
				font-size:12px;
				letter-spacing:0;
				text-align:left;
			}
				.page_index #voice .table td,
				.page_index #voice .table th{
					border-top:1px solid #ffcc66;
					border-bottom:1px solid #ffcc66;
					padding:5px 15px;
					margin:0;
				}
				.page_index #voice .table th{
					color:#202020;
					text-align:center;
				}
				.page_index #voice .table thead .name{
					background:#eeeeee;
					width:220px;
					color:#323369;
				}
				.page_index #voice .table thead .text{
					background:#ffcc66;
					color:#323369;
				}
				.page_index #voice .table tbody th{
					vertical-align:top;
					color:#333333;
				}
				.page_index #voice .table tbody td{
					color:#333333;
					background:#ffffcd;
					width: 478px;
				}
					.page_index #voice .table tbody strong{
						display:block;
					}
					.page_index #voice .table tbody strong.name{
						display:inline;
					}
					.page_index #voice .table tbody span{
						font-size:9px;
					}
	.page_index #tikect{
		background:#ffffcc;
		padding-top:0;
		border:1px solid #cdd2df;
		position:relative;
		zoom:1;
	}
		.page_index #tikect h4{
			padding:0;
			margin:0 -70px 30px;
			overflow:hidden;
		}
		.page_index #tikect .item{
			position:relative;
			width:666px;
			margin:0 auto;
		}
			.page_index #tikect .item p.info{
				margin:0;
				padding:0;
				width:666px;
			}
			.page_index #tikect .item .btn{
				position:absolute;
				top:34px;
				right:100px;
				
			}
			.page_index #tikect .faq_list{
				padding-top:20px;
				overflow:hidden;
			}
				.page_index #tikect .faq_list ul{
					float:right;
					padding-right:50px;
				}
				.page_index #tikect .faq_list li{
					background: url(../images/index/icon_q.jpg) no-repeat;
					padding-left:28px;
					vertical-align:middle;
					padding-bottom:0.5em;
				
				}
					.page_index #tikect .faq_list a{
						color:#448fab;
						font-size:12px;
					}
	.page_index #faq{
		border:1px solid #cdd2df;
		background:#f5fcef;
		padding-bottom:0;
	}
		.page_index #faq h4{
			margin:0 0 30px;
			color:#1d84aa;
		}
		.page_index #faq .link {
			background: url(../images/index/faq_line.jpg) no-repeat bottom;
			margin-bottom:30px;
			padding-bottom:30px;
		}
		.page_index #faq dl dt{
			color:#1d84aa;
			font-size:12px;
			background: url(../images/index/icon_q.jpg) no-repeat;
			padding-left:28px;
			vertical-align:middle;
			padding-bottom:0.5em;

		}
		.page_index #faq dl dd{
			color:#1d84aa;
			font-size:12px;
			margin:0;
			background: url(../images/index/icon_a.jpg) no-repeat;
			padding-left:28px;
			vertical-align:middle;
			padding-bottom:2em;

		}
	.page_index #prefectures{
		background: url(../images/index/prefectures_bg.jpg) 45px 170px no-repeat #77c651;
	}
		.page_index #prefectures h4,
		.page_index #prefectures p{
			text-align:center;
		}
		.counselor_list{
			padding-left:340px;
		}
			.page_index #prefectures .counselor_list h5{
				background:none;
				margin:30px 0 0 0;
				padding:0;
			}
			
			.page_index #prefectures .counselor_list ul{
				overflow:hidden;
				margin-top:20px;
				padding-bottom:40px;
			}
			.page_index #prefectures .counselor_list li{
				float:left;
				margin-right:10px;
				width:9.5em;
				font-size:13px;
				margin-top:10px;
				color:#869281;
			}
			.page_index #prefectures .counselor_list li a{
				color:#265d10;
				display:block;
			}
				.page_index #prefectures .counselor_list li a:hover{
					color:#49882f;
				}

/* .page_entry_list
--------------------------- */

	/* #info */
	.page_entry_list #info{
		background: url(../images/counselor_list/info_bg.jpg) no-repeat left top;
		margin-bottom:20px;
		overflow:hidden;
		zoom:1;
	}
		.page_entry_list #info h3,
		.page_entry_list #info p{
			margin:0;
			padding:0;
		}
		/* #searchresult */
		.page_entry_list #searchresult{
			background:url(../images/counselor_list/searchresult_bg.jpg) no-repeat 0 0;
			padding:0 0 0 93px;
			margin:0 0 35px 78px;
			line-height:45px;
			height:48px;
			font-size:16px;
			color:#2c4690;
			vertical-align:middle;
		}
			.page_entry_list #searchresult strong{
				font-size:20px;
				padding-right:0.1em;
			}
	/* .entry */
	.page_entry_list .entry{
		background: url(../images/bg_white.jpg);
		margin-bottom:20px;
		padding:30px 70px 20px 76px;
		overflow:hidden;
		zoom:1;
	}

	.page_entry_list .entry .thumb{
		float:left;
	}
	.page_entry_list .entry h4{
		float:right;
		width:530px;
		font-size:17px;
		font-weight:bold;
		color:#2d468e;
		margin-bottom:0.5em;
	}
	.page_entry_list .entry .nickname{
		float:right;
		width:530px;
		color:#2d468e;
	}
	.page_entry_list .entry .profile{
		float:right;
		width:530px;
		letter-spacing:0.1em;
	}
	.page_entry_list .entry .message{
		float:right;
		width:530px;
		background:url(../images/entry/message_bg_top.jpg);
		letter-spacing:0.1em;
	}
		.page_entry_list .entry .message p{
			background:url(../images/entry/message_bg_bottom.jpg) no-repeat bottom;
			padding:20px 25px 20px;
		}
	.page_entry_list .entry .voice{
		float:right;
		width:530px;
		padding-top:10px;
	}
		.page_entry_list .entry .voice li a{
			font-weight:bold;
			color:#74340e;
			font-size:12px;
		}
		.page_entry_list .entry .voice li a:hover{
			color:#a76d4b;
		}
	.page_entry_list .entry .btn{
			float:right;
			width:530px;
			text-align:right;
			margin-top:15px;
		}
		.page_entry_list .entry .btn a{
			padding-left:15px;
		}
		.page_entry_list .entry .btn a:hover{
			position:relative;
			top:1px;
		}
		.page_entry_list .entry .btn a:active{
			position:relative;
			top:2px;
		}

/* .counselor_detail
--------------------------- */
	.page_counselor_detail .entry{
		background: url(../images/bg_white.jpg);
		margin-bottom:20px;
		padding:30px 70px 20px 76px;
		overflow:hidden;
	}

	.page_counselor_detail .entry .personaldate{
		float:left;
		width:155px;
	}
		.page_counselor_detail .entry .personaldate h3{
			padding:20px 0 10px;
			margin:0;
		}
		.page_counselor_detail .entry .personaldate p{
			margin:0 0 0 17px;
			padding:0;
			letter-spacing:0;
		}
		.page_counselor_detail .entry .personaldate .thumb{
		
		}
		.page_counselor_detail .entry .personaldate .mainarea{
		}
			.page_counselor_detail .entry .personaldate .mainarea .place{
				border-top:1px solid #95a58d;
				padding-top:3px;
			}
		.page_counselor_detail .entry .personaldate .liking{
		}
		.page_counselor_detail .entry .personaldate .website{
		}
			.page_counselor_detail .entry .personaldate .website li{
				font-size:11px;
				letter-spacing:0.1em;
				margin:0 0 0 17px;
			}
			.page_counselor_detail .entry .personaldate .website li a{
				color: #6D6F73;
			}
	.page_counselor_detail .entry .personalinfo{
		float:right;
		width:530px;
	}
		.page_counselor_detail .entry .personalinfo h4{
			font-size:17px;
			font-weight:bold;
			color:#2d468e;
			margin-bottom:0.5em;
		}
		.page_counselor_detail .entry .personalinfo .nickname{
			color:#2d468e;
		}
		.page_counselor_detail .entry .personalinfo .profile{
			letter-spacing:0.1em;
		}
		.page_counselor_detail .entry .personalinfo .mylifework{
			width:530px;
			background:url(../images/counselor_detail/mlw_bg_bottom.jpg) no-repeat 9px bottom ;
			padding-bottom:10px;
			position:relative;
			left:-4px;
			margin-bottom:20px;
		}
			.page_counselor_detail .entry .personalinfo .mylifework h5{
				margin:0;
				padding:0;
			}
			.page_counselor_detail .entry .personalinfo .mylifework p{
				background:url(../images/counselor_detail/mlw_bg.jpg) repeat-y 8px 0;
				padding:10px 30px;
				line-height:1.4em;
			}
		.page_counselor_detail .entry .personalinfo .message{
			float:right;
			width:530px;
			background:url(../images/entry/message_bg_top.jpg);
			letter-spacing:0.1em;
			overflow:hidden;
		}
			.page_counselor_detail .entry .personalinfo .message p{
					margin:0;
					padding:20px 25px 20px;
					background:url(../images/entry/message_bg_bottom.jpg) no-repeat bottom;
			}
	.page_counselor_detail .entry .voice{
		width:770px;
		padding-top:5px;
		clear:both;
		background:url(../images/line_bg_white.jpg) repeat-x top;
		margin-right:50px;
	}
		.page_counselor_detail .entry .voice a:hover{
			position:relative;
			top:1px;
		}
		.page_counselor_detail .entry .voice a:active{
			position:relative;
			top:2px;
		}
		.page_counselor_detail .entry .voice .table{
			background:#FFFFFF;
			padding:5px;
		}
			.page_counselor_detail .entry .voice table{
				border:1px solid #ffcc66;
				font-size:12px;
				letter-spacing:0;
			}
				.page_counselor_detail .entry .voice .table td,
				.page_counselor_detail .entry .voice .table th{
					border-top:1px solid #ffcc66;
					border-bottom:1px solid #ffcc66;
					padding:5px 15px;
					margin:0;
				}
				.page_counselor_detail .entry .voice .table th{
					color:#202020;
				}
				.page_counselor_detail .entry .voice .table thead .name{
					background:#eeeeee;
					width:220px;
					color:#323369;
				}
				.page_counselor_detail .entry .voice .table thead .text{
					background:#ffcc66;
					color:#323369;
				}
				.page_counselor_detail .entry .voice .table tbody th{
					vertical-align:top;
					color:#333333;
				}
				.page_counselor_detail .entry .voice .table tbody td{
					color:#333333;
					background:#ffffcd;
					width:478px;
				}
					.page_counselor_detail .entry .voice .table tbody strong{
						display:block;
					}
	.page_counselor_detail .entry .btn{
			clear:both;
			text-align:center;
			padding-top:15px;
		}
		.page_counselor_detail .entry .btn a{
			padding-left:15px;
		}
		.page_counselor_detail .entry .btn a:hover{
			position:relative;
			top:1px;
		}
		.page_counselor_detail .entry .btn a:active{
			position:relative;
			top:2px;
		}
/* .page_form
--------------------------- */
	#contenar.page_form{
		background: url(../images/bg_white.jpg);
		padding:30px 70px 20px 70px ;
		width: 760px;
		color:#2d468e;
		
	}
		#contenar.page_form p.explanation{
			position:relative;
			padding-right:200px;
			letter-spacing:0em;
		}

		#contenar.page_form .explanation span{
			position:absolute;
			top:-40px;
			left:540px;
		}
		
		.page_form .btn{
			margin-top:20px;
			text-align:center;
		}
			.page_form .btn input{
				padding:0 20px;
			}
			.page_form .btn input:hover{
				position:relative;
				top:1px;
			}
			.page_form .btn input:active{
				position:relative;
				top:2px;
			}

		
		#contenar.page_form .table{
			overflow:hidden;
			margin-top:20px;
			width:750px;
		}
		#contenar.page_form .table table{
			position:relative;
			top:1px;
			width:750px;
		}
			#contenar.page_form .table table th,
			#contenar.page_form .table table td{
				background:#f5fbef url(../images/form/table_bg.jpg) no-repeat bottom;
				text-align:left;
				vertical-align:top;
				padding:25px 35px;
			}
			#contenar.page_form .table table tbody th{
				width:220px;
			}
			#contenar.page_form .table table td{
				color:#767989;
				line-height:1.3em;
				letter-spacing:0;
			}
				#contenar.page_form .table table td input{
					width:195px;
					vertical-align:middle;
				}
				#contenar.page_form .table table td span{
					vertical-align:middle;
					font-size:9px;
				}
				#contenar.page_form .table table td textarea{
					width:355px;
					height:250px;
				}
				#contenar.page_form .table table th p.thumb{
					margin:3em 0 0 0;
					padding:0 ;
					text-align:center;
					color:#767989;
					font-size:12px;
					font-weight:normal;
					line-height:1.3em;
					letter-spacing:0;
				}
				#contenar.page_form .table table th p.thumb img{
					padding-bottom:1em;
				}

/* お知らせ
--------------------------- */
#header .news_text {
    width: 900px;
    color: #333;
    border: 3px solid #77c651;
    margin: 0 auto 15px;
    padding: 15px 20px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.8);
}
	#header .news_text h3 {
		color: #358b0c;
		font-size: 18px;
		font-weight: 600;
		text-align: left;
		margin: 0 0 15px;
		position: relative;
	}
		#header .news_text h3::before {
			content: "";
			width: 88%;
			height: 3px;
			background: #faf06c;
			position: absolute;
			top: 35%;
			left: 110px;
		}
	#header .news_text p {
		padding: 0;
	}