@charset "utf-8";
/*
Theme Name: NYKオフィス社会保険労務士法人
Theme URI:  
Description: NYKオフィス社会保険労務士法人
Version: 1.0
Author: casley

*/

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


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

body,div,
dl,dt,dd,ul,ol,li,
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;
	color: 				#202020;
	
	background:			#fff;
}

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

a, a:link, a:visited {
	color: 				#BF7900;
	text-decoration: 	none;
}

a:hover {
	color: 				#BF7900;
	font-weight: 		bold;
	text-decoration: 	underline;
}

strong {
	font-weight: 		bold;
}

p {
/*	padding: 			15px 20px 8px 20px; */
/*	padding: 			15px 0 8px;  */
	padding:			0;
	line-height: 		1.4em;
}

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

/* テーブル対応
---------------------------------------------*/
table {
font-size:inherit;
font:100%;
}

table.mainstyle{
width: 96%;
border: 1px #b9b9b9 solid;
border-collapse: collapse;
border-spacing: 0;
margin:15px 20px 8px 20px;
}

table.mainstyle th{
width:15%;
font-weight: bold;
padding:10px;
border: 1px #b9b9b9 solid;
border-width: 0 0 1px 1px;
background:#FFFFCC;
}

table.mainstyle td{
padding:10px;
border: 1px #b9b9b9 solid;
border-width: 0 0 1px 1px;
background:#fff;
}

/* Layout
---------------------------------------------*/
#viewport {
	width:				100%;
	overflow-x:			hidden;
	
	background:			url(images/body_bg.png) center top no-repeat;
}
body {
	overflow-x:			hidden;
}
#contents {
	width:			980px; 
	margin:			0 auto 0;
	padding:		26px 0 0;
}
	#sidebar {
		width:			250px;
		float:			left;
	}
	#main {
		width:			700px;
		float:			right;
	}
	#footer {
		clear:			both;
	}
#contents.wide {
}
	body.home #contents.wide {
		width:			auto !important;
	}
	#contents.wide #main {
		width:		auto;
		float:		none !important;
	}

/* Header
---------------------------------------------*/
/**
.logo .image と .tel はデザインデータと同じ位置にこないとずれる
*/
#header {
	padding:		0 0 6px;
}
	#header .inner {
		width:			980px;
		min-height:		112px;
		
		margin:		0 auto 0;
		position:		relative;
	}
		#header .logo {
			float:		left;
			width:		426px;
		}
			#header h1 {
				font-size:		13px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#666;
				
				padding:		8px 0 0 90px;
				height:			13px;
			}
			#header .logo .image {
			}
		#header .links {
			float:			right;
			width:			554px;
			padding:		8px 0;
		}	
			#header .links li {
				float:		right;
				padding:	0 0 0 12px;
			}
				#header .links li a {
					display:		block;
					background:		url(images/header_link_icon.png) left center no-repeat;
					padding:		0 0 0 12px;
					
					font-size:		12px;
					font-weight:	normal;
					line-height:	1.3em;
					color:			#545454;
				}
					#header .links li a:hover {
						background-image:		url(images/header_link_icon_on.png);
					}
		#header .tel {
			float:		right;
			width:		246px;
		}
		#header .access {
			float:		right;
			margin:		5px 20px 0 0 ;
		}
#header_nav {
	background:			url(images/header_nav_bg.jpg) left top repeat-x;
	height:				58px;
}
	#header_nav > ul {
		width:				981px;
		margin:				0 auto;
	}
		#header_nav > ul > li {
			float:			left;
			display:		block;
			height:			58px:
		}
			#header_nav > ul > li > a {
				display:		block;
			}
	#header_nav .submenu {
		position:		relative;
		z-index:		5;
	
		text-align:			left;
	}
		#header_nav .submenu ul {
			position:		absolute;
			right:			0;
			top:			0;
			z-index:		5;
			
			display:		block;
			border:			2px solid #2053A0;
			background:		#fff;
			
			width:			234px;
		}
			#header_nav .submenu ul li {
				border-top:		2px solid #2053A0;
			}
				#header_nav .submenu ul li:first-child {
					border-top:		0 !important;
				}
				#header_nav .submenu ul li a {
					display:		block;
					padding:		12px 20px 12px 35px;
					
					font-size:		13px;
					font-weight:	normal;
					line-height:	1.3em;
					color:			#444;
					text-decoration:	none;
					text-shadow:	1px 1px 0 #fff;
					
					background:		#fff url(images/header_menu_icon.png) 18px 16px no-repeat;
				}
				#header_nav .submenu ul li a:hover {
					background-color:		#CEE9F8;
				}

