@charset "UTF-8";

body {
    font-family:"Lucida Grande","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", Meiryo, Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	}



body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	width: 1000px;
	background: #FBEED1;
	font-size: 100%;
	color: #222222;
	line-height: 1.5em;
}
html,body,#wrapper,#contents {
	height: 100%;
	}
	
#wrapper {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #efe2c7;
	margin-bottom: -205px;
}
#wrapper.top {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background: #efe2c7 url(../images/bk-footer2.jpg) repeat-y;
	margin-bottom: -205px;
}
#wrapper #contents {
	width: 880px;
	text-align: left;
	background: #FFFFFF;
	margin: 0px auto;
	padding-right: 30px;
	padding-left: 30px;
	min-height: 100%;
	height: auto;
	padding-top: 15px;
}
#wrapper .contentsf {
	background: url(../images/contentsfoot.gif) no-repeat center top;
	height: 25px;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
}


#wrapper #header {
	width: 940px;
	background: url(../images/bk-header.jpg) no-repeat center top;
	height: 178px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-left: 30px;
	overflow: hidden;
}
#wrapper #header .hL {
	float: left;
	width: 320px;
	text-align: left;
	padding-bottom: 5px;
}
#wrapper #header .hR {
	float: right;
	width: 600px;
}


#wrapper #header .hR .link {
	text-align: center;
	background: url(../images/bk-toplink.gif) no-repeat top;
	height: 35px;
	width: 270px;
	font-size: 11px;
	line-height: 1.5em;
	font-weight: bold;
	padding-top: 15px;
	margin: 0px 0px auto auto;
}
#wrapper  #header  #menu {
	margin-top: -37px;
}



/*footer-space*/
#wrapper #footer-space {
	height: 205px;
}


#footer  {
	margin-right: auto;
	margin-left: auto;
	background: url(../images/bk-footer.jpg) no-repeat center top;
	width: 918px;
	padding-right: 30px;
	padding-left: 52px;
	padding-top: 12px;
	margin-bottom: auto;
	height: 193px;
}


#footer  .fleft  {
	float: left;
	width: 630px;
	text-align: left;
}
#footer .fleft .bn {
	float: left;
	padding-right: 13px;
}
#footer .fleft ul li {
	font-size: 85%;
	line-height: 1.5em;
	color: #111111;
	height: 15px;
	padding-left: 15px;
	list-style: none;
	background: url(../images/icon01.gif) no-repeat left 3px;
	padding-bottom: 5px;
}
#footer   .fleft   ul.L  {
	float: left;
	padding-left: 8px;
	padding-right: 8px;
}


#footer  .fright  {
	float: right;
	width: 280px;
	text-align: left;
}
#footer .fright .flogo {
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/icon02.gif) no-repeat left top;
	height: 28px;
	padding-left: 25px;
	padding-bottom: 0px;
	line-height: 1.5em;
}
#footer .fright .address {
	color: #FFFFFF;
	text-align: left;
	padding-left: 25px;
	font-size: 85%;
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 3px;
}
#footer .fright .copyright  {
	font-size: 10px;
	line-height: 1.5em;
	color: #444444;
	padding-left: 25px;
	padding-bottom: 3px;
}
#wrapper  #contents .pnkz {
	font-size: 80%;
	text-align: right;
	line-height: 1.5em;
	clear: both;
	padding-bottom: 0px;
}
#wrapper #contents h1 {
	color: #111111;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	display: table-cell;
	/dispray: inline;
	/zoom: 1;
	vertical-align: middle;
	margin: 0px;
}
#wrapper  #contents h1 .logo  img  {
	display: table-cell;
    /dispray: inline;
	/zoom: 1;
	vertical-align: top;
	margin: 0px 8px 0px 0px;
	float: left;
}
#wrapper  #contents h1 .t  {
	display: table-cell;


    /dispray: inline;
	/zoom: 1;
	vertical-align: middle;
	margin: 5px 8px 0px 5px;
	float: left;
}
#wrapper #contents h1.f1 {
	border-bottom: 2px solid #129ad3;
	border-left: 8px solid #129ad3;
	padding-left: 5px;
	height: 38px;
	display: table;
	width: 865px;
	margin-bottom: 8px;
}
#wrapper #contents h1.f2 {
	border-bottom: 2px solid #399d21;
	border-left: 8px solid #399d21;
	padding-left: 5px;
	height: 38px;
	display: table;
	width: 865px;
	margin-bottom: 8px;
}
#wrapper #contents h1.f3 {
	border-bottom: 2px solid #555555;
	border-left: 8px solid #555555;
	padding-left: 5px;
	height: 38px;
	display: table;
	width: 865px;
	margin-bottom: 8px;
}
#wrapper #contents h2 {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: bold;
}


