@charset "utf-8";

/* 大枠 */
html,
body {
	height: 100%;
	}
body {
	font-size: 12px; 
	line-height:1.6;
	}
#wrapper {
	width: 100%;
	min-width: 960px;
	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 {
	width: 960px;
	margin: 0 auto;
	}

#cms_logo {
	margin-top: 10px;
	width: 400px;
	float: left;
	}

#cms_info {
	margin-top: 10px;
	width: 560px;
	float: left;
	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;
	overflow: hidden;
	}	


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


/* ▼▼▼ フッター
=====================================*/
#footer {
	width: 100%;
	background: #6BB0F6;
	padding: 20px 0;
	margin: 0 auto;
	color: #fff;
	text-align: right;
	clear: both;
	overflow: hidden;
	}
	
/* ▼ コピーライト */
#copyright {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}

/* ▼ HNC在庫用 */
#cms_hnc_link {
	position: absolute;
	top: 0;
	right: 0;
	}

#cms_hnc_link ul {
	text-align: left; /* ウィンドウの右側に配置 */
	margin: 0;
	padding: 0;
	}

#cms_hnc_link ul li {
	list-style-type: none;
	font-size: 14px;
	display: block;
	width:100%;
	float:left;
	}

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

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

#cms_hnc_link a {
	color: black;
	}