@charset "UTF-8";
html {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #f3f5f8;
	color: #221e1f;
	margin:0;
	padding:0;
}
a {
	color: #221e1f;
	text-decoration: none;
}
a:link, a:visited, a:active {
	color: #221e1f;
}
a:hover {
	color: #221e1f;
}
a img {
	border-style:none;
}
.clear{
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
#Wrapper {
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #FFFFFF;
}
#Content {
	padding: 35px 70px;
	width: 860px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-color: #f3f5f8;
}
#HeaderMenu {
	width: 860px;
	height: 66px;
	margin: 0 0 22px;
}
#HeaderLogo {
	width: 279px;
	height: 66px;
	text-indent: -10000px;
	background-image:url(../images/header_logo.jpg);
	float: left;
}
#HeaderMenu ul {
	margin:0;
	padding-top: 38px;
}
#HeaderMenu li {
	display: inline;
	float: left;
}
#HeaderMenu li a {
	height: 25px;
	text-indent: -10000px;
	display: block;
}
#HeaderMenu li.home,
#HeaderMenu li.event,
#HeaderMenu li.machiaruki,
#HeaderMenu li.salon,
#HeaderMenu li.works,
#HeaderMenu li.information,
#HeaderMenu li.aboutUs,
#HeaderMenu li.inquiry {
	width: 85px;
	margin-right: 10px;
}
#HeaderMenu li.media {
	width: 106px;
}
#HeaderMenu li.salon {
	width: 102px;
}
#HeaderMenu li.inquiry {
	margin-right:0px;
}
#HeaderMenu li.home a {
	background-image: url(../images/home.png);
}
#HeaderMenu li.event a {
	background-image: url(../images/event.png);
}
#HeaderMenu li.information a {
	background-image: url(../images/information.png);
}
#HeaderMenu li.aboutUs a {
	background-image: url(../images/about_us.png);
}
#HeaderMenu li.inquiry a {
	background-image: url(../images/inquiry.png);
}
#HeaderMenu li.media a {
	background-image: url(../images/media.png);
}
#HeaderMenu li.machiaruki a {
	background-image: url(../images/machiaruki.png);
}
#HeaderMenu li.salon a {
	background-image: url(../images/salon.png);
}
#HeaderMenu li.works a {
	background-image: url(../images/works.png);
}
#HeaderMenu li.home a:hover, #HeaderMenu li.event a:hover, #HeaderMenu li.information a:hover, #HeaderMenu li.aboutUs a:hover, #HeaderMenu li.inquiry a:hover, #HeaderMenu li.media a:hover, #HeaderMenu li.machiaruki a:hover, #HeaderMenu li.salon a:hover, #HeaderMenu li.works a:hover {
	background-position: bottom;
}
#MainContents {
	width: 588px;
	float: left;
}
#TopImage {
	width: 588px;
	height: 356px;
	overflow:hidden;
	margin-bottom: 22px;
}
#TopImage pre{display:none;}
ul#TopImage{margin-left:0;margin-right:0;margin-top:0;padding:0;list-style:none;position:relative;}
ul#TopImage li{
	margin:0;
	padding:0;
	position:absolute;
	list-style:none;
	top:0;
	left:0;
	display: block;
	margin: 0 auto;
}
ul#TopImage li a img{
	border-style:none;
	vertical-align:bottom;
}


#MainContents .item {
	width: 122px;
	height: 243px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-image: url(../images/item_back.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
	padding: 10px;
	float: left;
	overflow:hidden;
}
#MainContents .item p.title {
	font-size: 10px;
	font-weight: bold;
}
#MainContents .item p.description {
	margin-top: 5px;
	font-size: 8px;
}
#MainContents .pageswitch{
	clear:both;
	padding-top:20px;
	font-size:12px;
	text-align:center;
}
#MainContents .btn_request{
	text-align:center;
	margin:70px 0 50px;
}
#MainContents h1 img{vertical-align:bottom;}
#MainContents h1.othertit{
	background:url(../images/h1_bg.png) left top no-repeat;
	padding:0 0 5px 77px;
	line-height:50px;
	font-weight:bold;
	font-size:24px;
}
.conBox{
	background-color:#ffffff;
	padding:25px 50px;
	font-size:12px;
	line-height:18px;
}
.conBox h2{
	background:url(../images/h2_bg.png) left top no-repeat;
	position:relative;
	padding:0 0 0 30px;
	margin:20px 0 15px -30px;
	color:#666;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
}
.conBox h2.eventtit{
	padding-right:30px;
	padding-bottom:8px;
	margin-right:-30px;
	border-bottom:1px solid #adaca9;
}
.conBox .h3{
	width:100%;
	margin:10px 0;
	border:1px solid #9fa0a0;
	border-collapse:collapse;
}
.conBox .h3 td{
	width:14px;
	padding:5px;
	border:1px solid #9fa0a0;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color:#666;
}
.conBox .h3 th{
	padding:5px;
	border:1px solid #9fa0a0;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	color:#666;
}
.conBox h4{
	margin:10px 0 5px;
	font-weight:bold;
	color:#153E79;
}
.conBox p{margin-bottom:1em;}
.conBox .tbl_01{
	margin:0 0 1em;
	border-collapse:collapse;
	border-top:3px solid #163f79;
	border-right:1px solid #163f79;
	border-bottom:1px solid #163f79;
	border-left:1px solid #163f79;
}
.conBox .tbl_01 th{
	padding:5px 10px;
	border-right:1px dotted #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-weight:bold;
}
.conBox .tbl_01 td{
	padding:5px 10px;
	border-right:1px dotted #ccc;
	border-bottom:1px solid #ccc;
}
.conBox .tbl_02{
	margin:0 auto 1em;
	border-collapse:collapse;
}
.conBox .tbl_02 th{
	padding:5px 10px;
	vertical-align:top;
	text-align:center;
	font-weight:bold;
}
.conBox .tbl_02 td{
	padding:5px 10px;
	vertical-align:top;
}

