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

* {margin:0px; padding:0px;}

/*float box
----------------------------------------*/
.floatbox{overflow: hidden;}
.floatbox:after {height: 1px;clear: both;overflow: hidden;display: block;content: "";}
/*\*/
* html .floatbox{height: 1em;overflow: visible;}
/**/
/*------------------------------------*/

/*------------------------------------*/
/*font size reset
----------------------------------------*/
body {
  font-size: 1em;
	line-height:1.3em;
}

/*------------------------------------*/
* html table {
  font-size: 100%;
}

/*------------------------------------*/
/*margin padding reset
----------------------------------------*/
body { 
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}
img{width:100%;}

/*------------------------------------*/
/*h
----------------------------------------*/

#contents h1{
padding:10px 5px;
color:#666;
font-size: 1.2em;
}
#contents h2{
font-size: 1.1em;
padding: 3px 5px;
color:#333;
border-bottom: 1px solid #666;
border-left: 5px solid #666;
	}	
	
h3 {  font-size: 1.1em;}
#contents h3{
padding-left:5px;
margin:5px 0px;
border-bottom: 1px solid #666;
position:relative;
}
#contents h3 .number{ padding:0 5px; background:#666; color:#FFF; margin-right:5px;}

h4 {  font-size: 1em;}

h5 {  font-size: 1em;}

h6 {  font-size: 1em;}

h4, h5, h6 {  padding: 3px 0;  margin: 0;}

li { margin:3px 0;}

/*------------------------------------*/
.sitemap ul {
  padding-left: 30px;
}

.sitemap li {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}

body {
	background:#FFF;
  color: #333;
  font-family: Arial,meiryo,"メイリオ",osaka, Helvetica, sans-serif;
}

p{margin:0.5em 0 0.7em;}

textarea {
  color: #333;
  font-family: Arial,meiryo,"メイリオ",osaka, Helvetica, sans-serif;
}

a {
  outline: none;
	color:#000;
}
a:hover{color:#C00;}

a:hover img {	background-color:inherit;	filter: alpha(style=0, opacity=80);	-moz-opacity:0.80;	opacity:0.80;	text-decoration:none;	border-bottom-style: none;}

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

#wrap{position:relative; padding:0px; margin:0px;}

#wrap .DSmenu {
width:270px; 
background:#333;
-webkit-transform:translateX(270px);	
transform:translateX(270px);	
-webkit-transition:ease .5s;
transition:ease .5s;
position:absolute; 
position:fixed; 
top:0; 
right:0;
z-index:999;
}
#wrap .DSmenu.action {
	width:270px;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
#wrap .DSmenu .DSbtn {
position:absolute; top:0; 
left:-50px; 
width:50px; 
height:50px; 	
-webkit-transition:ease .5s;
transition:ease .5s;
cursor:pointer;
}
#wrap .DSmenu .DSbtn .btnMenu { width:50px;}
#wrap .DSmenu .DSbtn .btnClose { width:50px; display:none;}

#wrap .DSmenu .DSbtn:hover {
position:absolute; 
top:0;
right:-50px; 
width:50px; 
height:50px;	
}
#wrap .DSmenu.action .DSbtn {
}
#wrap .DSmenu a, a:hover {
text-decoration:none;
}

#wrap .DSmenu ul {
width:100%;	
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
#wrap .DSmenu ul li {
	float:left;
list-style-type:none;
padding:15px 5px;
width:124px;
font-size:15px;
font-weight:bold;
line-height:15px;
border-left:#666 1px solid;
border-bottom:#666 2px solid;
margin:0;
}
#wrap .DSmenu ul a li {
color:#CCC;
}
#wrap .DSmenu ul a li.after {
	font-size:14px;
	line-height:14px;
	padding-bottom:16px;
}

#wrap .DSmenu ul li:hover {
background:#F6F6F6;
color:#333;
/*
list-style-type:none;
padding:10px 10px;
width:100%;
*/
}
#wrap .DSmenu.action .DSbtn .btnMenu { display:none;}
#wrap .DSmenu.action .DSbtn .btnClose { display:block;}

#header{
margin:0;
padding:0px;
position:relative;
overflow:hidden;
background:#f2f2f2;
}
#header #site_read{
position:relative;
font-size:0.80em;
line-height:100%;
font-weight:normal;
overflow: hidden;
margin:2px 0 0 2px; padding:0px;
}
a#logo{ margin-bottom:3px; padding:0px;line-height:0px;display:block;}
a#logo img{ width:190px; margin:0px; padding:0px;}
#header p{margin:0; padding:0;}
#header .tel{width:100%; background:#666; color:#FFF; margin:0px; padding:3px;}
#header .tel a{font-weight:bold; color:#FFF; margin-left:12px; font-size:1.2em;}

