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

 /* General Settings
 ----------------------------------------------- */
 img {
     height: auto;
     width: auto;
	 vertical-align: bottom;
 }

 /*---------------------------------------------
     ■■■　インフォメーション　共通項目　■■■
   ---------------------------------------------*/
   
 div#conteny {
	width:1000px;
	margin: 0 auto;
	padding-bottom:40px;
	background-color:#fff;
}

 div#info_cont {
	margin: 0 auto;
	padding-bottom:50px;
}

 div#info_cont h2 {
 	width: 80%;
	margin: 20px auto;
	font-size: 1.2rem;
}
 div#info_cont p {
 	width: 80%;
	margin: 0 auto;
	font-size: 1.0rem;
	line-height: 1.6;
}

div#info_cont .explanation {
margin: 70px 0 0 0;
}
div#info_cont .explanation h3 {
width: 80%;
margin: 0 auto 20px;
font-size: 1.0rem;
}
div#info_cont .explanation p {
width: 80%;
margin: 0 auto 40px;
font-size: 1.0rem;
line-height: 1.6;
}
/* ◯◯◯◯◯を見る */
.otherList {
	clear: both;
	padding: 20px 0;
	text-align: center;
}
.otherList a {
	margin: 0 auto;
	padding: 5px 20px;
	background-color: #222;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

/* Clearfix */
.Clearfix:after{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; }
.Clearfix{
	zoom:1; }


 /*---------------------------------------------
     ■■■　お知らせ一覧　■■■
   ---------------------------------------------*/

.info_list {
width: 80%;
margin: 0 auto;
font-size: 0.8rem;
}

.info_list dt {
float: left;
width: 15%;
padding: 5px 0;
}
.info_list dd {
float: right;
width: 84%;
padding: 5px 0;
}
.info_list dd a {
text-decoration: underline;
}

 /*---------------------------------------------
     ■■■　休業のご案内　■■■
   ---------------------------------------------*/
#closure {
width: 100%;
margin:40px auto;
font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size:1.3rem;
font-weight: normal;
line-height:1.4;
}
#closure p {
width: 80%;
margin: 0 auto;
font-size:1.0rem;
font-weight: normal;
line-height:1.4;
}

#closure p.lead {
width: 100%;
margin:0 0 20px 0;
font-size:1.2rem;
text-align:center;
}
#closure p.lead strong {
color: #222;
}
#closure .hassou strong {
color: red;
}
#closure p.calendar {
width: 84%;
padding: 0;
margin: 0 auto;
}

#closure p.catch {
width: 100%;
margin:0 0 20px 0;
font-size:1.6rem;
text-align:center;
}
#closure p.catch em {
font-style:normal;
color:palevioletred;
font-size:1.2rem;
}
#closure h3 {
margin: 40px auto 10px;
font-size: 1.2rem;
width: 80%;
}
#closure span {
font-size:0.8rem;
color: red;
}
#closure em {
font-size:0.8rem;
top: -0.1em;
font-style: normal;
}

#closure .hassou {
width:80%;
margin:0 auto 20px;
padding:20px;
border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border:#ddd solid 1px;
background-color:#eee;
text-align:center;
}
#closure .hassou strong {
font-size:1.6rem;
}

#closure .hassou .deadline {
width: 70%;
margin:0 auto 0;
padding:20px;
text-align:center;
border:#ddd solid 1px;
background-color:#ffd9d9;
}
#closure .hassou .deadline strong {
font-size:1.6rem;
}
#closure .hassou .note {
width:70%;
margin: 0  auto !important;
padding: 0 !important;
}

.reader {
width: 80%;
margin: 0 auto 20px;
font-size:1.2rem;
}

.kyuka {
width:80%;
margin:0 auto 20px;
padding:20px;
text-align:center;
}
.kyuka strong {
font-size:1.4rem;
color:red;
}

#closure p.note {
margin:40px auto;
width:80%;
font-size:1.0rem;
}

#closure p.attention {
width:60%;
margin:20px auto 0;
padding:20px;
border:#ddd dashed 1px;
font-size:0.8rem;
}