@charset "utf-8";
body {
margin: 0;
padding: 0;
color: #000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
font-size: 100%;
line-height: 1.4;
}
h1 { margin: 0px; }
h2 {
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #39F;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 20px;
letter-spacing: 0.2em;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
}
p {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
ul, ol, dl { 
padding: 0;
margin: 0;
}
a img { border: none;}
a:link {
color: #42413C;
text-decoration: underline; 
}
a:visited {
color: #6E6C64;
text-decoration: underline;
}
a:hover, a:active, a:focus {
text-decoration: none;
color: #39F;
}
/* -----  container  -----  */
#container {
width: 1000px;
margin-top: 0;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
font-size: 90%;
}
/* -----  header  -----  */
#header {
height: 500px;
width: 1000px;
}
#navi {
padding: 0px;
height: 50px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#navi ul { list-style-type: none; }
#navi ul li {
float: left;
width: 162px;
margin-left: 4px;
display: block;
height: 50px;
}
#navi ul li a {
text-align: center;
line-height: 50px;
text-decoration: none;
display: block;
border: 1px solid #CCC;
font-size: 12px;
}
#navi ul li a:hover {
background-color: #39F;
color: #FFF;
}
/* -----  content  -----  */
#content { 
}
#sideleft {
width: 280px;
float: left;
margin-right: 80px;
padding-top: 30px;
text-align: justify;
text-justify: inter-ideograph;
}
.g-bg {
background-color: #F5F5F5;
padding: 10px;
border-radius: 10px;
margin-bottom: 30px;
border: 1px solid #CCC;
}

.title {
font-weight: bold;
font-size: 18pt;
letter-spacing: 0.2em;
background-image: url(../image/index/title-bg.gif);
background-repeat: repeat-x;
background-position: left top;
width: 270px;
color: #FFF;
padding-left: 10px;
margin-bottom: 10px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
height: 46px;
padding-top: 2px;
padding-bottom: 2px;
}
.tensyu {
height: 80px;
margin-bottom: 10px;
}
.minoru {
padding: 3px;
height: 71px;
width: 80px;
border: 1px solid #CCC;
float: left;
margin-right: 30px;
}
.goukai { text-align: center; }
.more {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 175px;
}
.more a {
display: block;
height: 40px;
width: 80px;
background-color: #CCC;
line-height: 40px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #666;
border: 1px dotted #666;
}
.more a:hover { color: #39F; }




#main {
width: 280px;
margin-right: 80px;
float: left;
padding-top: 30px;
text-align: justify;
text-justify: inter-ideograph;
}
.muryou {
font-size: 170%;
color: #C00;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
letter-spacing: 0.2em;
}

#sideright {
float: left;
width: 280px;
padding-top: 30px;
text-align: justify;
text-justify: inter-ideograph;
}
/* -----  footer  -----  */
#footer {
margin-bottom: 0px;
padding-top: 10px;
padding-right: 0;
padding-bottom: 10px;
padding-left: 0;
background-color: #000;
width: 100%;
height: 100px;
background-image: url(../image/index/footer-bg.gif);
background-repeat: repeat-x;
background-position: left top;
font-size: 85%;
clear: both;
}
.footerarea {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.f-adre {
color: #FFF;
float: left;
}
.f-navi {
float: left;
margin-left: 100px;
}
.f-navi ul {
list-style-type: none;
text-align: right;
margin-right: -20px;
}
.f-navi ul li {
display: inline;
margin-right: 20px;
}
.f-navi ul li a {
color: #FFF;
text-decoration: none;
}
.f-navi ul li a:hover { color: #39F; }


/* -----  other  -----  */
.fltrt { 
float: right;
margin-left: 8px;
}
.fltlft { 
float: left;
margin-right: 8px;
}
.clearfloat { 
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.txt-9 {
	font-size: 9pt;
}
.txt-10 {
	font-size: 10pt;
}
.txt-11 {
	font-size: 11pt;
}



/* -----  text  -----  */
.txt-12 { font-size: 12pt; }
.txt-14 { font-size: 14pt; }
.txt-16 { font-size: 16pt; }
.txt-18 { font-size: 18pt; }
.txt-20 { font-size: 20pt; }
.txt-22 { font-size: 22pt; }
.txt-24 { font-size: 24pt; }
.txt-26 { font-size: 26pt; }
.txt-28 { font-size: 28pt; }
.txt-30 { font-size: 30pt; }
.txt-c {
	text-align: center;
}

.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }

.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-50 { margin-top: 50px; }

.m-b-10 { margin-bottom: 10px; }
.m-b-20 { margin-bottom: 20px; }
.t-m15 {
	line-height: 1.8ex;
}



.red { color: #F00; }



/* -----  table  -----  */
.table001 {
border-collapse: separate;
border-spacing: 2px;
width: 280px;
margin-bottom: 10px;
}
.table001 caption {
margin-top: 1em;
text-align: right;
}
.table001 th,
.table001 td {
padding-top: 6px;
padding-right: 2px;
padding-bottom: 6px;
padding-left: 2px;
}
.table001 th {
border-bottom: solid 1px #B2B2B2;
border-right: solid 1px #B2B2B2;
text-align: center;
background-color: #CCFFFF;
font-size: 90%;
}
.table001 td {
border-bottom: solid 1px #B2B2B2;
border-right: solid 1px #B2B2B2;
text-align: left;
background-color: #F3F3F3;
vertical-align: top;
font-size: 85%;
}
.tel {
	color: #09F;
	font-size: 160%;
	text-align: center;
	margin-top: 1em;
	border: 1px solid #06F;
	margin-right: 1em;
	margin-left: 1em;
}
