/*---------------------
 2015.11.10 KINET Save
-----------------------*/
/*---------------------
 Base
-----------------------*/
html {font-size:17px;}

body {
font-family: "HGゴシックE", "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",  Osaka,sans-serif;
background: #ffffff;
font-size:17px;
color: #000;
text-align:center;
padding: 0px;
margin:  0px auto;
}
img {
border:0;
}
a {
color: #000; 
text-decoration: none;
}
a:hover {
color: #777; 
text-decoration: none;
}
.hiddin {
display: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.float-l {
float: left;
}
.float-r {
float: right;
}
.clear {
clear: both;
height: 0px;
}
/*-------------------
  Contents wrappers
---------------------*/
#wrapper {
width: 960px;
text-align:center;
margin: 0 auto;
padding:0;
}
.left_contents {
float: left;
padding: 0px;
margin: 0;
}
.right_contents {
float: right;
padding: 0px;
margin: 0;
}

/*-------------------
 Header
-------------------*/
#header { 
width:  960px;
height: 260px;
text-align:left;
margin: 0px;
padding:0px;
}
.header_logo { 
float: left;
width:  600px;
height: 200px;
margin: 0px;
padding:0px;
}
#header h1{
text-align:left;
font-size: 24px;
color:#000080; 
line-height: 100%;
margin: 0px 0 0 157px;
padding:0;
}

.header_utility {
float: right;
width:  350px;
text-align:left;
font-size: 13px ;
font-weight: bold;
color:#666;
line-height: 160%;
}
.header_utility ul{
list-style: none;
font-size: 12px; 
font-weight: normal; 
color: #666; 
line-height: 100%;
padding: 0px;
margin: 10px 0px;
}
.header_utility li {
float: right;
text-align:center;
border-left:1px solid #ccc;
padding: 0px 0.8em ;
margin:  0px auto ;
}
.header_utility li.rightline {
border-right:1px solid #ccc;
}
.header_utility li a{
font-size: 12px; 
color: #666; 
line-height: 100%;
text-decoration: none;
}
.header_utility  span{
font-size: 14px ;
}
.header_utility .ad {
clear: both;
text-align:right;
font-weight: bold;
padding: 30px 10px 0 0px;
}
.header_utility .telfax {
font-size: 20px;
color:#000080; 
font-weight: bold;
padding: 0.4em 0px 0 0.4em;
}
.ad a {
color:#666; 
text-decoration: none;
}

/*-----  NAV -----*/
#nav {
clear: both;
width: 960px;
height: 40px;
margin: 0 20px 20px 20px;
}
#nav ul{
list-style: none;
text-align: left;
padding: 0;
margin: 0;
}
#nav li {
float:left;
list-style-type: none;
width: 154px;
height: 40px;
font-size: 15px;
text-align:center;
padding:0px;
margin:0px;
}
#nav a{
display:block;
width: 100%;
height: 100%;
border:1px solid #e0e0e0;
background: url(img/nav.gif) no-repeat; 
color:#000066;
line-height:250%;
text-decoration:none;
padding:0px;
margin:0px;
}
#nav a:hover {
display:block;
background: url(img/nav_on.gif) no-repeat; 
color:#dc0000;
}



/*-------------------
 Main 
-------------------*/
.contents_area {
clear: both;
text-align: left;
min-height: 700px;
height: auto !important;
height: 700px;
padding:0px;
margin:0px 50px;
}
.main_area {
clear: both;
float: left;
width: 608px;
text-align: left;
padding:0px;
margin:0px 0px;
}
.left_area {
float: right;
width: 320px;
text-align: left;
padding: 0px;
margin: 0px 5px 0 0px;
}
.contents_area h2 ,
.main_area h2 ,
.left_area h2 {
font-size:18px;
color:#666; 
border-left: 5px solid #dc0000; 
padding:0 0.5em;
margin: 0.75em 0;
}
.contents_area .rinen {
margin: 0 0 0 100px;
}
.contents_area .rinen h2 {
font-size: 23px;
color:#454545; 
border:0;
}
.contents_area .rinen h3 {
font-size: 20px;
color:#454545; 
border:0;
}
.contents_area h3 {
font-size:18px;
border:0;
}


/*--  table -- */
#contact {
font-size: 14px;
margin-bottom: 50px;
}
.gaiyo{
margin-bottom: 50px;
}
.contents_area .gaiyo table {
width:80%;
text-align:center;
margin: 0 auto; 
padding:0;
}
#contact table,
.contents_area table {
margin:  2em auto;
}
#contact th ,
#contact td ,
.contents_area .gaiyo th ,
.contents_area .gaiyo td {
border:1px solid #ccc;
font-size: 14px;
line-height: 150%; 
text-align:left;
font-weight: normal; 
padding: 0.8em 1.2em;
margin:  0;
}
#contact th ,
.contents_area .gaiyo th {
background:#ececec;
}
.contents_area .gaiyo td {
background:#fff;
}





