@charset "utf-8";
/*
Theme Name: スカウトサイト
Theme URI:  
Description: スカウトサイト
Version: 1.0
Author: monokus.jp

*/
/* BODY
---------------------------------------------*/


html {
	width: 100%;
	height: 100%;
}

body,div,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
/*	list-style: none; */
}

body {
	text-align: 		left;
	font-family:		'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 			14px;
	line-height:		1.8em;
	color: 				#888;
	background:			#fcfcfc;
}


img {
	vertical-align: 	bottom;
	border: 			none;
}

a, a:link, a:visited {
	color: 			#005399;
	text-decoration: 	underline;
}

a:hover {
	color: 			#005399;
/*	font-weight: 		bold; */
	text-decoration: 	none;
}

strong {
	font-weight: 		bold;
}

p {
/*	padding: 			15px 20px 8px 20px; */
/*	padding: 			15px 0 8px;  */
	padding:			0;
}

p.p_zero {
	padding: 			0;
}

.sec #main p,
.indsec p {
	margin-left: 1em;
	margin-right: 1em;
}

.clear {clear: both;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

.bold {
	font-weight:		bold;
}
.red {
	color:			#f00;
}
.material-icons {
	vertical-align:		middle;
}
.anime {
    transition: all .3s;
}
i {
	font-style:	normal;
}
/* リスト対応
---------------------------------------------*/
.reset_list ul,
.reset_list ol,
.reset_list li,
ul.reset,
ol.reset,
ul.reset li,
ol.reset li,
li.reset {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none; 
}
ul.alphabet,
ol.alphabet ,
ol.alphabet li,
ol.alphabet li {
	list-style-type: upper-latin
}

/* フォーム対応
---------------------------------------------*/
input[type="text"] ,
input[type="mail"] ,
input[type="tel"] ,
input[type="password"] {
	box-sizing:	border-box;
	width:		96%;
	height:		2em;
	padding:	0 0.4em;
	
	border:			1px solid #ccc;
	background:		#fff;
	
	font-size:		14px;
}
select {
	box-sizing:	border-box;
	height:		2em;
	padding:	0 0.4em;
	
	border:			1px solid #ccc;
	background:		#fff;
	
	font-size:		14px;
}

textarea {
	box-sizing:	border-box;
	width:		96%;
	height:		10em;
	padding:	0.4em 0.4em;
	

	border:			1px solid #ccc;
	background:		#fff;
	
	font-size:		14px;
}

/* テーブル対応
---------------------------------------------*/
table {
	font-size:inherit;
	font:100%;
}
table.mainstyle {
	border:		1px solid #bbb;
	background:		#fff;
	
	border-collapse:	collapse;
}

table.mainstyle th{
	padding:		10px;
	border: 		1px solid #bbb;
	background:		#FBFEDF;
	
	font-weight: 	bold;
	color:			#777;
}

table.mainstyle td {
	padding:		10px;
	border: 		1px solid #bbb;
	
	background:		#fff;
	color:			#777;
}

table.mainstyle.outline_table {
	width:			100%;
}
	table.mainstyle.outline_table th {
		width:		18%;
	}


/* Layout
---------------------------------------------*/
#viewport {
	width:				100%;
	overflow-x:			hidden;
	overflow-y:			hidden;
	/*
	background:			url(images/body_bg02.jpg) center 3165px no-repeat; */
}


body {
	overflow-x:			hidden;
}
#contents {
	width:			1000px; 
	margin:			0 auto 0;
	padding:		0 0 0;
}
/*	#sidebar {
		width:			250px;
		float:			left;
	}
	#main {
		width:			730px;
		float:			right;
	} */
	#footer {
		clear:			both;
	}

#contents.wide {
}
	#contents.wide #main {
		width:		auto;
		float:		none !important;
	} 
#contents.liquid {
	width:		auto;
	float:		none !important;
}
	#contents.liquid #main {
		width:		auto;
		float:		none !important;
	} 
.header_fixed {
	position:	fixed;
	top:		0;
	left:		0;
	right:		0;
	z-index:	9999;
}
/* Header
---------------------------------------------*/