#wrapper #contents .txt {
	font-size: 90%;
	line-height: 1.5em;
}
#wrapper #contents .txtT {
	font-size: 90%;
	line-height: 1.7em;
}

#contents  .col1 ul {
	margin: 0px;
	padding: 0px 0px 0px 30px;
}

#contents .col1 ul li{
	font-size: 100%;
	line-height: 1.6em;
}

#wrapper   .pagenavi  {
	color: #45392f;
	text-align: right;
	font-size: 80%;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper .pagenavi img {
	padding-right: 30px;
}

.pagenavi .pageback {
	background: url(../images/pageback.png) no-repeat;
	padding-left: 25px;
	margin-right: 20px;
	height: 19px;
}
.pagenavi .pagetop {
	background: url(../images/pagetop.png) no-repeat;
	padding-left: 18px;
	height: 19px;
}
#wrapper #contents .col1 {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}
#contents   .col1   .mainimg {
	width: 428px;
	clear: left;
	float: left;
}
#contents   .col1   .mainimgT {
	width: 296px;
	clear: left;
	float: left;
}
#contents   .col1   .txt {
	float: right;
	width: 425px;
	clear: right;
}
#contents   .col1   .txtT {
	float: right;
	width: 555px;
	clear: right;
}
#contents .col1 dl {
	margin: 0px;
	padding: 0px;
}
#contents .col1  dl dt {
	float: left;
	width: 90px;
}

#contents .col1 dl dd {
	padding-left: 90px;
}
#contents .col1 dl dd.harf {
	padding-left: 90px;
	width: 180px;
}
#contents .access .map {
	float: left;
	padding: 3px;
	height: 375px;
	width: 425px;
	border: 1px solid #BBBBBB;
	margin-right: 20px;
}
#contents .access .txt {
	float: right;
	width: 420px;
	clear: right;
}
#contents .access ol {
	margin: 0px;
	padding: 10px 0px 10px 20px;
	width: 390px;
	float: right;
	font-size: 90%;
	line-height: 1.7em;
}


#wrapper #contents .col2 {
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
}
#contents .col2 dl {
	margin: 0px;
	padding: 0px;
}
#contents .col2  dl dt {
	float: left;
	width: 90px;
}
#contents .col2 dl dd {
	padding-left: 90px;
}

#wrapper #contents .col3 {
	clear: both;
	margin-top: 15px;
	padding-bottom: 10px;
}
#wrapper #contents .col3 dl.sub {
	float: left;
	padding-right: 9px;
}
#wrapper #contents .col3 dl.subR {
	float: right;
}
#wrapper  #contents  .col3  dl  dd {
	padding-top: 3px;
	font-size: 90%;
}
#wrapper #contents a {
	color: #660000;
}
#wrapper #contents a:hover {
	color: #660000;
	text-decoration: underline;
}
#contents .contact #mailform table {
	width: 700px;
	margin: 8px auto;
	font-size: 90%;
	line-height: 1.5em;
}
#contents .contact #mailform .mailform th {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-bottom: 1px dotted #AAAAAA;
}
#contents .contact #mailform .mailform td {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-bottom: 1px dotted #AAAAAA;
}
#contents .contact #mailform .mailform th.top {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-bottom: 1px dotted #AAAAAA;
	border-top: 1px dotted #AAAAAA;
}
#contents .contact #mailform .mailform td.top {
	font-weight: normal;
	text-align: left;
	padding: 5px;
	border-bottom: 1px dotted #AAAAAA;
	border-top: 1px dotted #AAAAAA;
}
#contents .contact #mailform  .en {
	font-size: 95%;
	line-height: 1.5em;
	color: #888888;
}
.twitter {
	background: url(../images/icon-twitter.gif) no-repeat left 3px;
	padding-left: 25px;
	height: 22px;
	margin-top: 3px;
}
.hp {
	background: url(../images/icon-HP.gif) no-repeat left 3px;
	padding-left: 20px;
	height: 18px;
}
