@charset "utf-8";

/* 大枠 */
html,
body {
	height: 100%;
	}
body {
	font-size: 12px; 
	line-height:1.6;
	}
#wrapper {
	width: 100%;
	/*min-width: 960px;*/
    margin: auto;
	position: relative;
	}
body > #wrapper {
	height: auto;
	}
	
/* リンク */
a:link    {color:#0066FF; text-decoration: none;}
a:visited {color:#0066FF; text-decoration: none;}
a:hover   {color:#0066FF; text-decoration: underline;}
a:active  {color:#0066FF; text-decoration: underline;}

/* アクセシビリティ */
.guidance {
	left:-999px;
	position:absolute;
	width:990px;
	}
img {
	vertical-align: bottom;
	}


/* ▼▼▼ ヘッダー
=====================================*/
#header {
	width: 100%;
	height: 130px;
	background: url(../img/bg_header.gif) repeat-x left top;
	margin-bottom: 15px;
	overflow: hidden;
	}



#cms_header {
	max-width: 960px;
	margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
	}

#cms_logo {
	margin-top: 10px;
	max-width: 400px;
     height: auto;
	}

#cms_info {
	margin-top: 10px;
	max-width: 560px;
    width: 100%;
	position: relative;
	}

#cms_link {
	position: absolute;
	top: 0;
	right: 0;
	}
	
#cms_link ul {
	text-align: right; /* ウィンドウの右側に配置 */
	margin: 0;
	padding: 0;
	}

#cms_link ul li {
	list-style-type: none;
	font-size: 12px;
	display: inline; /* リストをインライン表示にして横並びにする */
	}

#cms_link ul li:before {
	content: url("./img/link_arrow.gif");
	margin-right: 2px;
	margin-left: 5px;
	}

#cms_link ul li:last-child:after {
	content: none; /* 最後は区切り文字を入れない */
	}

#cms_link a {
	color: black;
	}

/* タイトル */
#site_title {
	width: 960px;
	margin: 4px auto 0;
	/******** 9/28 追加分ここから *******/
	max-height: 60px;
	/******** 9/28 追加分ここから *******/
	overflow: hidden;
	}	


@media screen and (max-width: 640px) {
   #cms_header {
    flex-wrap: wrap;}
#cms_logo {
	margin-top: 5px;
	}
#cms_logo img{
	max-width: 100%;
    width: auto;
    max-height: 50px;
	}

#cms_info {
    max-width: 100%;
	}
 #header {
    height: 73px;
    background:url("../img/bg_spheader.gif")repeat-x left top;
    background-size: 10px 73px;
    margin-bottom: 10px;
    overflow: hidden;
}

    
    
}

/* ▼▼▼ メイン 「コンテンツとサイドを囲む要素」
=====================================*/
#main {
	max-width: 960px;
	/*background: url(../img/footer_img.gif) no-repeat left bottom;*/
	padding: 20px 0 50px;
	margin: 0 auto;
	clear: both;
	}

@media screen and (max-width: 640px) {
 #main {
	width: 100%;
	margin: 0 auto;
	clear: both;
	}   
}
/* ▼▼▼ フッター
=====================================*/
#footer {
	width: 100%;
	background: #6BAFF6;
	padding: 20px 0;
	margin: 0 auto;
	color: #fff;
	text-align: right;
	clear: both;
	overflow: hidden;
	}

	
/* ▼ コピーライト */
#copyright {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}