#header {
	background:		#fff;
	box-shadow: 	1px 1px 2px rgba(0,0,0,.2);
	
	z-index:		9999;
}
	#header .inner {
		width:			1000px;
		margin:			0 auto;
		padding:		0 0 6px;
		position:		relative;
	}
		#header .logo {
			float:		left;
			width:		452px;
			padding:	8px 0 0;
		}
			#header h1 {
				padding:		0 0 8px;
				
				font-size:		12px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#777;
			}
			#header .logo .image {
			}
		#header .search {
			float:		left;
			width:		330px;
			margin:		15px 0 0;
			
			border:		1px solid #909090;
			background:		#fff;
			position:	relative;
		}
			#header .search form {
				position:	relative;
			}
			#header .search input[type="text"] {
				width:		100%;
				padding:	16px 45px 16px 10px;
				box-sizing: border-box;
					
				border:		none !important;
				background:		none !important;
				
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.3em;
				/*color:			#777; */
			}
			#header .search .submit {
				position:	absolute;
				top:		0;
				right:		0;
				bottom:		0;
				
				width:		45px;
				height:		auto;
				
				text-align:	center;
			}
				#header .search .submit .material-icons {
					font-size: 		30px;
					color:			#FCB670;
					
					line-height:	50px;
				}
				#header .search .submit input[type="submit"] {
					position:	absolute;
					left:		0;
					right:		0;
					top:		0;
					bottom:		0;
					
					display:	block;
					width:		45px;
					height:		auto;
					opacity:	0;
					z-index:	2;
					
					cursor:		pointer;
				}
		#header .menulist {
			float:		right;
		}
			#header .menulist a {
				height:		71px;
				
				display:	block;
				border:			1px solid #909090;
				text-align:		center;
				
				font-size:		13px;
				font-weight:	normal;
				line-height:	1.3em;
				
				text-decoration:	none;
				position:		relative;
			}
			#header .menulist a span {
				display:	block;
			}
			#header .menulist a .text {
				padding:		46px 0 0;
			}
			#header .lately {
				float:		left;
				width:		113px;
			}
				#header .lately a {
					background:		#FBFEDF;
					color:			#909090;
				}
				#header .lately a .material-icons {
					position:	absolute;
					left:		0;
					right:		0;
					top:		23px;
					
					margin:			-24px 0 0;
					font-size: 		48px;
				}

			#header .menu {
				float:		left;
				width:		85px;
			}
				#header .menu a {
					background:		#909090;
					color:			#fff;
				}
				#header .menu a:before {
					position:	absolute;
					left:		0;
					right:		0;
					top:		12px;
					margin:		0 auto;
					
					display:	block;
					width:		30px;
					height:		13px;
					overflow:	hidden;
					content:	'';
					
					border-top:	5px solid #fff;
					border-bottom:	5px solid #fff;
				}
				#header .menu a:after {
					position:	absolute;
					left:		0;
					right:		0;
					top:		21px;
					margin:		0 auto;
					
					display:	block;
					width:		30px;
					height:		1px;
					overflow:	hidden;
					content:	'';
					
					border-top:	5px solid #fff;
				}
#header.fixed {
    background-color: rgba(255,255,255,.9) !important;
}
/*
	#header.fixed h1 {
		display:	none !important;
	}
	#header.fixed .search input[type="text"] {
		padding-top:	9px;
		padding-bottom:		8px;
	}
		#header.fixed .search .submit .material-icons {
			line-height:	35px;
		}
				
	#header.fixed .menulist a {
		height:		55px;
	}
	#header.fixed .lately a .text {
		display:	none;
	}
	#header.fixed .menu a .text {
		display:	none;
	}
*/
	
/* Main Image
---------------------------------------------*/

#main_image {
}
.page_image {
	overflow:	hidden;
}


/* Main Contents
---------------------------------------------*/

