@charset "UTF-8";
/* CSS Document */


/* 余白リセット ************************** */
* {
	margin:0;
	padding:0;
}


/* htmlタグ ****************************** */


body{
	background:#eaedf7;
	font-family:Verdana, Geneva, 'メイリオ', meiryo;
	font-size:88%;
	color:#444;
}

/* リンク */
a {
	text-decoration:none;
	color:#333;
}
a:visited {
	color:#333;
}
a:hover {
	text-decoration:underline;
	color:#8491c3;
}

/* 見出し */
h2 {
	width:auto;
	line-height:1.0;
	padding:10px;
	font-size:140%;
	line-height:130%;
	color:#4a488e;
	font-weight:normal;
	text-shadow:2px 2px 2px #94adda;
	background:#d1daf0;
	moz-box-shadow:5px 5px 8px #aebbd9;
 -webkit-box-shadow:5px 8px 5px #aebbd9;
 box-shadow:5px 5px 8px #aebbd9;
	margin-bottom:2em;
}
h3 {
	font-size:130%;
	font-weight:normal;
	color:#4d4398;
	border-bottom:1px solid #a4a8d4;
	margin:3em 0 1em 0;
	padding:3px 5px;
}
h4 {
	font-size:125%;
	font-weight:normal;
	color:#5654a2;
	text-shadow:2px 2px 3px #b0c4de;
	margin:3em 0 1em 0;
	padding:3px 5px;
}
h5 {
	font-size:120%;
	font-weight:normal;
	color:#333;
	margin:2em 0;
}
h6 {
	font-size:110%;
	font-weight:normal;
	margin:1em 0 0 0;
}



/* 段落 */
p {
	margin:1em 0;
}

/* テーブル */
table {
	border-style:solid;
	border-width:1px 0 0 1px;
	border-color:#aebbd9;
	margin-bottom:20px;
}
tr {
	text-align:left;
}
th, td {
	padding:6px;
	border-style:solid;
	border-width:0 1px 1px 0;
	border-color:#aebbd9;
}
th {
	background:#d1daf0;
	font-weight:normal;
	text-align:center;
	white-space:nowrap;
}

/* 画像 */
img {
	border:none;
}

/* 罫線 */
hr {
	clear:both;
	height:0px;
	visibility:hidden;
}
/* 罫線（表示・ドット） */
hr.line {
	clear:both;
	height:5px;
	visibility:visible;
	border-style:dotted;
	border-width:0 0 5px 0;
	border-color:#d1daf0;
	margin:3em 0;
}


/* ID ************************************** */

/* ラッピング ============================== */
#wrapper {
 width:100%;
 margin:0 auto;
	border-top:10px solid #706caa;
 text-align:center;
}

/* ヘッダー ================================ */
#header {
	width:950px;
	margin:0 auto;
	font-size:small;
}
#header.top {
	height:380px;
	margin-bottom:-5px;
}
/* 会社ロゴ */
#header h1 {
	float:left;
	padding:30px 0;
}
#header h1 a {
	width:355px;
	height:46px;
	display:block;
	background:url(../../img/logo_hksit.png) left top no-repeat;
}
#header h1 a span {
	display:none;
}

/* ヘッダー内右側ボックス */
#header #rightbox {
	overflow:hidden;
	text-align:right;
	width:550px;
	float:right;
}

#header #rightbox ul {
	float:right;
	margin:25px 0 0 0;
	list-style:none;
	z-index:2;
}
#header #rightbox li {
	margin-left:6px;
	float:left;
	font-size:8px;
	list-style:none;
	line-height:120%;
}