/*-- newinfo -- */
.newinfo {
width: 620px;
padding: 0px;
margin: 0px ;
}
.newinfoin {
height:8em;
overflow-y:scroll;
padding: 0;
margin: 0px 0 30px 0;
border: 1px solid #e0e0e0; 
}
.newinfoin dl {
font-size: 14px; 
color:#003399;
padding: 0;
margin: 0px;
}
.newinfoin  a {
color:#003399;
text-decoration: underline;
}
.newinfoin  dt {
clear: both;
float: left;
width: 80px;
padding: 0.35em 10px;
margin:  0px;;
}
.newinfoin dd {
float: left;
width: 470px;
text-align: left;
line-height: 150%;
border-bottom: 1px solid #D4D4D4;
padding: 0.35em 20px 0.35em 0;
margin:  0px 0 6px 0;
}
/*-- newinfo -- */

.left_area li {
line-height: 180%;
}

.box_calendar {
padding:  0px;
margin: 10px 0px;
}

/*---------------------
two_column
-----------------------*/

.two_column_area_left {
float: left;
}
.two_column_area_right {
float: right;
padding:  0 0 0px 20px ;
}
.two_column_area_left ,
.two_column_area_right {
border: 1px solid #000080; 
text-align: left;
font-size:12px;
padding: 0px;
margin: 0 0 20px 0px ;
}
.pic { 
float: left;
width: 120px;
}
.pic img { 
width: 120px;
}
.columnin_right {
float: left;
width: 150px;
height: 280px;
background: #eaeaea;
font-size: 14px;
line-height: 140%;
padding: 10px;
margin: 0 0px 0px 5px ;
}
.columnin_right h3 {
color:#000080; 
border-bottom: 1px  solid #C3C2B2;
border-left:0;
padding:0 0 0.25em 0;
margin: 0 0 0.5em 0em;
}
.pamphlet_note {
font-size: 18px; 
line-height: 200%;
text-align: center;
margin: 1.5em auto;
}
.pamphlet_note h4 {
border:solid 1px #666;
border-radius: 1em;
width:11em; 
font-size: 145%; 
color:#666; 
padding: 0.5em 0.85em;
margin: 0.5em auto;
}
.pamphlet_img {
text-align: center;
margin: 20px auto;
}
.booklet_note {
font-size: 18px; 
line-height: 200%;
text-align: left;
margin: 1.5em 50px;
}
.booklet_note h4 {
border:solid 1px #666;
border-radius: 1em;
width:12em; 
text-align: center;
color:#666; 
padding: 0.25em 0.35em;
margin: 0.5em 0;
}

/*------------------ 
 Font
 ----------------- */
.colorgray {
color: #666; 
}
.red{
color:#FF3366;
}
.ao {
color:#0075c2;
}
.small {
font-size: 85%;
}
.large {
font-size: 125%;
}
.largehb {
font-size: 2.45em;
margin: 0.5em 0px;
}
.note {
margin: 0 0 1.8em 1.25em;
}
.hline  {
line-height: 160%; 
}
.thank {
text-align: left;
font-size: 18px; 
color: #000000; 
line-height: 200%; 
margin: 0px auto; 
padding: 0px;
}

/*------------------ 
 CALENDAR border: 1px solid #666666;
 ----------------- */

#calendar {
text-align: center;
color:#333;
font-size: 16px;
margin: 0 ; 
padding:0;
}
#calendar .month {
font-size: 16px;
font-weight: bold;
}
#calendar table {
border:1px solid #B3B9EF;
border-collapse:collapse; 
margin: 10px 0 ; 
padding:0;
}
#calendar th ,
#calendar td {
width:40px;
height:22px;
border:1px solid #B3B9EF;
background:#fff;
font-size: 13px;
text-align: center;
padding: 0.25em;
margin:  0;
}
#calendar th {
background:#ececec;
font-weight: normal;
}
#calendar td {
background:#fff;
}

#calendar td:hover {
background:#DFE7FF;
}
#calendar .holiday_red {
color:#FF3333;
font-weight: bold;
}
#calendar .holiday_ao{
color:#0066CC;
font-weight: bold;
}
#calendar td.holiday_red{
color:#FF3333;
}
#calendar th.holiday_red {
color:#FF3333;
}
#calendar td.holiday_ao{
color:#0066CC;
}
#calendar th.holiday_ao {
color:#0066CC;
}
#calendar td.today {
background:#FEFF99;
}
#calendar th.today {
background:#FEFF99;
}

#calendar td.todayholiday {
background:#FEFF99;
color:#FF9966;
}


/*-------------------
  Copyright  Footer
-------------------*/
#footer {
clear: both;
background: #eaeaea;
text-align: center;
margin: 10px auto;
padding:10px 0 0 0px;
}
.copyright ,
.copyright table {
text-align: center;
margin: 0px auto;
padding:0px;
}
.copyright td {
text-align: left;
}
.copyright ,
.copyright a ,
.copyright td {
font-size: 14px; 
color: #343434; 
line-height: 160%;
}