#main {
}
	#main .sidebar {
		float:		left;
		width:		240px;
	}
	#main .page_contents {
		float:		right;
		width:		720px;
	}
	#main .entry {
		max-width:		1000px;
		margin:		0 auto;
	}
	.page_title {
		background:		#DF1217;
		padding:		7px 0 5px;
		margin:			0 0 ;
		
		font-size:		18px;
		font-weight:	bold;
		line-height:	1.5em;
		color:			#fff;
	}
		.page_title .in {
			margin:		0 auto;
			width:		1000px;
		}
	h2 {
		font-size:		18px;
		font-weight:	bold;
		line-height:	1.5em;
		color:			#888;
		
		padding:		0 0 8px 25px; 
		margin:			8px 0 1px; 
		text-align:		left;
		
		position:		relative;
		clear:			both;
	}	
		h2:before ,
		h2:after {
			position:		absolute;
			top:			5px;
			
			display:		block;
			width:			7px;
			height:			1px;
			overflow:		hidden;
			content:		'';
			
			border-top:		7px solid #DF1217;
			border-bottom:		7px solid #DF1217;
		}
		h2:before {
			left:			3px;
		}
		h2:after {
			left:			11px;
		}

		h2 a,
		h2 a:link,
		h2 a:visited,
		h2 a:hover,
		h2 a:active {
			color:			inherit;
		}
/*	h3 {
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#000;
		
		padding:		9px 10px 7px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
		h3 a,
		h3 a:link,
		h3 a:visited,
		h3 a:hover,
		h3 a:active {
			color:			inherit;
		}
	h4 {
		border-bottom:	10px solid #00A0AF;
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#000;
		
		padding:		8px 10px 7px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
	h5 {
		font-size:		19px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#000;
		
		padding:		11px 10px 8px 43px;
		margin:			0 0 18px 10px;
		background:		url(images/h5_icon.png) left 8px no-repeat;
		
		position:		relative;
		clear:			both;
	} */
/*		h5:before {
			position:	absolute;
			left:		14px;
			top:		6px;
			bottom:		6px;
			
			display:	block;
			width:		1px;
			height:		auto;
			overflow:	hidden;
			content:	'';
			
			border-left:	6px solid #006600;
		} */
/*	h6 {
		background:		#FFF9E7;
		
		font-size:		16px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#000;
		
		padding:		9px 10px 8px 10px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	} */
		h2 a,
		h3 a,
		h4 a,
		h5 a,
		h6 a {
		  color: inherit !important;
		}
	p ,
	table.mainstyle,
	ol,
	ul {
		margin: 			15px 0 20px;
	}
/*	#tinymce ul ,
	#tinymce ol {
		margin: 			15px 20px 20px 30px;
		font-size:			16px;
		line-height:		1.3em;		
		color:				#525252;
	}
		#tinymce ul ,
		#tinymce ul li {
			list-style:		disc;
		}
		#tinymce ol,
		#tinymce ol li {
			list-style:		decimal;
		} */

		
.sidebar {
}
	.sidebar h2 {
		margin-top:		0 !important;
	}
	.sidebar .box {
		padding-left:	12px;
		padding-right:	12px;
	}
	.sidebar dl {
	}
		.sidebar dl dt {
			font-weight:	bold;
			text-decoration:	underline;
		}
		.sidebar dl dd {
			margin:		0 0 12px;
		}

/* Top Page
---------------------------------------------*/

.fixed_table {
	table-layout:	fixed;
}

.user_detail {
}
	.user_detail .maintable {
		table-layout:		fixed;
	}
		.user_detail .maintable th {
			width:			100px;
			border-left:	1px solid #ccc;
			/* text-align:		center; */
		}
		.user_detail .maintable th.no {
			width:			40px;
			text-align:		center;
			vertical-align:		middle;
			
			border-right:		1px solid #ccc;
		}
	.user_detail .submit {
	}
		.user_detail .submit .btn {
			margin:		18px auto 0;
		}
.user_detail_form .user_detail {
}
	.user_detail_form .user_detail .maintable {
	}
		.user_detail_form .user_detail .maintable th {
			width:			216px;
		}
	.user_detail_form .user_detail .maintable.exp {
	}
		.user_detail_form .user_detail .maintable.exp th {
			width:			140px !important;
		}
		.user_detail_form .user_detail .maintable.exp th.no {
			width:			40px !important;
		}
.search_form {
/*	width:		800px; */
}
	.search_form h2 {
		margin-bottom:		0;
	}
	.search_form .maintable th {
		width:		100px;
	}
	.search_form .maintable td {
	}
	.search_form .maintable ul {
	}
	.search_form .maintable li {
	}
/*	.search_form .maintable li {
		float:		left;
		width:		25%;
		
		box-sizing:	border-box;
		padding:	0 1em 3px 0;
	} */
	.search_form .maintable .term_form {
	}
		/* .search_form .maintable .term_form ul ul {
			margin:		0 0 0 8px;
		} */
		.search_form .maintable .term_form > ul {
			display:	block;
		}
		.search_form .maintable .term_form ul {
			display:	inline;
		}
		.search_form .maintable .term_form li {
			display:	inline;
		}