.conBox th p,
.conBox td p{margin-bottom:0;}
.conBox a:hover img{opacity:0.8; filter:alpha(opacity=80);}
.conBox img.justifyleft{float:left; padding:0 10px 10px 0;}
.conBox img.justifyright{float:right; padding:0 0 10px 10px;}
.conBox strong{
	font-weight:bold;
}
.conBox a:link, a:visited, a:active {
	color: #221e1f;
}
.conBox a:hover {
	color: #666666;
}
.conBox .important{font-weight:bold; color:#cc0000;}
.conBox ul li{
	background:url(../images/icon_01.png) left 3px no-repeat;
	padding-left:13px;
}
.conBox form table.tbl_01{
	width:480px;
}
.conBox form table.tbl_01 th{
	width:150px;
	text-align:right;
}

#RightMenu {
	width: 250px;
	float: right;
}
#Information {
	width: 236px;
	min-height: 322px;
	height: auto !important;
	height: 322px;
	margin-bottom: 22px;
	padding-bottom: 20px;
	background-color: #ffffff;
	border: 7px solid #dcdddd;
	position:relative;
}
#InfoDescription {
	padding-top: 17px;
	padding-left: 17px;
	padding-right: 17px;
}
#InfoDescription li {
	padding-left: 13px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	line-height: 14px;
	font-size: 12px;
	padding-bottom: 10px;
}
#InfoDescription a:hover{color:#666666;}
#InfoDescription .morelink{
	position:absolute;
	right:17px;
	bottom:10px;
	text-align:right;
	line-height: 14px;
	font-size: 10px;
}

#InfoDescription2{
	margin-bottom: 22px;
}
#InfoDescription2 h4{
	background:url(../images/side_tit_bg.gif) left top no-repeat;
	min-height:27px;
	height:auto !important;
	height:27px;
	padding:25px 0 0 32px;
	margin:0 0 10px;
	border-bottom:1px solid #666;
	font-size:14px;
	line-height:25px;
	font-weight:bold;
}
#InfoDescription2 a:hover{color:#666666;}
#InfoDescription2 li {
	padding-left: 13px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	font-size: 12px;
	padding-bottom: 10px;
}

#RightMenu .date {
	font-size: 10px;
}
#RightMenu .bannerImage {
	width: 250px;
	margin-bottom: 10px;
	background-color: transparent;
	text-indent: -10000px;
}
#RightMenu .bannerImage a {
	width: 250px;
	height: 55px;
	display: block;
	background-image: url(http://dummyimage.com/250x55);
	overflow:hidden;
}
#RightMenu .osusume a {
	width: 250px;
	height: 75px;
	display: block;
	background-image: url(../images/banner_osusume.gif);
}
#RightMenu .nighttour a {
	width: 250px;
	height: 75px;
	display: block;
	background-image: url(../images/bnr_nighttourmap2012.jpg);
}
#RightMenu .innovation a {
	width: 250px;
	height: 75px;
	display: block;
	background-image: url(../images/innovation.jpg);
}
#RightMenu .saron a {
	width: 250px;
	height: 75px;
	display: block;
	background-image: url(../images/saron.jpg);
}
#RightMenu .member a {
	width: 250px;
	height: 75px;
	display: block;
	background-image: url(../images/member.png);
}
#RightMenu .kitaq a {
	width: 250px;
	height: 92px;
	display: block;
	background-image: url(../images/kitaq.jpg);
}
#RightMenu .letscity a {
	width: 150px;
	height: 50px;
	display: block;
	margin:0 auto;
	background-image: url(../images/bnr_letscity.gif);
}
#RightMenu .kitakyushu a {
	width: 150px;
	height: 50px;
	display: block;
	margin:0 auto;
	background-image: url(../images/bnr_kitakyushu.jpg);
}
#RightMenu .banner_choinomi a {
	width: 250px;
	height: 75px;
	display: block;
	margin:0 auto;
	background-image: url(../images/banner_choinomi.jpg);
}
#RightMenu .order a {
	width: 250px;
	height: 75px;
	display: block;
	margin:0 auto;
	background-image: url(../images/ordertour.png);
}
#RightMenu .archive a {
	width: 250px;
	height: 75px;
	display: block;
	margin:0 auto;
	background-image: url(../images/renkei.jpg);
}
#RightMenu .facebook a {
	width: 250px;
	height: 75px;
	display: block;
	margin:0 auto;
	background-image: url(../images/KTTdiary.png);
}
#RightMenu .osusume a:hover, #RightMenu .nighttour a:hover, #RightMenu .innovation a:hover, #RightMenu .saron a:hover, #RightMenu .member a:hover, #RightMenu .kitaq a:hover , #RightMenu .order a:hover , #RightMenu .archive a:hover , #RightMenu .facebook a:hover {
	background-position: bottom;
}
#NPOkitaq {
	width: 210px;
	height: 99px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 22px;
	background-image: url(../images/npo_kitaq.png);
}
.space10 {
	height: 10px;
	overflow:hidden;
	line-height;8px;
	font-size:8px;
}
.clear {
	clear: both;
	height: 0px;
}

/* event */
.eventtop{
	background-color:#fff;
	padding:20px 0;
}
.eventtop h2{
	background:url(../images/h2_bg.png) left top no-repeat;
	padding:0 0 0 30px;
	margin:0 0 15px 10px;
	color:#666;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
}
.conBox .category{
	font-size:10px;
	text-align:right;
	margin-bottom:5px;
}