/* Main Image
---------------------------------------------*/


#main_image {
	margin:		0 auto;
	padding:	12px 0;
	max-width:	100%; 
	overflow:	hidden;
}	
	#main_image .inner {
		width:		1000px;
		height:		388px;
		margin:		0 auto;
		
		position:	relative;
	}
		#main_image .inner .list {
		}
			#main_image .inner .list > ul {
				position:	absolute;
				left:		0;
			}
			#main_image .inner .list > ul li {
				position:	absolute;
				width:		1000px;
			}
		
		
		#main_image .inner .prev {
			position:	absolute;
			left:		-23px;
			top:		172px;
			z-index:	5;
		}
		#main_image .inner .next {
			position:	absolute;
			right:		-23px;
			top:		172px;
			z-index:	5;
		}

.page_image {
	text-align:		center;
}

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

#main {
}
	h2 {
		background:		#236BB3 url(images/h2_bg.jpg) left top repeat-x;
		background-size:		contain;
		border:			1px solid #0757A9; 
		box-shadow:		inset 0px 0px 0px rgba(49,132,180,0.91);
		
		
		/*
		-webkit-border-image: 	url(images/h2_bg02.png) 2 2 2 2 stretch;
		-moz-border-image: 		url(images/h2_bg02.png) 2 2 2 2 stretch;
		-o-border-image: 		url(images/h2_bg02.png) 2 2 2 2 stretch;
		border-image: 			url(images/h2_bg02.png) 2 2 2 2 fill stretch;
		border-image-width: 	2px;
		*/
		font-size:		22px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#fff;
		
		padding:		12px 20px 10px 20px;
		margin:			0 0 18px; 
		
		position:		relative;
		clear:			both;
	}
		h2:before {
			position:		absolute;
			left:			6px;
			top:			6px;	
			
			display:		block;
			width:			7px;
			height:			36px;
			overflow:		hidden;
			content:		'';
			
			background:		url(images/h2_icon.gif) left top no-repeat;
		}
	h3 {
		border-bottom:			4px solid #004C90;
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#004C90;
		
		padding:		8px 16px 5px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
	h4 {
		background:		#FFDFBF;
		
		font-size:		16px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#212121;
		
		padding:		10px 20px 8px 20px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	}
	h5 {
		background:		#fff;
		border:			2px solid #438BC6;
		border-left:	6px solid #3782C2;
		
		font-size:		15px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#026FBA;
		
		padding:		7px 20px 7px 14px;
		margin:			0 0 18px;
		
		position:		relative;
		clear:			both;
	} 
	h6 {
		background:		#FEFFE5;
		border:			1px solid #BDBDAE;
		
		font-size:		15px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#1f1f1f;
		
		padding:		9px 10px 8px 10px;
		margin:			0 10px 18px;
		
		position:		relative;
		clear:			both;
	}
		h2 a,
		h3 a,
		h4 a,
		h5 a,
		h6 a {
		  color: inherit !important;
		}
	p {
		margin: 			15px 10px 20px 10px;
		font-size:			15px;
		line-height:		1.4em;		
	}
/*	#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;
		} */
/* Top Page
---------------------------------------------*/

/* トップページレイアウト用 */
.top_contents {
	width:		980px;
	margin:		0 auto;
}
.top_footer {
	padding:	20px 0 25px;
	background:		#F0F0E1;
	border-top:		1px solid #ccc;
	border-bottom:		1px solid #ccc;
}


.service {
	margin:		0 0 40px;
}
	.service h2 {	
		background:		none !important;
		border:			none !important;
		padding:		0 !important;
		margin:			0 !important;
	}
		.service h2:before {	
			display:		none !important;
		}
	.service ul {	
		margin:		0 0 0 -13px;
	}
	.service li {	
		float:		left;
		margin:		13px 0 0 13px;
		
		width:		318px;
		height:		200px;
		position:	relative;
	}
		.service li a {	
			display:		block;
			
			/* font-size:		14px; */
			font-weight:	normal;
			/* line-height:	1.3em; */
			color:			#fff;	
			
			text-decoration:	none;
		}
		.service li .image {	
			position:	relative;
			z-index:	1;
		}
		.service li .text {	
			position:		absolute;
			left:			0;
			bottom:			0;
			z-index:	2;
		
			background:		url(images/service_text_bg.png) center center repeat;
			/* background:		rgba(67,139,198,0.7); */
			
			display:		block;
			width:			318px;
			max-height:			200px;
		}
			.service li .text h3 {	
				background:		none !important;
				border:			none !important;
				padding:		0 0 0 22px !important;
				margin:			0 !important;
				
				height:		50px;
				
				font-size:	20px;
				font-weight:	bold;
				line-height:	50px;
				color:			#fff;
			}
				.service li .text h3 a {	
					font-weight:	bold;
				}
			.service li .text p {	
				margin:		0 !important;
				padding:	0 !important;
			}
			.service li .text .inner {	
				display:	none;
			
				margin:		0 22px;
				padding:	10px 0;
				
				height:		129px;
				border-top:	1px dotted #fff;
				
				font-size:		14px;
				font-weight:	normal;
				line-height:	1.3em;
				color:			#fff;	
			}
				.service li .text .more {	
					margin:		12px 0 0;
				}

.banner02 {
}
	.banner02 a {
		display:	block;
		width:		980px;
		height:		240px;
		background:		url(images/banner02_bg.jpg) left top no-repeat;
		
		font-size:		20px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#444;
		text-decoration:		none;
		
		position:	relative;
	}
		.banner02 a .date {
			position:	absolute;
			left:		180px;
			top:		139px;
			
			display:	block;
			
			font-size:		24px;
			line-height:	1.3em;
		}
		.banner02 a .time {
			position:	absolute;
			left:		180px;
			top:		193px;
			
			display:	block;
		}


.promise {
	width:		980px;
	height:		630px;
	background:		url(images/promise_image.jpg) left top no-repeat;
	
	position:	relative;
}
	.promise .inner {
		position:		absolute;
		right:			22px;
		top:			46px;
		
		width:		476px;
		/* height:		514px; */
		padding:	16px 0 16px 16px;
		
		background:		url(images/promise_inner_bg.png) center center repeat;
		border-radius:	10px;
	}
	.promise h2 {
		background:		none !important;
		border:			none !important;
		padding:		0 16px 10px 0 !important;
		margin:			0 !important;
		
		text-align:		center;
	}
		.promise h2:before {
			display:	none !important;
		}
	.promise h3 {
		background:		url(images/promise_subtitle_bg.png) center center repeat !important;
		border:			none !important;
		padding:		0 !important;
		margin:			8px 0 !important;
		
		width:		160px;
		height:		24px;
		border-radius:		12px;
		
		font-size:		16px;
		font-weight:	bold;
		line-height:	24px;
		color:			#fff;
		
		text-align:		center;
	}
	.promise p {
		margin-top:	0 !important;
		margin-bottom:	0 !important;
	}

.representative {
	background:		#fff url(images/representative.jpg) right top no-repeat;
	width:			686px; /* 980 */
	height:			360px;
	
	margin:			0 auto 30px;
	padding:		0 252px 0 42px;
}
	.representative h2 {
		margin:		0 0 18px !important;
		padding:	16px 0 8px 3px !important;
		background:			none !important;
		border-left:		none !important;
		border-right:		none !important;
		border-top:			none !important;
		border-bottom:		4px solid #004C90;
		box-shadow:			none !important;		
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:		#004C90;
	}
		.representative h2:before {
			display:		none !important;
		}
		.representative p {
			margin-top:		0 !important;
			margin-left:	6px !important;
			margin-right:	0 !important;
			margin-bottom:	16px !important;
			
			color:		#444;
		}
.latest_info {
	background:		#fff;
	width:			898px;
	
	margin:			0 auto;
	padding:		0 40px 0 42px;

}
	.latest_info h2 {
		margin:		0 !important;
		padding:	16px 0 8px 3px !important;
		background:			none !important;
		border-left:		none !important;
		border-right:		none !important;
		border-top:			none !important;
		border-bottom:		4px solid #004C90;
		box-shadow:			none !important;		
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:		#004C90;
	}
		.latest_info h2:before {
			display:		none !important;
		}
	.latest_info ul {
		display:		block;
	}
		.latest_info ul li {
			border-top:	1px solid #ddd;
			padding:		16px 14px;
		}	
			.latest_info ul li:first-child {
				border-top:		none !important;
			}
			.latest_info ul li .cat {
				float:		left;
				width:		108px;
				height:		24px;
				
				background:		url(images/info_cat_bg01.gif) center center repeat;
				
				font-size:		14px;
				font-weight:	normal;
				line-height:	24px;
				color:			#444;
				text-align:		center;
			}
				.latest_info ul li .cat01 { background-image: url(images/info_cat_bg01.gif); }
				.latest_info ul li .cat02 { background-image: url(images/info_cat_bg02.gif); }
				.latest_info ul li .cat03 { background-image: url(images/info_cat_bg03.gif); }
				.latest_info ul li .cat04 { background-image: url(images/info_cat_bg04.gif); }
			.latest_info ul li .dt {
				float:		left;
				width:		155px;
				height:		24px;
				
				font-size:		15px;
				font-weight:	normal;
				line-height:	24px;
				color:			#444;
				text-align:		center;
			}
			.latest_info ul li .text {
				margin:			0 0 0 270px;
			}
				.latest_info ul li .text a {
					font-size:		15px;
					font-weight:	normal;
					line-height:	1.3em;
					color:		#006DD9;
				}

.nav01 {
}
	.nav01 ul {
		margin:		0 -12px;
	}
		.nav01 ul li {
			float:		left;
			margin:		0 0 0 12px;
		}

/* サイドバー
---------------------------------------------*/
#sidebar {
}
.side_banner01 {
	margin:		-12px 0 0;
}