/*
		.search_form .maintable .term_form > ul > li {
			padding:	7px;
			border:		1px solid #eee;
		}
		.search_form .maintable .term_form > ul > li > label {
			border:		none;
			display:	block;
		}
			.search_form .maintable .term_form > ul > li > ul > li {
				padding:	7px;
				border:		1px solid #eee;
			}
			.search_form .maintable .term_form > ul > li > ul > li > label {
				border-left:	none;
				border-right:	none;
				border-top:	none;
				border-bottom:	none;
				
				display:	block;
			}
				.search_form .maintable .term_form > ul > li > ul > li ul {
					padding:	7px;
					border:		1px solid #eee;
				}
*/
	.search_form .maintable dl {
	}
	.search_form .maintable dt {
		background:		#ededed;
		border-radius:	5px;
		margin:			10px 0 8px;
		
		font-weight:	bold;
	}
		.search_form .maintable dl:first-child dt { margin-top: 0 !important;  }
/*	.search_form .maintable label {
		display:	block;
		padding:	0 8px;
	}
		.search_form .maintable dt label {
			padding:	4px 8px;
		}
	.search_form .maintable input[type="checkbox"] {
		margin:		0 5px 0 0 ;
		vertical-align:		-2px;
	} */
	.search_form .submit {
	}
		.search_form .submit .btn {
			margin:		18px auto 0;
		}
.user_list {
}
	.user_list > ul {
		margin:		0 -15px;
	}
	.user_list > ul > li {
		float:		left;
		width:		33.333%;
	}
	.user_list > ul > li:nth-child(3n+1) {
		clear:		both;
	}
	.user_list > ul > li > a {
		display:	block;
		margin:		0 15px 15px;
		/*
		padding:	15px;
		
		border:		1px solid #999;
		background:		#fffff0;
		*/
		color:			#888;
		
		text-decoration:	none;
	}
		.user_list > ul > li > a .name {
			font-size:		16px;
			font-weight:	bold;
			line-height:	1.3em;
			color:			#999;
		}
		.user_list > ul > li > a .name .material-icons {
			font-size:		23px;
			margin-right:	6px;
			color:			#DF1217;
		}
		.user_list > ul > li > a .search_data {
			padding:		8px 0 5px;
		}
			.user_list > ul > li > a .search_data .material-icons {
				font-size:		20px;
				margin-right:	6px;
				color:			#DF1217;
			}
		.user_list > ul > li > a .search_tags {
		}
		.user_list > ul > li > a .search_tags ul {
			margin:		0 -3px;
		}
		.user_list > ul > li > a .search_tags li {
			float:		left;
			display:	block;
			margin:		0 3px 3px;
			padding:	2px 4px;
			
			background:		#DF1217;
			
			font-size:		13px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#fff;
		}
		.user_list > ul > li > a .last_approach {
			padding:		6px 0 0;
			
			font-size:		14px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#999;
			
			text-align:		right;
		}
	.user_list > ul > li > a:hover {
/*		background:		#fff; */
	}
		.user_list > ul > li > a:hover h3 {
			text-decoration:	underline;
		}

	.page_contents .user_list {
	}
		.page_contents .user_list > ul > li {
			float:		none !important;
			width:		auto !important;
		}
		
