@charset "shift_jis";
@import "reset.css";
@import "base.css";
@import "color.css";
body {
	text-align: center;
	margin: 0px auto;
	font: 80% verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
#header {
}
#header-right {
	width: 400px;
	text-align: right;
	float: right;
}
#header-right h1 {
	padding: 10px 10px 0px 0px;
}
#header-right .tel {
	font: bold 25px Verdana, Geneva, sans-serif;
	background: url(css-image/tel.gif) no-repeat left center;
	padding-left: 30px;
	float: right;
}


#header-right .open {
	font-size: 10px;
	float: right;
	padding: 2px 10px;
}
#title {
	float: left;
	width: 400px;
	height: 80px;
	text-align: left;
}

#header-image {
}
#header-menu {
}
#header-menu ul {
	margin: 0px auto;
	width: 900px;
}
#header-menu ul li {
	display: inline;
}
#header-menu ul li a {/*メニュー部分*/
	display: block;
	float: left;
	padding: 5px 25px;
	text-decoration: none;
	font-weight: bold;
	border-top-style: solid;
	border-left-style: solid;
	border-top-width: 15px;
	border-left-width: 5px;
}
#header-menu ul li a:hover {
	border-top-width: 5px;
	padding: 5px 25px 10px;
}
#rap {
	margin: 0px auto;
	width: 900px;
}
#contents {
	float: right;
	width: 685px;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#contents h2 {
	font-size: 120%;
	margin: 5px 5px 10px;
	padding: 15px 5px 5px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
}
#contents h3 {
	font-size: 110%;
	padding: 5px;
	border-left-style: solid;
	border-left-width: 20px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 5px;
}
#contents h4 {
	font-size: 110%;
	margin: 0px 5px 10px;
	padding: 5px 5px;
	border-left-style: solid;
	border-left-width: 10px;
}
#contents p , #contents table , #contents ul , #contents ol , #contents dl {
	line-height: 150%;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#contents .f1 {
	border-style: solid;
	border-width: 1px;
	padding: 10px;
}
#contents ul li {
	list-style: disc;
	margin-left: 20px;
	padding: 5px;
}
#contents ol li {
	list-style: decimal;
	margin-left: 20px;
	padding: 5px;
}
#contents dl dt {
	font-weight: bold;
	text-decoration: underline;
}
#contents dl dd {
	padding-left: 20px;
	padding-bottom: 10px;
}
#contents table td {
	padding: 3px 10px;
	text-align: left;
}
#contents table th {
	padding: 3px 10px;
	text-align: left;
}
#contents table.table-style1 td {
	padding: 7px 7px 3px;
	text-align: left;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#contents table.table-style1 th {
	padding: 7px 15px 3px 7px;
	text-align: left;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#contents table.table-style2 {
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
}
#contents table.table-style2 td {
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#contents table.table-style2 th {
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#contents table.table-style3 { 

border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #999999 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color: #FFFFFF; /* 背景色 */ 
} 

#contents table.table-style3 TD { 
border: 1px #999999 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 

/*四角で囲まれます*/
ul.list li{
	margin-bottom:3px;
	border: 1px solid #f2f2f2;}
ul.list li a{}


#sidebar {
	float: left;
	width: 214px;
	text-align: left;
	padding-top: 10px;/*サイドバートップメニューTopとの間隔*/
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#sidebar h3 {
	font-size: 12px;
	margin: 0px 5px;/*サイドバートップメニュー幅*/
	padding: 10px;/*サイドバートップメニュー縦*/
}

#sidebar ul {
	margin: 0px 5px 10px;/*サイドバーの間隔と横余白*/
	padding: 0px 2px 2px;
	border-style: solid;
	border-width: 1px;
}
/*大見出しと小見出しの間隔*/
#sidebar ul li a {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin: 1px 0px 0px;
	zoom: 1;
}
#sidebar ul li a:hover {

}
#sidebar ul li ul {
	margin: 0px;
	background: #FFF;
	padding: 0px 0px 0px 0px;/*サイドバー3層目３番目が間隔*/
	border-top: none;
	border-left-width: 8px;
}
#sidebar ul li ul li a {
	padding: 1px 2px 1px 10px;/*サイドバー3層目*/
	display: block;
	text-decoration: none;
	margin-top: 0px;
	font-weight: normal;
	border-top: none;
	border-bottom-style: dotted;/*点線になる*/
	border-right: none;
	border-left: none;
}
#sidebar p {
	margin: 0px 5px 10px;/*サイドバー3のバナー横余白*/
	padding: 2px;
	border-style: solid;
	border-width: 1px;
}
#sidebar dl {
	margin: 0px 5px 10px;/*サイドバー2の横余白-会社連絡先*/
	padding: 0px 2px 2px;
	border-style: solid;
	border-width: 1px;
}
#sidebar dl dt {
	font-weight: bold;
	padding: 5px 5px 0px 10px;/*サイドバー2の文字余白-会社連絡先*/
}
#sidebar dl dd {
	padding: 0px 5px 5px 10px;
}
#backtop {
	width: 900px;
	margin: 0px auto;
}
#backtop p {
	margin-left: 650px;
	padding: 5px 15px;
	margin-right: 20px;
}
#backtop a {
	font-weight: bold;
	text-decoration: none;
}
#backtop a:hover {
	text-decoration: underline;
}
#footer {
	padding: 20px;
}
#footer #copyright {
	float: left;
	width: 550px;
	text-align: left;
}
#footer #copyright p {
}
#footer #credit {
	float: right;
	width: 250px;
	text-align: right;
}
#footer #credit p , #footer #credit a {
	font-size: 90%;
	text-decoration: none;
}
#footer #credit a:hover {
	text-decoration: underline;
}