.dcjq-accordion {
	margin-bottom:	10px;
}
#menu-sidemenu {
}
	#menu-sidemenu a {
		display:			block;
		
		font-size:		15px;
		font-weight:	normal;
		line-height:	1.3em;	
		color:			#333;
		
		text-decoration:	none;
	}
	#menu-sidemenu > li {
	}
		#menu-sidemenu > li:last-child {
		}
	#menu-sidemenu > li > a {
		border:			1px solid #DCDCDC;
		padding:		13px 33px 13px 15px;
		background:		url(images/side_menu_icon01.png) 223px center no-repeat;
		
		font-size:		16px;
		line-height:	1.3em;	
		
		position:		relative;
		z-index:		2;
		margin:			0 0 -1px;
	}
	/* 2階層目以降 */
	#menu-sidemenu > li > ul  {
		padding:		10px 33px 10px 13px;
		
		background-color:	#E8F5FD;
		position:			relative;
	}
	#menu-sidemenu > li ul li a {
		display:			block;
		padding:			9px 0 9px 14px;
		
		background:			url(./images/side_menu_icon01.png) left 13px no-repeat;
	}
	#menu-sidemenu > li > ul ul {
		margin-left:		20px;
	}
	
	/* リンクすべて */
	#menu-sidemenu > li a:hover {
		font-weight:		normal;
	}
	#menu-sidemenu > li > a:hover {
		text-decoration:	none;
		background-color:	#E8F5FD;
		background-image:	url(./images/side_menu_icon01_on.png);
	}
		#menu-sidemenu > li ul li a:hover {
			text-decoration:	underline;
		}

