@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: 0 0 1.5em;
	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;
}

/*--------------------------------------------------------
全体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 .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-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; }