#header #rightbox li a {
	display:block;
	width:60px;
	background:#d9dafa;
	padding:3px 2px;
	font-weight:bold;
	text-align:center;
	color:#4a488e;
	text-shadow:1px 1px 1px #FFF;
	border:2px solid #a6a6e0;
	border-radius:8px;        /* CSS3草案 */
	-webkit-border-radius:8px;    /* Safari,Google Chrome用 */
	-moz-border-radius:8px;   /* Firefox用 */
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #EAEDF7),
	color-stop(0.7, #c2c4ef)
);
background-image: -o-linear-gradient(bottom, #EAEDF7 0%, #c2c4ef 70%);
background-image: -moz-linear-gradient(bottom, #EAEDF7 0%, #c2c4ef 70%);
background-image: -webkit-linear-gradient(bottom, #EAEDF7 0%, #c2c4ef 70%);
background-image: -ms-linear-gradient(bottom, #EAEDF7 0%, #c2c4ef 70%);
background-image: linear-gradient(to bottom, #EAEDF7 0%, #c2c4ef 70%);
}
#header #rightbox li a:hover {
	background:#c2c4ef;
	text-decoration:none;
	color:#333;
}
#header #rightbox li.lang {
	margin-top:5px;
	text-shadow:1px 1px 1px #eaedf7;
}

#header #rightbox li.thai {
	display:block;
	width:62px;
	padding:3px 2px;
	font-weight:bold;
	text-align:center;
	color:#4a488e;
	text-shadow:1px 1px 1px #FFF;
	background:#eaedf7;
	border:2px solid #a6a6e0;
	border-radius:8px;        /* CSS3草案 */
	-webkit-border-radius:8px;    /* Safari,Google Chrome用 */
	-moz-border-radius:8px;   /* Firefox用 */
}


#header #rightbox p {
	text-align:right;
	font-size:11px;
	margin:25px 2px 0 0;
	letter-spacing:0.5px;
	text-shadow:1px 1px 1px #eaedf7;
	z-index:1;
}


/* 案内文 */
#header .about {
	width:400px;
	margin-top:40px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	text-shadow:2px 2px 8px #bcc7d7;
}



/* グローバルナビ =========================== */

#globalnavi {
 width:100%;
	clear:both;
	margin:0 0 10px 0;
	background:#706caa;
	moz-box-shadow: 1px 5px 10px #aebbd9;
 -webkit-box-shadow: 1px 5px 10px #aebbd9;
 box-shadow: 1px 5px 10px #aebbd9;
}
#globalnavi ul {
	width:950px;
	height:38px;
	list-style:none;
	margin:0 auto;
}

#globalnavi li {
	list-style:none;
	width:155px;
	height:38px;
	overflow:hidden;
	float:left;
	font-size:14px;
	color:#eaedf7;
	text-align:center;
	text-shadow:2px 2px 2px #4a488e;
}
#globalnavi li a {
	display:block;
	color:#eaedf7;
	padding:10px 0 11px 0;
}
#globalnavi li a:hover {
	padding:10px 0 11px 0;
	text-decoration:none;
	color:#333;
	text-shadow:2px 2px 2px #eaedf7;
 background:#bbbcde;
}
#globalnavi li.network {
	width:175px;
}
#globalnavi li.here {
 background:#a59aca;
}



/* コンテンツ =============================== */
#contents {
	clear:both;
	width:950px;
	margin:0 auto;
	padding:10px 0 20px 0;
	text-align:left;
	line-height:160%;
	line-height:25px;
}

/* パン屑リスト =========================== */
#contents #pankuzu ul {
	clear:both;
	margin:0 auto;
	padding:0 0 20px 0;
	text-align:left;
}
#contents #pankuzu li {
	float:left;
	list-style:url(../../img/arrow_pan.png);
	font-size:small;
	margin:0 20px 30px 20px;
	padding:2px 10px 2px -5px;
}
#contents #pankuzu li:first-child {
	list-style:none;
	margin-left:0px;
}


/* コンテンツ：サブメニュー ================= */
#submenu {
	width:200px;
	float:left;
	margin:20px 20px 0 0;
}
#submenu ul {
	margin:0;
	padding:0;
}
#submenu li {
	list-style:none;
	border-bottom:1px solid #a4a8d4;
	font-size:13px;
	line-height:125%;
}
#submenu li a {
	display:block;
	line-height:1.0;
	padding:15px 5px;
}
#submenu li a:hover {
	background:#bec9e8;
	text-decoration:none;
	color:#000;
}
#submenu li.here {
	display:block;
	padding:15px 5px;
	background:#d1daf0;
}
#submenu li:first-child {
	border-top:1px solid #a4a8d4;
}