.side_title {
	display:		block;
	width:			205px;
	height:			60px;
	background:		url(images/side_title_bg.gif) left top no-repeat;
	
	padding:		0 0 0 45px;
	
	font-size:		18px;
	font-weight:	bold;
	line-height:	60px;
	color:			#fff;
}

.side_content {
	border-top:		none !important;
	border:			1px solid #DCDCDC;
	background:		#fff;
	
	padding:		13px 15px;
}
.side_office {
	font-size:		12px;
	font-weight:	normal;
	line-height:	1.3em;
	color:			#525252;
}	
	.side_office .title {
		margin:		0 -15px;
		text-align:		center;
	}
		.side_office .title:after {
			margin:		15px auto 0;
			
			display:	block;
			width:		220px;
			height:		2px;
			overflow:	hidden;
			content:	'';
			
			background:	#BDBDAE;
		}
	.side_office .address {
		padding:		12px 0;
	}
	.side_office .image {
		padding:	0 0 12px;
		text-align:		center;
	}
	.side_office .access {
		padding:	0 0 12px;
		text-align:		center;
	}
.side_map {
	padding:		0 !important;
}
	.side_map .map {
		margin:		13px auto 0;
		width:		222px;
		height:		222px;
		overflow:	hidden;
		text-align:		ceenter;
	}
	.side_map .address {
		padding:		12px 15px;
	}
