@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : common.css
	Description : 共通css

/======================================================================================================================== */


/* ------------------------------------------------------------------------------------------------------------------------/
   0-0, include
/------------------------------------------------------------------------------------------------------------------------ */

@import url("./basic.css");
@import url("./custom/margin.css");
@import url("./custom/padding.css");
@import url("./custom/width.css");


/* ------------------------------------------------------------------------------------------------------------------------/
   base
/------------------------------------------------------------------------------------------------------------------------ */

body {
	min-width:896px;
	color:#232323;
	line-height:160%;
	background:#ffffff;
	font-size:14px;
	}
body.sub {
	min-width:auto;
	}

h1 {}
h2 {}
h3 {}
h4 {}

a:link 		{ color:#2151a1; text-decoration:underline; }
a:visited 	{ color:#14305f; text-decoration:underline; }
a:hover 	{ color:#2e6cd3; text-decoration:none; }

#container {
	width:100%;
	text-align:center;
	margin:0 auto;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   header
/------------------------------------------------------------------------------------------------------------------------ */

header {
	width:100%;
	height:145px;
	box-sizing:border-box;
	background:#ffffff;
	}
	header .inner {
		position:relative;
		width:856px;
		text-align:center;
		margin:0 auto;
		}
		header .inner h1 {
			position:absolute;
			top:35px;
			width:100%;
			text-align:center;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
   navi
/------------------------------------------------------------------------------------------------------------------------ */

nav {
	position:relative;
	width:100%;
	height:35px;
	margin:0 0 50px 0;
	}
	nav .inner {
		position:relative;
		width:856px;
		text-align:left;
		margin:0 auto;
		}
		nav .inner ul {
			list-style:none;
			}
			nav .inner ul li {
				float:left;
				height:35px;
				overflow:hidden;
				}


/* ------------------------------------------------------------------------------------------------------------------------/
   visual
/------------------------------------------------------------------------------------------------------------------------ */

#visual {
	position:relative;
	width:100%;
	height:528px;
	text-align:center;
	box-sizing:border-box;
	background:#ffffff;
	overflow:hidden;
	z-index:0;
	}
	#visual .inner {
		position:relative;
		width:100%;
		height:528px;
		text-align:center;
		margin:0;
		}
		#visual .inner ul {
			width:1920px;
			height:528px;
			text-align:center;
			list-style:none;
			}
			#visual .inner ul li {
				position:absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				width:100%;
				min-width:100%;
				max-width:100%;
				height:528px;
				text-align:center;
				margin:0 auto;
				overflow:hidden;
				}
			#visual .inner .type01 { background:#ffffff url("../image/visual/01.jpg") center top no-repeat; }
			#visual .inner .type02 { background:#ffffff url("../image/visual/02.jpg") center top no-repeat; }
			#visual .inner .type03 { background:#ffffff url("../image/visual/03.jpg") center top no-repeat; }
			#visual .inner .type04 { background:#ffffff url("../image/visual/04.jpg") center top no-repeat; }


/* ------------------------------------------------------------------------------------------------------------------------/
   breadcrumbs
/------------------------------------------------------------------------------------------------------------------------ */
/*
#breadcrumbs {
	width:1000px;
	margin:20px auto 0 auto;
	}
	#breadcrumbs .inner {
		text-align:left;
		list-style:none;
		}
		#breadcrumbs .inner li {
			display:inline-block;
			height:21px;
			line-height:21px;
			padding:1px 0 0 0;
			}
		#breadcrumbs .inner li:first-child a {
			height:21px;
			background:transparent url("../image/layout/bread_home.png") left center no-repeat;
			padding:1px 0 0 30px;
			}
		#breadcrumbs .inner li:last-child {
			font-weight:bold;
			}
		#breadcrumbs .inner li:before {
			content:">";
			font-weight:normal;
			margin:0 10px;
			}
		#breadcrumbs .inner li:first-child:before {
			content:"";
			margin:0;
			}
*/


