/**
 * Left CSS StyleSheet
 *
 * @package templateSystem
 * @copyright Copyright 2008 KNTS-WEB
 * @email:webmaster@showb.com
 * @license http:www.showb.com/ 
 * @version var V8.0
 */

body{			/* BODY全体 */
	margin:0;
	padding:0;
	height:100%;
	text-align:left;
	color:#000000;
	background:#d4d0c8;
}

#body_layout{		/* BODY内部 全体 */
	margin:0 10px;
	width:788px;
	text-align:left;
	border:1px solid #89a4b3;
	background:#ffffff;
}

#Wrapper{
	width:100%;
	background: url('image/main_a.png') repeat-y;
}

#header {		/* 最上部 */
	width:100%;
	background: url('image/h1.png');
}

#header H2 {
	margin:0;
	padding:1px;
	font-size:0.8em;
	color:#ffd700;
}

#yohaku {		/* 最上部ロゴ内余白調整 */
	width:100%;
	height:10px;
	background-color:#f7fbde;
}

#headlogo {		/* 最上部ロゴ */
	margin:0;
	height:100px;
	background: url('image/header.png') no-repeat;
}
.lg{ padding-top:13px;}

#headgide {		/* グーグルフォーム用 */
	width:100%;
	height:24px;
	padding-top:2px;
	font-size:9pt;
	font-weight:bold;
	color:#ffffff;
	background:#89a4b3;
	border-top:1px solid red;
	border-bottom:1px solid red;
}

/* コンテンツ */
#main_body {		/* メインコンテンツ */
	float:right;
	width:605px;
	border-top:1px solid #000000;

}

#contents_l {		/* コンテンツ（左） */
	float:left;
	width:434px;

}
#contents_r {		/* コンテンツ（右） */
	float:right;
	width:170px;

}

#sidebar {		/* サイドバー（左）*/
	float:left;
	width:181px;
	border-top:1px solid #000000;
}
#contents{
	padding:10px;
	font-size:10pt;
}

#contents h2 {
	margin:0;
	padding-left:20px;
	height:24px;
	background: url('image/h3_bar.png') no-repeat;
	font-size:1.1em;
	line-height:150%;
}

#ma_content{
	float:left;
	width:206px;
}
#mb_content{
	float:right;
	width:206px;
}

#ktl{
	float:left;
	width:137px;
	font-size:12px;
}
#ktr{
	float:right;
	width:137px;
	font-size:12px;
}
#ktc{
	margin-left:138px;
	margin-right:139px;
	font-size:12px;
}

#foot{			/* フッターコピーライト */
	clear:both;
	width:100%;
	height:18px;
	border-top:1px solid #7f9bab;
	background:#7f9bab;
	text-align:center;
	line-height:150%;
	color:#ffffff;/*d6aa7b*/
	font-size:0.8em;
	font-weight:bold;
}

#logo {				/* ロゴ表示位置 */
	position: absolute;
	top:20px;
	left:10px;
}

/* HTML */
h1 { margin:0;padding:1px;font-size:0.8em;color:#ffd700;}
h2 { margin:5px 0 2px 0;padding:0;font-size:11pt;color:#333333;}
h3 { margin:0;padding:0;font-size:10pt;color:#333333; }
h4 { margin:1px 0 1px 0;font-size:10pt;color:#555555; }
hr { border-style:dotted;color:#7f9bab; }
#photo { border:5px solid #ffffff;}
fieldset {padding:0;text-align:left;border:0;font-size:10pt;}
span{ font-size:10pt;color:#555555;font-weight:bold;}

p#clr{
	clear:both;
	margin:10px 0 5px 0;
}
/* コンテナーレイアウト */
div#container1 {
	clear:both;
	float:left;
	margin:3px 10px 10px 5px;
	width:300px;
	height:150px;
	border:1px solid #ff0000;
	text-align:left;
	background-image: url(img/ttl_red.gif);
	background-repeat: no-repeat;
	background-color: #ffffee;
}

div#container2 {
	margin:3px 5px 10px 0;
	float:right;
	width:300px;
	height:150px;
	border:1px solid #efb610;
	text-align:left;
	background-image: url(img/ttl_yelw.gif);
	background-repeat: no-repeat;
	background-color: #ffffee;
}

#navi {
	margin: 0px;
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
}

ul {
	margin:0;
	padding:0;
}

#navi li {
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:1px solid yellow;
	border-bottom:1px solid #000000;
}

#navi li a {
	padding-top:3px;
	width:160px;
	height:16px;
	display:block;
	text-decoration:none; 
	font-size:10pt;
	font-weight:bold;
	color:#000000;
	background-color:#ffd700;

}
#navi li a:hover {
	display:block;
	text-decoration:none; 
	font-weight:bold;
	color:yellow;
	background-color:#b53e00;
}