#pathouter { margin:0px auto;
background-color:#fff;
}

#path{
	margin:0 auto;
	text-align:left;
	padding-top:2px;
	font-size:0.9em;
	color:#888;
	background:#fff;
	clear:both;
	padding-left:10px;
	border-bottom:#ccc solid 2px;
	}
#contentsouter{ background:#fff;}

#contents{
margin:0 10px;
background:#FFF;
padding:;
position:relative;
min-height:300px;
height:auto !important;
height:300px;
}

#contents_L{
width:98%;
text-align:left;
margin:0px 1%;;
overflow: hidden;
}

#contents_R{
position:relative;
background:#f9f9f9;
overflow: hidden;
}

#page_bottomA { margin:10px auto 0 auto; padding:0px; border-left:#CCC solid 1px; border-right:#CCC solid 1px; text-align:center;}
#page_bottomA img{width:96%; margin:auto;}
@media screen and (min-width:480px){
	#page_bottomA a img.bnr_yoyaku.for_pc{ display:block;}
	#page_bottomA a img.bnr_yoyaku.for_sp{ display:none;}
}
#footerouter {
	position:relative;
	text-align:center;
	width:100%;
	background:#666;
	margin:0px; padding:0px;
}


#footer{
margin:0px auto;
color:#fff;
line-height:1.5em;
}

#footerlinklist{
	overflow: hidden;
	padding-bottom:20px;
	border-bottom:#999 1px solid;
	width:100%;
}
#footer #footerlinklist .linklist{
float:left;
margin:10px 15px;
width:40%;
}

#footer li{
text-align:left;
}

/*
#footer #footerlinklist .linklist li a{ display:block;
	color:#fff; padding:2px 0;
}
*/

#footer #footerlinklist .linklist ul li ul li ul li{list-style:disc;}
#footer li a{color: #FFF;}
#footer li a:hover{
color: #FFC;
background:none;
}
#footer ul li ul{ float:none; margin:0px 15px; width:100%;}


#address, #copyright{
font-weight:normal;
font-style:normal;
display:inline;
overflow: hidden;
color:#CCC;}
#address{float:left;}
#copyright{float:right;}


/*--------------------------------------------------------*/

table{
	border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
	width:95%;
	margin:1em auto;
	}
th {
    padding: 5px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
td {
    padding: 5px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
}
pre {
  background: #F8F9F1;
  padding: 5px;
}



#contents_L hr {
  border: none;
  border-bottom: 1px solid #aaa;
}

hr.anchor{ visibility:hidden; height:1px;}

#contents_L_body table {
  width: 90%;
  margin: 1em auto;
}

.news {
  margin: 0;
}

.news dt {
  padding-left: 10px;
}

.news dt a {
  font-weight: bold;
}

.news dd {
  font-size: 90%;
  line-height: 1.4em;
  margin: 0;
  padding: 0 10px 10px 95px;
  color: #666;
  border-bottom: 1px dotted #ccc;
}
.jnews dt{background:url(../img/buret3.gif) no-repeat 0 10px;}


.formtd1{
	background:#efefef;
	}
.wp_mailform_btn{
	text-align:center;
	}

iframe.youtube{width:295px; height:250px;}

@media screen and (min-width:340px){
iframe.youtube{width:310px; height:270px;}
}
@media screen and (min-width:480px){
iframe.youtube{width:450px; height:350px;}
}
@media screen and (min-width:580px){
iframe.youtube{width:550px; height:405px;}
}
.for_sp{width:100%; text-align:center;}
.for_sp a.go_top img,
.for_sp a.go_menu img{width:auto;}

.for_pc{display:none;}

img.newicon{ position:relative; top:2px; width:auto;}

/*side calendar
----------------------------------------*/
#contents_R .wp_timeline_cal td, 
#contents_R .wp_timeline_cal th {border: 1px solid #CCC;padding:3px;}
#contents_R .wp_timeline_cal td{background:#fff;text-align:center;}
#contents_R .wp_timeline_cal th{ font-size:0.7em; font-weight:normal;}
#contents_R .wp_timeline_cal *{padding:0px;margin:0px;}
#contents_R .wp_timeline_cal .wp_timeline_dropdown{ text-align:center; width:100%;}
#contents_R .wp_timeline_cal .wp_timeline_dropdown_box{ position:absolute; left:10px; text-align:left; width:95%; padding-left:3px;white-space: normal; font-size:0.9em;}
/*----------------------------------------*/
