@charset "UTF-8";

/*--------------------------------------------------------
ブラウザ固有のcssをリセット
-------------------------------------------------------*/

* {
	letter-spacing: 0;
}

html {
	overflow-y: scroll;
}

body,
div,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
input,
p {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
small {
	font-size: 100%;
	font-weight: normal;
}

a:hover,
a:active {
	outline: 0;
}

img {
	border: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div {
	word-wrap: break-word;
}

form {
	margin: 0;
}

hr {
	clear: both;
	height: 1px;
	margin: 1em 0 1em;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
	color: #ccc;
	font-size: 1.0em;
	line-height: 1.0em;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

ul {
	list-style-type: none;
}

/*--------------------------------------------------------
全体1カラムレイアウト設定
--------------------------------------------------------*/

.col1 #container,
.col1 #top,
.col1 #header,
.col1 #global-nav,
.col1 #main,
.col1 #footer {
	width: 100%;
	min-width: 950px;
}

.col1 #main-image {
	width: 100%;
	min-width: 950px;
}

.col1 #top-in,
.col1 #header-in,
.col1 #global-nav-in,
.col1 #main-in,
.col1 #main-image-in,
.col1 #footer p {
	width: 950px;
	margin: auto;
}

.col1 #main-image-in {
	width: 950px;
	margin: auto;
}

.col1 #main-contents {
	width: 100%;
}


/*--------------------------------------------------------
全体1カラムレイアウト設定　　　　タブレット用レイアウト
------------------------------------------------------*/

@media only screen and (max-width : 1024px) {

	#container,
	#top,
	#header,
	#global-nav,
	#main-image,
	#main,
	#footer {
		width: 100% !important;
		min-width: 100% !important;
	}


	#top-in,
	#header-in,
	#global-nav-in,
	#main-image-in,
	#main-in,
	#footer p {
		width: 100% !important;
		margin: 0% !important;
	}


	#main-contents {
		float: none !important;
		width: 100% !important;
	}

	#main-image img {
		width: 100% !important;
	}

}


/*--------------------------------------------------------
1カラムレイアウト設定　　　　　スマホ用レイアウト
------------------------------------------------------*/

@media only screen and (max-width : 768px) {

	#container,
	#top,
	#header,
	#global-nav,
	#main-image,
	#main,
	#footer {
		width: 100% !important;
		min-width: 100% !important;
	}

	#top-in,
	#header-in,
	#global-nav-in,
	#main-image-in,
	#main-in,
	#footer p {
		width: 100% !important;
		margin: 0% !important;
	}

	#sub-contents,
	#sidebar,
	#main-and-sub,
	#main-contents {
		float: none !important;
		width: 100% !important;
	}

	#main-image img {
		width: 100% !important;
	}

}


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
.contents:after,
#main-contents .sb:after,
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}