/* コンテンツ：記事 ========================= */
#article {
	float:right;
	width:720px;
	text-align:left;
	margin:20px 0 0 auto;
}

/* 記事のリスト設定 */
#article ul {
	margin:1em 0 1em 20px;
}
#article li {
	list-style:square;
	margin-bottom:0.5em;
}

#article a {
	text-decoration:underline;
}



/* フッター ================================= */
#footer {
	background:#d1daf0;
	width:100%;
	border-bottom:10px solid #706caa;
}

/* サイトマップ */
#subnavi {
	width:950px;
	margin:0 auto;
}
#footer .category {
	margin:10px 35px 40px 0;
	float:left;
	white-space:nowrap;
	text-align:left;
}
#footer .category h6 {
	font-size:96%;
	font-weight:normal;
	margin:20px 0 5px 0;
	padding:0 5px;
	border-bottom:1px solid #a4a8d4;
}
#footer .category li {
	font-size:90%;
	font-weight:normal;
	list-style:none;
	line-height:120%;
	margin:0 0 5px 0;
	padding:2px 5px;
	border:none;
}
#footer .category2 {
	margin:10px 0 20px 0;
	float:right;
	white-space:nowrap;
	text-align:left;
}
#footer .category2 h6 {
 font-size:96%;
	font-weight:normal;
	margin:20px 0 5px 0;
	padding:0 5px;
	border-bottom:1px solid #a4a8d4;
}

#footer p {
	clear:both;
	font-size:11px;
	padding:20px 0;
	text-align:center;
}



/* クラス ************************* */

/* 段組み ========================= */

/* 2分割 左に画像 */
.c2boxLimg {
	float:left;
	margin:0 30px 0 0;
}
.c2boxLbox {
	overflow:auto;
	zoom:1;
}

/* 2分割 右に画像 */
.c2boxRimg {
	float:right;
	margin:0 0 0 30px;
}
.c2boxRbox {
	overflow:auto;
	zoom:1;
}



/* 2分割 右に画像 */
.c2boxRimg {
	float:right;
	margin:0 0 0 30px;
}
.c2boxRbox {
	overflow:hidden;
	zoom:1;
}

/* 2分割 左右サイズ同じ */
.c2_350 {
	float:left;
	width:350px;
	margin-bottom:10px;
}
.c2_350r {
	float:right;
	width:350px;
	margin-bottom:10px;
}



/* 左フロート（画像上） */
.float_left {
	float:left;
	vertical-align:top;
}
/* 右フロート（画像上） */
.float_right {
	float:right;
	vertical-align:top;
}
/* フロートしたとき右側のマージンを0にする */
.last {margin-right:0px; }



/* 上部に戻るリンク ================ */
.linktop ul {
	clear:both;
	width:100%;
	text-align:left;
	list-style:none;
	margin:0;
}
.linktop li {
	float:right;
	list-style:url(../../img/arrow_lt.png);
	margin:50px 0 0 0;
	font-size:small;
}


/* 文字装飾 ======================== */
/* 文字小さく */
.small {font-size:82%; }

/* 文字位置 */
.central, p.central {text-align:center; }
.right, p.right {text-align:right; }

/* 改行しない */
.nowrap {white-space:nowrap; }


/* 各余白設定 ======================= */
/* 上マージン */
.top10 {margin-top:10px; }
.top20 {margin-top:20px; }
.top30 {margin-top:30px; }

/* 下マージン */
.bottom10 {margin-bottom:10px; }
.bottom20 {margin-bottom:20px; }
.bottom30 {margin-bottom:30px; }
.bottom50 {margin-bottom:50px; }

/* 右マージン */
.right10 {margin-right:10px; }
.right15 {margin-right:15px; }
.right20 {margin-right:20px; }
.right22 {margin-right:22px; }
.right30 {margin-right:30px; }

/* 左マージン */
.left10 {margin-left:10px; }
.left20 {margin-left:20px; }
.left30 {margin-left:30px; }



/* 段組みの解除 ===================== */
.clear {
	clear:both;
}


/* Youtube動画埋め込み */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}