.mail_inbox {
}
	.mail_inbox .box {
	}
	.mail_inbox .box > ul {
	}
	.mail_inbox .box > ul > li {
		border-top:		1px solid #ccc;
		color:			#444;
	}
	.mail_inbox .box > ul > li:first-child {
		border-top:		none !important;
	}
		.mail_inbox .box > ul > li .anchor {
			margin:		-120px 0 0;
			padding:		120px 0 0;
		}
		.mail_inbox .box > ul > li .inner {
			padding:	15px 12px;
		}
		.mail_inbox .box > ul > li .date {
			float:			right; 
		}
		.mail_inbox .box > ul > li .from {
			font-weight:	bold;
		}
		.mail_inbox .box > ul > li .subject {
			padding:		0 0 8px;
			
			font-size:		110%;
			font-weight:	bold;
			line-height:	1.1em;
			color:			#000;
		}
		.mail_inbox .box > ul > li .body {
		}
	.mail_inbox .box > ul > li.hide {
		display:	none;
	}
	.mail_inbox .box > ul > li.short {
		background:		#eee;
	}
		.mail_inbox .box > ul > li.short .from {
		}
		.mail_inbox .box > ul > li.short .inner {
			padding:	5px 12px;
		}
		.mail_inbox .box > ul > li.short .in {
		}
		.mail_inbox .box > ul > li.short .subject {
			height:			1.3em;
			line-height:	1.4em;
			overflow:		hidden;
			text-overflow:	ellipsis;
			
			white-space: nowrap; 
		}
		.mail_inbox .box > ul > li.short .body {
			margin:			0 200px 0 0;
			height:			1.3em;
			line-height:	1.4em;
			overflow:		hidden;
			text-overflow:	ellipsis;
			
			white-space: nowrap; 
		}
			.mail_inbox .box > ul > li.short .body br {
				display:		none;
			}
.mail_list {
}
	.mail_list .box {
		margin-bottom:		15px;
	}
	.mail_list .box > ul {
		border:		1px solid #ccc;
		margin:		0 0 15px;
	}
	.mail_list .box > ul > li {
		border-top:		1px solid #ccc;
	}
		.mail_list .box > ul > li:first-child  { border-top: none; }
	.mail_list .box > ul > li a  {
		display:	block;
		padding:	10px;
		
		color:		#888;
		text-decoration:	none;
	}
		.mail_list .box > ul > li a .subject {
			color:			#DF1217;
			font-weight:	bold;
		}
		.mail_list .box > ul > li a .excerpt {
			/* color:			#ccc; */
		}
		.mail_list .box > ul > li a .date {
			float:			right; 
		}
	.mail_list .box > ul > li a:hover {
	}
		.mail_list .box > ul > li a:hover .subject {
			text-decoration:	underline;
		}
.mail_form {
}
	.mail_form .maintable {
	}
		.mail_form .maintable th {
		}
		.mail_form .maintable input[type="text"] {
			width:		600px;
		}
		.mail_form .maintable textarea {
			width:		600px;
			height:		400px;
		}
	.mail_form .submit {
		margin:		20px auto 0;
	}

.loginform {
	padding:		100px 0 30px;
	margin:			0 auto;
	width:			730px;
	
	font-size:		14px;
	font-weight:	normal;
	line-height:	1.3em;
	color:			#888;
}
	.loginform h2 {
	}
	.loginform form {
	}
	.loginform .box {
		padding:		60px 0 40px;
	}
	.loginform .error {
		margin:		0 auto 10px;
		width:		410px;
		
		color:		#f00;
	}
	.loginform table {
		margin:		0 auto;
		width:		410px;
		table-layout:		fixed;
	}
		.loginform table th {
			width:				120px;
			font-weight:		normal;
			
			text-align:			left;
			vertical-align:		middle;
		}
		.loginform table td {
			text-align:			left;
			vertical-align:		middle;
			
			padding:		5px 0;
		}
		.loginform table td input[type="text"],
		.loginform table td input[type="password"] {
			width:		275px;
		}
	.loginform .submit {
		margin:		44px auto 0;
	}

/* .page_nav {
}
	.page_nav p {
		margin:		0 !important;
	}
	.page_nav ul {
		margin:		0 -10px;
	}
	.page_nav li {
		float:		left;
		width:		300px;
		margin:		0 10px 45px;
		
		font-size:		13px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#444;
	}
		.page_nav li:nth-child(3n+1) {
			clear:		both;
		}
		.page_nav li .title {
			padding:		0 0 5px;
			
			font-size:		24px;
			font-weight:	bold;
			line-height:	1.3em;
		}
		.page_nav li .image {	
			float:		left;
		}
		.page_nav li .in {	
			margin:		0 0 0 118px;
		}
			.page_nav li .text {	
				padding:	0 0 18px;
			}
			.page_nav li .more {	
			}
				.page_nav li .more a  {	
					
				} */
/* サイドバー
---------------------------------------------*/
#sidebar {
}

.side_content {
	border:		7px solid #D8F8FF;
	background:		#D8F8FF;
}
.side_title {
	text-align:		center;
}