/* ------------------------------------------------------------------------------------------------------------------------/
   contents
/------------------------------------------------------------------------------------------------------------------------ */

#contents {
	width:856px;
	text-align:left;
	margin:50px auto 0 auto;
	}
	#contents h2 {
		margin:0 0 20px 0;
		}
	#contents.sub h2 {
		margin:0;
		}
	#contents h3 {
		margin:0 0 20px 0;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
   main
/------------------------------------------------------------------------------------------------------------------------ */
/*
#contents #main {
	float:left;
	width:856px;
	}

#contents.wide #main {
	float:none;
	width:1000px;
	}
*/


/* ------------------------------------------------------------------------------------------------------------------------/
   side
/------------------------------------------------------------------------------------------------------------------------ */
/*
#contents #side {
	float:right;
	width:250px;
	}
*/


/* ------------------------------------------------------------------------------------------------------------------------/
   footer
/------------------------------------------------------------------------------------------------------------------------ */

footer {
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:#002470;
	margin:80px 0 0 0;
	padding:0;
	}
	footer .inner {
		position:relative;
		width:865px;
		color:#ffffff;
		text-align:left;
		padding:35px 0 40px 0;
		margin:0 auto;
		}
		footer .inner ul {
			list-style:none;
			}
			footer .inner ul li {
				float:left;
				height:27px;
				box-sizing:border-box;
				vertical-align:top;
				margin-right:65px;
				padding-bottom:5px;
				}
			footer .inner ul li:hover {
				border-bottom:solid 1px #ffffff;
				}
		footer .inner p.logo {
			font-size:17px;
			font-weight:bold;
			margin:20px 0 0 0;
			}
		footer .inner p {
			margin:20px 0 0 0;
			}

	footer .copyright {
		position:absolute;
		bottom:-50px;
		width:100%;
		color:#ffffff;
		display:block;
		line-height:50px;
		text-align:center;
		background:#002470;
		border-top:solid 1px #ffffff;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
   expansion
/------------------------------------------------------------------------------------------------------------------------ */

.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:0 auto;
	}
	.submit button,
	.submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-size:14px;
		font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		text-decoration:none;
		line-height:35px;
		box-sizing:border-box;
		background:#232323 url("../image/layout/ic03.png") 17px center no-repeat;
		border:solid 1px #232323 !important;
		margin:0 5px !important;
		padding:1px 15px 0 30px;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover {
		color:#ffffff;
		box-sizing:border-box;
		background:#002470 url("../image/layout/ic03.png") 17px center no-repeat;
		border:solid 1px #002470 !important;
		}

.submit_s {
	display:block;
	width:auto;
	text-align:center;
	margin:0 auto;
	}
	.submit_s button,
	.submit_s a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-size:14px;
		font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		text-decoration:none;
		line-height:35px;
		box-sizing:border-box;
		background:#232323;
		border:solid 1px #232323 !important;
		margin:0 !important;
		padding:1px 15px 0 15px;
		cursor:pointer;
		}
	.submit_s button:hover,
	.submit_s a:hover {
		color:#ffffff;
		box-sizing:border-box;
		background:#002470;
		border:solid 1px #002470 !important;
		}

.pager {
	list-style:none;
	}
	.pager li {
		float:left;
		margin:0 5px 5px 0;
		}
	.pager li span {
		position:relative;
		display:block;
		float:none !important;
		color:#ffffff;
		width:2em !important;
		text-align:center;
		font-weight:bold;
		box-sizing:content-box !important;
		background:#002470;
		margin:0 !important;
		padding:7px 4px 6px 4px !important;
		}
	.pager li a {
		position:relative;
		display:block;
		float:none !important;
		color:#ffffff;
		width:2em !important;
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		box-sizing:content-box !important;
		background:#232323;
		margin:0 !important;
		padding:7px 4px 6px 4px !important;
		}
	.pager li a:hover {
		color:#ffffff !important;
		text-decoration:none !important;
		background:#002470 !important;
		}