.fw{margin-left:15px;}

div#box1{
float:left;width:130px;height:118px;text-align:center;
}
div#box2{
float:right;width:160px;height:118px;text-align:left;font-size:9pt;padding:3px;
}

h3#cop1{ margin:5px 0 0 28px;margin-top:5px;font-weight:bold;color:#ffffff;height:25px;font-size:10pt;}
h3#cop2{ margin:5px 0 0 28px;margin-top:5px;font-weight:bold;color:#008000;height:25px;font-size:10pt;}
p#go{ margin:5px 0 0 0;text-align:right;font-size:10pt;}

/* Link Color.C */
a#otx { text-decoration:none;color:#000000; }
.a_col { color:#666666;font-weight:bold; }
.a_lnk { color:#666666; }
a#a_lnkn { text-decoration:none;color:#4a6f84; }
a:hover#a_lnkn  { text-decoration:none;color:red; }
a#a_lnkr { text-decoration:none;color:#666666;font-size:11px; }
a:hover#a_lnkr { text-decoration:underline;color:red;}

/* Class Font */
.ft8 { font-size:8pt; }
.ftn { font-size:11px;}
.ftm { font-size:10pt;}
.ftl { font-size:11pt;}
.ftll { font-size:12pt;}
.ftlb { font-size:14pt;}
.log { font-size:24pt;font-family:'ＭＳ Ｐ明朝'; font-weight:bold ;}
p.h {margin:3px 0 0 0;}
p.pr { margin:0;padding:2px;background:#7f9bab;color:#ffffff;font-weight:bold ;}

/* etc */
.mask {
	font-size:9pt; color : #542929; border-style : solid;
	border-width : 1px; border-top-color :#d0a979;
	border-left-color :#d0a979; border-right-color :#ffffff;
	border-bottom-color :#ffffff; background-color :#ffd700;
}

#cr {
	margin:0;
	padding:0;
	clear:both;
}

/* Navi_Bar */
#Guide_Navi {
	height:24px;
	background:red;
	background: url('image/navi.png') repeat-x;
}

#Guide_Navi .block_a {
	float:left;
	width:23%;
	background:#7f9bab;
	height:24px;
	border-right: 1px solid #cccccc;
	line-height: 200%;
	font-size: 12px; 
	color:#ffd700;
}

#Guide_Navi .block_b {
	float:left;
	width:76%;
	height:24px;
}

#Guide_Navi ul { 
	padding-right: 0px; 
	padding-left: 0px;
	font-size: 12px; 
	padding-bottom: 0px; 
	margin: 0px; 
	line-height: 200%; 
	padding-top: 0px; 
	list-style-type: none;
}

#Guide_Navi li { 
	border-right: #cccccc 1px solid; 
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
}

#Guide_Navi a { 
display: block; 
font-weight: bold; 
width: 95px; 
color: #e4f2e7; 
height: 24px; 
text-align: center; 
text-decoration: none;
}

#Guide_Navi a:hover { 
	background: #ff6347; 
	color: white; 
}