@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:1200px;
	color:#232323;
	line-height:160%;
	background:#ffffff;
	font-size:15px;
	letter-spacing:-1px;
	}

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

a:link 		{ color:#3296c8; text-decoration:underline; }
a:visited 	{ color:#3296c8; text-decoration:underline; }
a:hover 	{ color:#3296c8; text-decoration:none; }

#container {
	width:100%;
	max-width:1920px;
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	}
#container.blog {
	color:#ffffff;
	background:#221816;
	}


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

header {
	width:100%;
	height:709px;
	background:#ffffff url("../image/header/bg01.jpg") center top no-repeat;
	}
.blog header {
	width:100%;
	height:auto;
	background:#272324;
	padding:30px 0;
	}
	header .catch {
		width:100%;
		height:283px;
		background:#221815 url("../image/header/bg02.jpg") center top no-repeat;
		}
		header .catch .inner {
			position:relative;
			width:1100px;
			height:283px;
			text-align:center;
			margin:0 auto;
			padding:0;
			}
			header .catch .inner h1 {
				position:absolute;
				top:17px;
				left:294px;
				}
			header .catch .inner .contact {
				position:absolute;
				top:79px;
				left:568px;
				}
			header .catch .inner .topic {
				position:absolute;
				top:185px;
				left:740px;
				}


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

nav {
	position:relative;
	width:1100px;
	height:426px;
	box-sizing:border-box;
	background:transparent url("../image/navi/shadow.png") left 70px no-repeat;
	margin:0 auto;
	padding:0;
	}
	/* オンマウスボックス */
	nav .onmouse_box {
		position:absolute;
		top:70px;
		left:0;
		width:1100px;
		height:356px;
		box-sizing:border-box;
		margin:0 auto;
		padding:0;
		}
		nav .onmouse_box img {
			position:absolute;
			}
		nav .onmouse_box .navi01_on { top:143px; left:0; }
		nav .onmouse_box .navi02_on { top:98px; left:191px; }
		nav .onmouse_box .navi03_on { top:53px; left:333px; }
		nav .onmouse_box .navi04_on { top:51px; left:494px; }
		nav .onmouse_box .navi05_on { top:-10px; left:581px; }
		nav .onmouse_box .navi06_on { top:93px; left:814px; }
		nav .onmouse_box .navi07_on { top:134px; left:988px; }

	/* mapタグ対象画像 */
	nav #map {
		position:absolute;
		top:70px;
		left:0;
		z-index:999;
		}


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

.pagetop {
	position:fixed;
	right:20px;
	bottom:20px;
	background:#ffffff;
	}

footer {
	width:100%;
	background:#232323;
	padding:10px;
	}
	footer .copyright {
		color:#ffffff;
		}


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

.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:50px auto 0 auto;
	}
	.submit button,
	.submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-size:15px;
		text-decoration:none;
		line-height:40px;
		box-sizing:border-box;
		background:#232323;
		border:solid 1px #232323 !important;
		margin:0 5px !important;
		padding:0 30px;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover {
		color:#232323;
		box-sizing:border-box;
		background:#ffffff;
		border:solid 1px #232323 !important;
		}