.dcjq-accordion {
	padding:		2px 9px;
	margin:			7px 0 0;
	
	background:		#fff;
	border:			1px solid #DFDFD0;
}
#menu-sidemenu {
}
	#menu-sidemenu a {
		display:			block;
		
		font-size:		14px;
		font-weight:	normal;
		line-height:	1.3em;	
		color:			#333;
		
		text-decoration:	none;
	}
	#menu-sidemenu > li {
		border-top:		1px dashed #9B9B8C;
	}
		#menu-sidemenu > li:first-child {
			border-top:		none !important;
		}
	#menu-sidemenu > li > a {
		padding:		10px 5px 10px 25px;
		background:		url(images/side_menu_icon01.png) 7px 14px no-repeat;
		color:			#333;		
		
		position:		relative;
	}
	/* 2階層目以降 */
	#menu-sidemenu > li > ul  {
		padding:		5px 8px 5px 10px;
		
		background-color:	#EBF4F5;
		border-top:			1px dashed #9B9B8C;
		position:			relative;
	}
	#menu-sidemenu > li ul li a {
		display:			block;
		padding:			5px 5px 5px 14px;
		
		font-size:		14px;
		font-weight:	normal;
		line-height:	1.3em;	
		color:			#333;
		
		position:	relative;
	}
		#menu-sidemenu > li ul li a:before {
			position:	absolute;
			left:		0;
			top:		5px;
			
			content:	'-';
		}
	#menu-sidemenu > li > ul ul {
		margin-left:		20px;
	}
	
	/* リンクすべて */
	#menu-sidemenu > li a:hover {
	}
	#menu-sidemenu > li > a:hover {
		text-decoration:	none;
		background-color:	#EAFBFF;
		/* background-image:	url(./images/side_menu_icon01_on.png); */
	}
		#menu-sidemenu > li ul li a:hover {
			text-decoration:	underline;
/*			background-image:		url(./images/side_menu_icon02_on.png); */
		}

.side_access {
}
	.side_access .office_logo {
		padding:		10px 0 12px;
		text-align:		center;
	}
	.side_access ul {
		margin:		-12px 0 0;
	}
	.side_access li {
		margin:			12px 0 0;
		
		background:		#fff;
		border:			1px solid #DFDFD0;
		
		text-align:		center;
		
		font-size:	15px;
		font-weight:	normal;
		line-height:	1.2em;
		color:			#333;
	}
		.side_access li .name {
			font-weight:	bold;
			padding:		10px 0 9px;
		}
			.side_access li .name.name_s {
				font-size:	14px;
				line-height:	1.2em;
			}
		.side_access li .map {
			height:		170px;
		}
		.side_access li .text {
			padding:		12px 0 13px;
		}

#searchform {
}
	#searchform label {
		display:		none !important;
	}
	#searchform > div {
		display:		block;
		position:		relative;
		
		width:			250px;
		height:			47px;
		margin:			15px 0;
		
		background:		#eee;
	}
	#searchform > div input[type="text"] {
		position:		absolute;
		left:			12px;
		top:			8px;
		
		width:			170px;
		height:			28px;
		
		border:			1px solid #ccc !important;
		background:		#fff !important;
	}
		#searchform > div input[type="text"]:focus {
			outline:		none !important;
		}
	#searchform > div input[type="submit"] {
		position:		absolute;
		right:			12px;
		top:			8px;
		
		width:			50px;
		height:			30px;
		text-align:		center;
		
		font-size:		13px;
		font-weight:	bold;
		line-height:	28px;
		color:			#575747;
		
		border:			1px solid #ccc !important;
		background:		#ddd !important;
		
		cursor:			pointer;
	}
		#searchform > div input[type="submit"]:hover {
			opacity:	0.7;
		}

/* Footer
---------------------------------------------*/