#searchform {
}
	#searchform label {
		display:		none !important;
	}
	#searchform > div {
		display:		block;
		position:		relative;
		
		width:			250px;
		height:			26px;
	}
	#searchform > div input[type="text"] {
		position:		absolute;
		left:			0;
		top:			0;
		
		width:			218px;
		height:			26px;
		
		border:			1px solid #CECEBF !important;
		background:		#F0F0E1 !important;
	}
		#searchform > div input[type="text"]:focus {
			outline:		none !important;
		} 
	#searchform > div input[type="text"]::-webkit-input-placeholder {
		text-align:		center;
		color:			#878787;
	}
	#searchform > div input[type="text"]:-ms-input-placeholder {
		text-align:		center;
		color:			#878787;
	}
	#searchform > div input[type="text"]::-moz-placeholder {
		text-align:		center;
		color:			#878787;
	}


	#searchform > div input[type="submit"] {
		position:		absolute;
		right:			0;
		top:			0;
		
		width:			22px;
		height:			26px;
		overflow:		hidden;
		
		text-indent:	-100px;
		background:		url(images/side_search_btn.gif) center center no-repeat;
		border:			none !important;
		
		cursor:			pointer;
	}
		#searchform > div input[type="submit"]:hover {
			opacity:	0.7;
		}


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

#footer {
	font-size:		14px;
	font-weight:	normal;
	line-height:	1.3em;
	color:			#525252;
	
	border-top:		3px solid #DCDCDC;
	margin-top:		100px;
}
	body.home #footer {
		margin-top:		0 !important;
		border-top:		none !important;
	}
	#footer .inner {
		width:		980px;
		margin:		0 auto;
		padding:	16px 0 37px;
	}
		#footer .inner .logo {
			float:		left;
			width:		426px;
		}
			#footer .inner .logo .image {
				padding:		0 0 8px;
			}
			#footer .inner .logo .access {
				float:		left;
				margin:		0 0 0 6px;
			}
			#footer .inner .logo .address {
				margin:		6px 0 0 159px;
			}
		#footer .inner .srp {
			float:		left;
			width:		100px;
			margin:		22px 0 0 4px;
		}
		#footer .inner .privacy {
			float:		left;
			width:		100px;
			margin:		22px 0 0 4px;
		}
		#footer .inner .contact_btn {
			float:		left;
			width:		110px;
			margin:		18px 0 0 32px;
		}
		#footer .inner .access_btn {
			float:		left;
			width:		110px;
			margin:		18px 0 0 19px;
		}
	#footer .nav {
		padding:	20px 0 30px;
		margin:		0 auto;
		
		background:		#0757A9;
	}
		#footer .nav > ul {	
			width:			980px; 
			margin:			0 auto;
			
			background:		url(images/footer_nav_sep.gif) 123px top repeat-y;
			position:		relative;
		}
			#footer .nav > ul > li {	
				float:		left;
				display:	block;
				width:		193px;
				padding:	0 10px 0 45px;
			}
				#footer .nav > ul > li:first-child {	
					width:		123px;
					text-align:		center;
					padding:		0 !important;
				}
				#footer .nav > ul > li a {
					display:		block;
					padding:		0 0 7px;
					margin:			0 0 7px;
					
					font-size:		16px;
					font-weight:	bold;
					line-height:	1.3em;
					color:			#fff;
				}
					#footer .nav > ul > li a:hover {
						text-decoration:		underline;
					}
				#footer .nav > ul > li > ul ul {
					padding:		0 0 0 20px;
				}
					#footer .nav > ul > li > ul ul a {
						font-size:		14px;
						font-weight:	normal;
						line-height:	1.3em;
						
						position:		relative;
					}
						#footer .nav > ul > li > ul ul a:before {
							position:		absolute;
							top:			0;
							left:			-1.1em;
							content:		'- ';
						}
	#footer .copyright {
		padding:	8px 0 20px;
		margin:		0 auto;
		
		font-size:		13px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#666;
		
		text-indent:	34px;
		width:		980px;
	}


