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

/* 全体
---------------------------------------------------------- */
html,body {
	height: 100%;
}

#wrapper {
	width: 100%;
	font-size: 93%;
	margin: 0px auto;
	background-color: #FFF;
	color: #545454;
	overflow: hidden;
    position: relative;
    height: 100%; /*IE6対策*/
    min-height: 100%;
	height: auto !important; /*IE6対策*/
}

/* Helper
---------------------------------------------------------- */
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.pt5 { padding-top: 5px !important; }
.pb5 { padding-bottom: 5px !important; }

.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

.w30p { width: 30%; }
.w50p { width: 50%; }
.w100p { width: 100%; }

/* ヘッダー
---------------------------------------------------------- */
#header {
	width: 950px;
	position: relative;
	margin: 0px auto;
}

#header dl {
	float: left;
	position: absolute;
	z-index: 20;
}

#header ul {
	top: 0;
	right: 0;
	z-index: 20;
	position: absolute;
}

#header ul li {
	float: left;
}

#header ul li a {
	display: block;
	height: 100%;
}

/* IE6 hack */
* html #header ul li a {
	display: inherit;
	height: auto;
}


#header dl dt { margin: 35px 20px 15px 30px; }

#header ol {
	float: left;
	position: absolute;
	z-index: 20;
	left: 120px;
	/* margin: 85px 0px 20px 0px; */
	/* margin: 15px 0px 20px 0px; */
	margin: 85px 0px 20px 0px;
	top: 5px;
}

.topImage {
	float: right;
	/* margin: -400px 0px 0px 110px; */
	/* スライダー廃止に伴い、配置調整 */
	/* margin: 130px 0px 0px 110px; */
	/* margin: -400px 0px 0px 110px; */
	margin: -330px 0px 0px 110px;
}

/* Youtube の上に 筆記体ロゴを乗せる */
#header ol li img.pngfix {
	z-index: 1000;
	position: absolute;
}

/* コンテンツ
---------------------------------------------------------- */
#container {
	width: 950px;
	overflow: hidden;
	margin: 0px auto;
	/* padding: 650px 0px 55px 0px; */
	/* padding: 650px 0px 15px 0px; */
	/* padding: 550px 0px 55px 0px; */
	padding: 620px 0px 55px 0px;
}

#container a {
	/* color: #545454; */
	color: #000066;
	text-decoration: none;
}

#container a dl dt:hover,
#container a dl dd:hover,
#container a:hover {
	color: #5454BB;
	text-decoration: underline;
}

h2 { margin-top: -20px; }

.contentLeft h2 { margin-bottom: 20px; }

h3 {
	font-weight: bold;
	font-size: 123.1%;
	color: #000000;
	margin-bottom: 15px;
	background-color: #E0E0E0;
	padding: 15px;
	
	text-shadow: 1px 1px 0px rgba(240, 240, 240, 0.7);
}
	
h3 span { margin: 2px 10px 0px 0px; }

h4 {
	color: #000000;
	font-size: 108%;
	font-weight: bold;
	margin: 5px 0px;
}

.contents { margin-bottom: 60px; }

.contentLeft {
	float: left;
	width: 230px;
	margin-right: 30px;
}

.contentMain {
	float: left;
	width: 690px;
}

.entryLabel {
	font-size: 120%;
	color: #0000BB;
	margin-bottom: 5px;
}

.box01 dl {
	width: 690px;
	clear: both;
	overflow: hidden;
	/* margin-bottom: 20px; */
	border-bottom: dotted 1px #ccc;
	padding-bottom: 2px;
	margin-bottom: 18px;
}

.box01 dl dt {
	float: left;
	/* font-size: 85%; */
	font-size: 95%;
}
	
.box01 dl dd {
	float: left;
	margin-left: 10px;
	font-size: 108%;
}	

.box02 dl {
	float: left;
	width: 215px;
	line-height: 1.5em;
	margin-right: 20px;
}

.box02 dl.none { margin-right: 0px; }

.contentMain table th {
	background-color: #F5F4EF;
	font-size: 108%;
	font-weight: bold;
}

.contentMain table th,
.contentMain table td {
	padding: 10px;
	border: 1px solid #E3E3E3;
}

.box03 p {
	font-size: 123.1%;
	width: 668px;
	padding: 10px;
	font-weight: bold;
	background-color: #F5F4EF;
	border: 1px solid #E3E3E3;
}
	
.box03 dl { display: table; }
	
.box03 dl.last { border-bottom: 1px solid #E3E3E3; }
	
.box03 dt,
.box03 dd {
	float: left;
	padding: 10px;
	display: table-cell;
	vertical-align: middle;
	font-size: 108%;
}

.box03 dt {
	width: 120px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
}
	
.box03 dd.tel { width: 170px; }

.box03 dd.address {
	width: 230px;
	border-left: 1px solid #E3E3E3;
	border-right: 1px solid #E3E3E3;
}
	
.box03 dd.btn {
	width: 85px;
	padding: 5px 10px;
	border-right: 1px solid #E3E3E3;
}
	
.box03 div.toppage { width: 690px; }
	
.box03 a img {
	float: right;
	margin: 15px 0px;
}
	
.box03 dd.btn a img { margin: 5px 0px; }


/* サイドメニュー　
---------------------------------------------------------- */
.acMenu,
.sidemenu dl {
	border: 1px dotted #B6B6B6;
	width: 153px;
	padding: 5px 10px;
	margin-bottom: 10px;
}
	
.sidemenu dl ul {
	width: 145px;
	border-top: #B6B6B6 1px solid;
}

.acMenu dt {
    display: block;
    width: 135px;
    cursor: pointer;
	color: #525252;
	font-weight: bold;
	font-size: 93%;
	background: url(../img/btn_open.gif) no-repeat right 10px center;
}
	
.sidemenu dl dt {
	width: 145px;
	padding: 7px 5px;
	color: #525252;
	font-weight: bold;
	font-size: 93%;
}
	
.acMenu dd { display: none; }
	
.sidemenu dl dd li {
	border-bottom: #B6B6B6 1px dotted;
    width: 135px;
	font-size: 93%;
	padding: 7px 5px 5px 5px;
}

.sidemenu dl dd li.last { border-bottom: 0px; }

.sidemenu dl dd span {
	font-size: 60%;
	color: #6D6D6D;
	margin-right: 5px;
}

.sidemenu dl dd li a { text-decoration: none; }
	
.acMenu dt.active {
	background: url(../img/btn_close.gif) no-repeat right 10px center;
}


/* フッター
---------------------------------------------------------- */
#footer {
	width: 100%;
	height: 40px;
	margin: 0px auto;
	position: absolute;
	bottom: 0px;
	border-top: 1px dotted #B6B6B6;
}

#footer img {
	float: right;
	top: -15px;
	position: absolute;
	bottom: 0;
}
	
#footer img:hover { margin-top: -10px; }

#footer #footerInner {
	width: 950px;
	position: relative;
	margin: 0px auto;
}

#footer #footerInner ul {
	padding: 5px 0px;
	width: 900px;
	float: left;
}

#footer address {
	font-size: 9px;
}
	
#footer p {
	padding-bottom: 5px;
	font-size: 10px;
}