@charset "utf-8";

/*
**
**  01 : BASE
**  02 : HEADER
**  03 : PAGEBODY（第2階層以下共通）
**  04 : FOOTER
**  05 : COMMON STYLE
**
*/

/*------------------------------------------------------------
  01 : BASE
------------------------------------------------------------*/

/* FONT */
body {
  font-family: "ＭＳ ゴシック", "MS Gothic", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  font-size: 12px;
  line-height:1;
  color: #5a5a5a;
}

/* for ie6 hack */
* html body {
  font-size: 75%; /* 12px */
}

/* for ie7 hack */
*:first-child+html body {
  font-size: 75%; /* 12px */
}

/* for ie8 hack */
.ie8 body {
  font-size: 75%; /* 12px */
}


/* LAYOUT */

html {
  margin-bottom:1px;
  height:100%;
}

body {
  background: #fff;
}

.wrap {
	width: 950px;
	margin: 0 auto;
	line-height: 1.5;
	position: relative;
}


/* CLEAFIX 
----------------------------------------*/
ul:after,
dl:after,
.clr:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html ul,
* html dl,
* html .clr {
	zoom: 1;
}

/* IE7 */
*:first-child+html ul,
*:first-child+html dl,
*:first-child+html .clr {
	zoom: 1;
}


/* LINK 
----------------------------------------*/
a:link {
	text-decoration: none; color: #975c35;
}
a:visited {
	text-decoration: none; color: #975c35;
}
a:hover {
	text-decoration: underline; color: #975c35;
}
a:active {
	text-decoration: none; color:#975c35;
}
 
/*
-----------------------------------------------
  02 : HEADER
----------------------------------------------- */
#header {
	width: 100%;
	height: 132px;
	background: url(../img/bg_header.gif) repeat-x;
}
#header #siteTitle {
	padding: 20px 0 0 8px; float: left;
	}
#header #homebtn {
	padding: 19px 10px 0 0; float: right;
	}

#header ul {
	clear: both;
	padding: 16px 0 0 72px;
}
#header ul li {
	float: left;
	margin-right: 10px;
}


/*
-----------------------------------------------
  03 : PAGEBODY（第2階層以下共通）
----------------------------------------------- */
#pageTitl {
	width: 100%;
	height: 60px;
	margin-bottom:9px;
}
#pageTitl div {
	width: 950px;
	margin: 0 auto;
	padding-top: 16px;
}

p#pankuz {
	margin-bottom: 10px;
}

h2 {
	margin-bottom: 12px
}
h3 {
	margin-bottom: 10px;
	border-bottom: 2px solid #cda58d;
	padding-bottom: 5px;
}

h4 {
	background: url(../img/ico_dt.gif) no-repeat 0 3px;
	color: #bd3f1f;
	font-weight: bold;
	padding-left: 19px;
	margin: 15px 0 3px;
	font-size: 117%;
}


ul#pageBtn {
	float: right; margin-top: 30px;	
}
ul#pageBtn li {
	float: left; margin-left: 8px;
}


/* ローカルナビ部分 */
#localNav {
	width: 240px;
	float: left;
}

#localNav ul {
	background: #fbf6e5;
	padding: 13px 13px 0;
}
#localNav ul li {
	margin-bottom: 12px;
}


/* メインコンテンツ部分 */
#mainCtn {
	width: 690px;
	float: right;
	color: #333;
}

#mainCtn h2 {
	background: url(../img/bg_h2.gif) no-repeat;
	width: 686px;
	height: 39px;
	font-weight: bold;
	padding: 15px 0 0 4px;
	color: #666;
	font-size: 133%;
}

#mainCtn p, #mainCtn dl{
	padding-left: 4px; line-height: 1.75;
}


/* 各indexページ */
div.iWrap {
	background: url(../img/bg_dot.gif) repeat-y;
	 width: 648px;
	 padding: 10px 21px 20px 21px;
}
div.indexBox {
	width: 305px;
}
div.indexBox p {
	margin-top: 11px;
	line-height: 1.5 !important;
}

.br { margin: 15px 0;}


/*
-----------------------------------------------
  04 : FOOTER 
----------------------------------------------- */
#footer {
	width: 100%;
	background: #fbf6e5;
	padding: 28px 0 30px;
	text-align: center;
}

#footer p,
#footer dl {
	margin-bottom: 10px;
}


/*
-----------------------------------------------
  05 : COMMON STYLE 
----------------------------------------------- */
.left  { float:left; }
.right { float:right; }
.center { text-align:center}

.brawn { color: #975c35}
.green { color: #099;}
.grey { color: #6e6e6e;}
.grey_d { color: #5a5a5a;}
.red { color: #e60012;}

.fs_ss  { font-size: 72%;}
.fs_s  { font-size: 85%;}
.fs_m  { font-size: 117%;}
.fs_l  { font-size: 133%;}

.mt05 { margin-top: 5px;}
.mt12 { margin-top: 12px}
.mt20 { margin-top: 20px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}

.ml05 { margin-left: 5px;}
.ml15 { margin-left: 15px;}


.noline {
	border: none;
}

table.tblType1 th {
	font-weight: bold;
	text-align: center;
	background: #fde4e6;
	padding: 10px 5px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	color: #5a5a5a;
}
table.tblType1 td {
	background: #fbf6e5;
	padding: 10px;
	border-bottom: 3px solid #fff;
	color: #5a5a5a;
}


table.tblType12 th {
	font-weight: bold;
	text-align: center;
	background: #fde4e6;
	padding: 10px 5px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	color: #5a5a5a;
}
table.tblType12 td {
	background: #f9e8db;
	padding: 10px;
	border-bottom: 3px solid #fff;
	color: #5a5a5a;
}

.bg_green { background: #daf8dd !important;}
.bg_orange { background: #ffe4d3 !important;}
.bg_blue { background: #dde9f9 !important;}

.brdR { border-right:3px solid #fff;}

dl.dlType1 dt {
	background: url(../img/ico_dt.gif) no-repeat 0 5px;
	color: #bd3f1f;
	font-weight: bold;
	padding-left: 19px;
	margin-top: 7px;
}
#otherCtn .summry {
	margin-top: 0px;
	line-height: 120%;
	padding-left: 15px;
}