.arrow2top {
	position:	fixed;
	right:		30px;
	bottom:		30px;
}

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

/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	padding:		0;
	margin:			0 0 12px;
	font-size:		14px;
}

.breadcrumb a {
	color:		#BF7900;
}


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

.baselist {
}
	.baselist ul {
		margin:		0 0 0 -8px !important;
	}
	.baselist ul li {
		float:		left;
		width:		226px;
		margin:		0 0 8px 8px;
	}
		.baselist ul li a {
			display:		block;
			background:		#004C90;
			border:			1px solid #BDBDAE;
			
			padding:		12px 8px;
			
			font-size:		15px;
			font-weight:	bold;
			line-height:	1.3em;
			color:			#fff;
			text-decoration:	none;
			
			text-align:		center;
		}
/*
.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;}

.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: inline;}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}

.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 */






/* スタイル追加
---------------------------------------------*/
.mt0 {margin-top: 0px !important;}
.mb0 {margin-bottom: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mb5 {margin-bottom: 0px !important;}
.mr0 {margin-right: 0px !important;}
.ml0 {margin-left: 0px !important;}
.ml15 {margin-left: 15px !important;}
.mt-10 {margin-top: -10px !important;}
.mt-20 {margin-top: -20px !important;}
.mt-30 {margin-top: -30px !important;}
.mt-40 {margin-top: -40px !important;}
.mt-45 {margin-top: -45px !important;}
.mt-50 {margin-top: -50px !important;}
.mb-10 {margin-bottom: -10px !important;}
.mb-20 {margin-bottom: -10px !important;}
.mb-30 {margin-bottom: -10px !important;}
.mb-40 {margin-bottom: -10px !important;}
.mb-50 {margin-bottom: -10px !important;}
.ptable p{margin: 0;}
.p_zero{margin: 0;}

#main.onecolumn {
	width:980px;
	float:none;
}

table.mainstyle {
    margin: 15px 10px 20px 10px;
}

table.mainstyle {
    margin: 15px 10px 20px 10px;
}
table.mainstyle td.border_none_lr {
	border-right: none;
	border-left: none;
}
table.mainstyle td.border_none_l {
	border-left: none;
}
table.mainstyle td.border_none_r {
	border-right: none;
}




/* MyKomon
---------------------------------------------*/
#mkcontents {
	width:			560px;
	font-size:		15px !important;
	line-height:	1.4em !important;
	
	width:		560px;
	margin:		0 auto;
}	
#mkcontents td {
	font-size:		15px !important;
	line-height:	1.4em !important;
}

.contact-desc { border: 1px solid rgb(169, 169, 169); margin: 12px 10px 12px 20px; padding: 12px 0; }
.contact-desc-detail { font-size: 12px; line-height:1.3em; color: #555;border: 1px solid #aaa; height: 150px; overflow: auto; margin: 12px 30px;padding: 12px; }


/* スタッフコラムバナー削除によるテキストリンク追加 */
.bnr_column:hover,
.bnr_column *:hover {text-decoration:none !important; font-weight:normal !important; opacity:0.8;}
.bnr_column div {position:relative;padding:0 0 25px; text-align:center; border:1px solid #026FBA;}
.bnr_column span {font-size:24px; display:block; padding:0.65em 0 0.5em; line-height:1em; background-image:linear-gradient(180deg, #f5faff 0%, #cce4fd 100%);}
.bnr_column p {position:absolute; bottom:0; left:0; font-size:12px; line-height:25px; color:#fff; background:#026FBA; margin:0; width:100%;}
.bnr_column p:before {content:""; display:inline-block; width:0; height:0; border:0.4em solid transparent; border-left:0.6em solid #fcff5c; margin:0.5em 0 0 0.5em;}