@charset "utf-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：イメージ初期化
		■ヘッダー設定
		■コンテンツ設定
		■フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/






/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	font-size: 14px;
	color: #404040;
	line-height: 150%;
	background-color: #eee;
	background-image: url(/common/images/groundBG2.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-attachment: fixed;
	letter-spacing: 0.1em;
}

/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
	padding: 0;
	margin: 0;
}

/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
	padding: 0;
	margin: 0;
}

/*-- リンク設定 --------*/
a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img{
	border: none;
}

/*-- float対策 --------*/
.clr {
	zoom: 100%;
}

.clr:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: " ";
}

/*-- イメージ初期化 --------*/
img {
	padding: 0;
	margin: 0;
}



/*  レイアウト ----------------------------------------------------------- */

html {

}

body {

}


body > #CONTAINER {
    width: 1024px;
	height: auto;
    min-height: 550px;
}

body > #CONTAINER > main {
    margin: 50px auto 25px 234px;
    box-sizing: border-box;
    padding: 20px;
    background-color: #FFF;
    min-height: calc(100vh - 125px);
    border-radius: 10px;
    box-shadow: 0 0 25px rgba(0,0,0,0.05);
}

main > section {
    box-sizing: border-box;
    
}




/*	ヘッダー設定
----------------------------------------------------------------------------------------------------------------------------------*/

h1 {
	height: 45px;
	background-image: url(/common/images/headerBG.gif);
	background-repeat: repeat-y;
}

h1 img {
	margin: 10px 0 0 18px;
}


div#MENU {
	position: absolute;
	font-size: 10px;
	top: 10px;
	right: 15px;
	text-align: right;
}

div#MENU a {
	color: #C63;
	text-decoration: none;
}

div#MENU a:hover {
	text-decoration: underline;
}



/*	コンテンツ設定
----------------------------------------------------------------------------------------------------------------------------------*/
h2 {

}


h3 {
	display: block;
	background-image: url(/common/images/h3BG.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 624px;
	height: 39px;
	font-size: 16px;
	line-height: 14px;
	padding: 6px 10px 8px 35px;
	color: #6a615a;
	font-weight: normal;
}

h3:first-letter {
	font-size: 1.6em;
}


p.contentText {
	padding: 0 45px 45px 45px;
}









/*	フッター設定
----------------------------------------------------------------------------------------------------------------------------------*/


div#FOOTER {
	position: absolute;
	width: 716px;
	bottom: 0px;
	height: 25px;
	background-position: right top;
	background-repeat: no-repeat;
	padding: 20px 0 0 234px;
	text-align: center;
	font-size: 10px;
}