@charset "UTF-8";

@import url("reset.css");

body{
	background:url(images/sprinkles.png) repeat;
	font-family: "メイリオ",sans-serif;
	color: #444444;
	text-align:left;
	font-size:13px;
	height:100%;
	width:100%;
	min-width:980px;
	overflow-x: hidden;
}

.grecaptcha-badge { visibility: hidden; }

header{
	margin:0;
	padding:0;
}

.inner{
	margin:0 auto;
	width:1000px;
	min-width:980px;
}

.inner_in{
	width:96%;
	height:auto;
	margin:0 auto;
}

img {
  max-width: 100%;
  height: auto;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

a{
	color:#444;
	text-decoration:none;
}

a:hover{
	color:#FF939F;
	text-decoration:underline;
}

ul{
	list-style:none;
}

/**********************マージン***************************/

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt100{
	margin-top:100px;
}

.mt150{
	margin-top:150px;
}

.mt180{
	margin-top:180px;
}

.pa10{
	padding:7px 0;
}

.mt-15{
	margin-top:-20px;
}

.mb20{
	margin-bottom:20px;
}

.pa20{
	padding:0 20px;
}

.mb50{
	margin-bottom:50px;
}



/**********header**********/

h1{
	font-weight:normal;
	font-size:12px;
}

.line{
	height:5px;
	margin:0;
	padding:0;
	font-size:0;
	background:#87766D;
	width:100%;
}

.fl{
	float:left;
}

.fr{
	float:right;
	height:auto;
}

.info{
	width:424px;
	height:50px;
	margin:0;
}


.mail a{
	background:url(images/mail.png) no-repeat;
	display:block;
	width:207px;
	height:50px;
	font-size:0;
	background-position:0 0;
	margin-left:10px;
	float:right;
	margin-top:-5px;
}

.mail a:hover{
	background-position:0 -50px;
}

.tel{
	background:url(images/tel.png) no-repeat;
	width:207px;
	height:50px;
	font-size:0;
	float:left;
	margin-top:-5px;
}

nav{
	float:right;
	width:525px;
	height:auto;
}

nav ul{
	height:30px;
	/*margin-top:15px;*/
}

 nav ul li{
	margin:0;
	padding:0;
	float:left;
	margin-left:10px;
}

nav ul li a {
        display:  block;
        width:    120px;
        height:   30px;

		background:url(images/nav/nav.png) no-repeat;

		overflow: hidden;
		text-indent:    100%;
        white-space:  nowrap;
}

.home a {
        background-position:        0px 0px;
}

.home a:hover {
        background-position:        0px -30px;
}

.about a {
        background-position:        -135px 0px;
}

.about a:hover {
        background-position:        -135px -30px;
}

.facility a {
        background-position:        -270px 0px;
}

.facility a:hover {
        background-position:        -270px -30px;
}

.news a {
        background-position:        -405px 0px;
}

.news a:hover {
        background-position:        -405px -30px;
}

.w470{
	width:470px;
	height:auto;
}

.box{
	padding:0 10px 20px 10px;
}

.main{
	float:left;
	width:700px;
	height:auto;
}



.side{
	float:right;
	width:220px;
	height:auto;
}

h2{
	font-weight:normal;
	font-size:13px;
}

.sidebox{
	width:200px;
	height:auto;
	background:#DBD5C9;
	padding:10px;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

.cont{
	background:url(images/contact.png) no-repeat;
	padding-bottom:8px;
	border-bottom:1px dashed #FFFFFF;
	font-size:0;
	height:30px;
}

.contact a{
	background:url(images/contact_btn.png) no-repeat;
	display:block;
	width:200px;
	height:72px;
	font-size:0;
	background-position:0 0;
	margin-top:10px;
}

.contact a:hover{
	background-position:0 -72px;
}

h4{
	color:#3F3000;
	font-weight:bold;
	font-size:13px;
}

h3{
	font-weight:normal;
	font-size:13px;
}



.date2{
	width:90px;
	height:auto;
	float:left;
	margin:0 20px 15px 10px;
}

.cat2{
	width:110px;
	height:auto;
	float:left;
	margin-right:30px;
	margin-bottom:15px;
}

.title2{
	width:440px;
	height:auto;
	float:left;
	margin-bottom:15px;
}


.masuminoen a{
	background:url(images/top_masuminoen.png) no-repeat;
	display:block;
	width:450px;
	height:210px;
	font-size:0;
	background-position:0 0;
}

.masuminoen a:hover{
	background-position:0 -210px;
}

.ooya a{
	background:url(images/top_ooya.png) no-repeat;
	display:block;
	width:450px;
	height:210px;
	font-size:0;
	background-position:0 0;
}

.ooya a:hover{
	background-position:0 -210px;
}


.daichi a{
	background:url(images/top_daichi.png) no-repeat;
	display:block;
	width:450px;
	height:210px;
	font-size:0;
	background-position:0 0;
}

.daichi a:hover{
	background-position:0 -210px;
}

.daiju a{
	background:url(images/top_daiju.png) no-repeat;
	display:block;
	width:450px;
	height:210px;
	font-size:0;
	background-position:0 0;
}

.daiju a:hover{
	background-position:0 -210px;
}




/*******************footer*************************/

.line2{
	background:url(images/line2.png) repeat-x;
	height:13px;
	margin-top:50px;
}

.fnav{
	width:830px;
	height:auto;
	margin:0 auto 40px auto;
}

.fnav li{
	background:url(images/f_arrow.png) no-repeat;
	height:25px;
	line-height:25px;
	margin-right:20px;
	float:left;
	text-indent:32px;
}

.copy{
	margin:30px auto;
	text-align: center;
	color: #94583e
}



/***********会社概要**********/

h2.about_title{
	width:700px;
	height:60px;
	font-size:20px;
	line-height:38px;
	text-indent:55px;
	font-weight:bold;
	background:url(images/gaiyou_bar.png) no-repeat;
}


table{
	width:100%;
	border-collapse:collapse;
}

th{
	font-weight:normal;
	width:20%;
	padding:20px 10px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}


td{
	padding:20px 10px;
	border-bottom:1px solid #999;
}

.paper{
	background:url(images/pdf.png) no-repeat;
	height:40px;
	line-height:40px;
	text-indent:50px;
}


/*********************施設案内******************************/

/*#rotate h2{
	color:#4B75B9;
	font-weight:normal;
	font-size:16px;
	border-bottom:1px dashed #4B75B9;
	padding-bottom:8px;
}*/

h2.sun_title{
	width:700px;
	height:60px;
	font-size:20px;
	line-height:38px;
	text-indent:40px;
	font-weight:bold;
	background:url(images/sun_bar.png) no-repeat;
}

h3.schedule_title{
	width:700px;
	height:60px;
	font-size:20px;
	line-height:38px;
	text-indent:40px;
	font-weight:bold;
	background:url(images/sche_bar.png) no-repeat;
}

h3.smile_title{
	width:700px;
	height:60px;
	font-size:20px;
	line-height:38px;
	text-indent:40px;
	font-weight:bold;
	background:url(images/smile_bar.png) no-repeat;
}


h3.access_title{
	width:700px;
	height:60px;
	font-size:20px;
	line-height:38px;
	text-indent:40px;
	font-weight:bold;
	background:url(images/access_bar.png) no-repeat;
}



#rotate table{
	width:100%;
	height:auto;
	border:none;
}

#rotate table th{
	width:77px;
	border:none;
}

#rotate table td{
	vertical-align:middle;
	border:none;
}

#rotate .inner_in table{
	width:100%;
	height:auto;
	margin-top:30px;
	border-collapse:separate;
	border-spacing:3px;
}

#rotate .inner_in table th{
	width:12%;
	height:20px;
	padding:10px 0;
	text-align:center;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
}

#rotate .inner_in table td{
	text-align:center;
	border-radius: 2px;        /* CSS3草案 */
    -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 2px;   /* Firefox用 */
	border-bottom:1px dashed #ccc;
	padding:5px 0;
	height:30px;
}





.gray{
		background:#F1F1F1;
}

.orange{
	background:#E78167;
}


.green{
	background:#BBF3D3;
}

.pink{
	background:#E9B7BC;
}

.bot{
	vertical-align:bottom;
}


h3 span{
	font-size:12px;
	color:#4444;
	font-weight:normal;
}

#rotate .inner_in .monthly td{
text-align:center;
	padding:20px 0;
	border-bottom:1px dashed #444;
}

#rotate .inner_in .monthly .left{
	text-align:left;
}

#rotate .inner_in .monthly td p{
	text-align:center;
}



.bold{
	font-weight:bold;
	font-size:15px;
	color:#856250;
}

.bord{
	border:1px dashed #4B75B9;
	padding:10px;
	color: #4B75B9;
	font-weight:bold;
}

.daichi_main{
	width:700px;
	height:340px;
	margin:30px auto;
}

#rotate .inner_in .gaiyou{
	border-collapse:collapse
}


#rotate .inner_in .gaiyou th{
	border:none;
	width:20%;
	padding:20px 0;
	text-align:center;
	border-bottom:1px solid #ccc;
}

#rotate .inner_in .gaiyou td{
	border:none;
	padding:20px;
	text-align:left;
	border-bottom:1px solid #ccc;
}



/*********************タブ******************************/



.tabs {
  width: 100%;
  float: none;
  list-style: none;
  position: relative;
  text-align: left;
}

.tabs li {
  float: left;
  display: block;
}

.tabs input[type="radio"] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.tabs label {
  display: block;
  /*padding: 14px 21px;
  border-radius: 2px 2px 0 0;
  font-size: 20px;*/
  font-weight: normal;

  cursor: pointer;
  position: relative;
  /*top: 4px;*/
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tabs label:hover {
  background: #703688;
}

.tabs .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
}

.tabs [id^="tab"]:checked + label {
  top: 0;
}

.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}


/****************ページネーション*****************/
/*Pagenation*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/****************投稿*****************/

h2.post_title{
	width:700px;
	height:60px;
	font-size:20px;
	line-height:38px;
	text-indent:45px;
	font-weight:bold;
	background:url(images/post_bar.png) no-repeat;
}

.date{
	font-size:12px;
	color:#999;
	text-align:right;
	width:100%;
	margin:10px 0 50px 0;
}


ul.cat{
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	border:none;
	width:100%;
}

ul.cat li{
	background:url(images/side_arrow.png) no-repeat left center;
	border:none;
	margin-bottom:10px;
	padding:3px 0;
	text-align:left;
	text-indent:40px;
}

.side_post{
	width:100%;
	height:auto;
	border-bottom:1px solid #C78770;
	padding-bottom:5px;
	margin-bottom:10px;
}

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

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

.big{
	font-size:40px;
}

.bold2{
	font-weight:bold;
}




dl{
    width: 100%;
    line-height: 2em;
}
dt{
    width: 30%x;
    padding:10px;
	font-weight:bold;
}
dd{
    padding:10px;
	border-bottom:1px dashed #CCCCCC;
}
ol{
	margin-bottom:50px;
}

ol li{
	list-style:disc;
	margin:20px 0 0 20px;
}

.map{
	list-style:none;
}

.map li{
	background:url(images/arrow2.png) no-repeat;
	padding-bottom:20px;
	border-bottom:1px dashed #CCCCCC;
	text-indent:35px;
	line-height:25px;
	margin-bottom:20px;
}


.map li ul{
	padding-left:20px;
}


.map li ul li{
	background:url(images/arrow2.png) no-repeat;
	padding-bottom:20px;
	border-bottom:1px dashed #CCCCCC;
	text-indent:35px;
	line-height:25px;
	margin-bottom:20px;
}

.next{
	border:none;
	margin-top:20px;
}

.next td{
	border:none;
}