#footer {
	margin:			50px auto 0;
	padding:		5px 0 0;
	position:		relative;
	
	background:		#fff;
}
	#footer .inner {
		width:			1000px;
		margin:			0 auto;
		padding:		38px 0 20px;
		position:		relative;
	}
	#footer .logo {
		float:		left;
		width:		452px;
		padding:	8px 0 0;
	}
		#footer .logo .text {
			padding:		0 0 5px;
			
			font-size:		12px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#777;
		}
		#footer .logo .image {
		}
	#footer .sns {
		float:		right;
	}
		#footer .sns ul {
			margin:		0 -5px;
		}
		#footer .sns ul li {
			float:		left;
			margin:		0 5px;
		}
	
	#footer .links {
		background:		#000;
		padding:		13px 0;
	}
		#footer .links .in {
			width:			1000px;
			margin:			0 auto;
			position:		relative;
		}
		#footer .links .copyright {
			float:		right;
			
			font-size:		13px;
			font-weight:	normal;
			line-height:	1.1em;
			color:			#fff;
		}
		#footer .links .nav {
			font-size:		11px;
			font-weight:	normal;
			line-height:	1.3em;
			color:			#fff;
		}
			#footer .links .nav ul {
				float:		left;
			}
			#footer .links .nav ul li {
				float:		left;
			}
			#footer .links .nav ul li:after {
				content:	'/';
				margin:		0 4px;
			}
			#footer .links .nav ul li:last-child:after {
				display:	none !important;
			}
			#footer .links .nav ul li a {
				font-size:		11px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#fff;
				
				text-decoration:	none;
			}
			#footer .links .nav ul li a:hover {
				text-decoration:	underline;
			}
.arrow2top {
	position:		fixed;
	right:			30px;
	bottom:			30px;
	
	z-index:		100;
}
	.arrow2top a {
		display:	block;
		background-color:rgba(155,155,155,0.9);
	}

/* 下層ページ
---------------------------------------------*/

/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	width:			1000px;
	padding:		8px 0 0;
	margin:			0 auto 20px;
	
	font-size:		13px;
	font-weight:	normal;
	line-height:	1.3em;
	color:			#444;
	
	text-align:		right;
}

.breadcrumb a {
}


/* リスト
---------------------------------------------*/


.baselist {
	margin: 15px;
}
.baselist ul {
	margin:		0 !important;
}
.baselist li {
	list-style:			none !important;
	margin:				0 0 8px;
}
.baselist li a {
	display:			block;
	font-size: 			15px;
	margin-bottom: 		8px;
	padding: 			7px 5px 7px 35px;
	border-bottom: 		1px dotted #666;
}

.baselist li a {
	color: 				#666;
	text-decoration: 	none;
	font-weight:		normal;
}
.baselist li a:hover {
	color: 				#444;
	text-decoration: 	underline;
	font-weight:		normal;
}
.baselist > ul > li {
	background: 		url(images/side_menu_icon01.png) 5px 12px no-repeat; 
}
.baselist > ul > li ul {
	margin-left:		25px !important;
}
.baselist > ul > li ul li {
	background:			url(./images/side_menu_icon02.png) 5px 14px no-repeat;
}





/* PADDING & MARGIN SETUP
---------------------------------------------*/

/* MARGIN */

.mt5 {margin-top: 5px !important;}
.mt8 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}

.mb00 {margin-bottom: 0px !important;}
.mb01 {margin-bottom: 1px !important;}
.mb02 {margin-bottom: 2px !important;}
.mb03 {margin-bottom: 3px !important;}
.mb04 {margin-bottom: 4px !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb100 {margin-bottom: 100px !important;}

.mr10 {margin-right: 10px !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr50 {margin-right: 50px !important;}

.ml10 {margin-left: 10px !important;}
.ml20 {margin-left: 20px !important;}
.ml30 {margin-left: 30px !important;}
.ml40 {margin-left: 40px !important;}
.ml50 {margin-left: 50px !important;}

/* PADDING */

.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

.pr10 {padding-right: 10px !important;}
.pr20 {padding-right: 20px !important;}
.pr30 {padding-right: 30px !important;}
.pr40 {padding-right: 40px !important;}
.pr50 {padding-right: 50px !important;}

.pl10 {padding-left: 10px !important;}
.pl20 {padding-left: 20px !important;}
.pl30 {padding-left: 30px !important;}
.pl40 {padding-left: 40px !important;}
.pl50 {padding-left: 50px !important;}

/* FLOAT */

.fleft {float: left;}
.fright {float: right;}



/* WP STYLE
---------------------------------------------*/

img.centered , 
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: block;
	float: right;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: block;
	float: left;
}

.alignright {float: right;}
.alignleft {float: left;}


/* CLEARFIX
---------------------------------------------*/

.cl:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */