@charset "UTF-8";

/* ==========================================================================
  レイアウトベース（スマホ）
========================================================================== */

html{background: #757575;}

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

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

#Wrap {
	overflow				: hidden;
	width					: 100%;
	line-height				: 1.6;
	background				: #fff;
}


/*  ヘッダー  */
/* --------------------------------------- */
header{
	clear				: both;
	overflow			: hidden;
	margin				: 0px auto;
	padding				: 0 5px 8px;
	background-color	: #ff6868;
}

p#HeaderLogo{
	float					: left;
	overflow				: hidden;
	width					: 260px;
	height					: 36px;
	margin					: 5px 0 5px;
	text-indent				: 100%;
	white-space				: nowrap;
	background				: url(../common/tit_logo_sp.png) no-repeat 0 3px;
	-webkit-background-size	: 260px 33px;
	-moz-background-size	: 260px 33px;
	background-size			: 260px 33px;
}

p#HeaderLogo a{
	display	: block;
	width	: 260px;
	height	: 38px;
}

#navBtn_sp{
	float					: left;
	overflow				: hidden;
	width					: 35px;
	height					: 45px;
	margin					: 0 5px 5px 0;
	text-indent				: 100%;
	white-space				: nowrap;
	background				: url(../common/ico_nav_btn_sp.png) no-repeat 0 7px;
	-webkit-background-size	: 35px 35px;
	-moz-background-size	: 35px 35px;
	background-size			: 35px 35px;	
}

#navBtn_sp a{
	display	: block;
	width	: 35px;
	height	: 40px;
}

#HeaderInfo{
	clear				: both;
	overflow			: hidden;
	padding				: 5px 10px;
	text-align			: center;
	background-color	: #fff;
}

header #HeaderInfo{
	overflow				: hidden;
	height					: 56px;
	padding					: 0;
	text-indent				: 100%;
	white-space				: nowrap;
	background				: #fff url(../common/txt_header_info.gif) no-repeat center 5px;
	-webkit-background-size	: 262px auto;
	-moz-background-size	: 262px auto;
	background-size			: 262px auto;
}

#HeaderInfo .tel_link a{
	display	: block;
	width	: 80%;
	height	: 35px;
	margin	: 0 auto;
}

/*  メニュー  */
#Menu{display: none;}


/*  パンくず  */
/* --------------------------------------- */
.pageNavi {display: none;}


/*  コンテンツ  */
/* --------------------------------------- */

#Contents{
	padding				:0px 0px 15px;
	background-color	:#fff;
}

/*  section  */
.section{margin-top: 30px;}

.section_top{margin-top: 10px;}

.sectionIn_sp{padding: 0 5px;}


/*  ページ内リンク  */
nav.pageLink{
	display		: block;
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
	padding		: 0px;
}

nav.pageLink dt{
	padding					: 9px 5px 7px 35px;
	border-bottom			: 1px dotted #ccc;
	color					: #3495dd;
	font-size				: 1.154em;
	background				: #ebf6ff url(../common/ico_pagelink_btn_sp.png) no-repeat 5px 8px;
	-webkit-background-size	: 25px 25px;
	-moz-background-size	: 25px 25px;
	background-size			: 25px 25px;
}
	
nav.pageLink dd{
	display		: none;
	overflow	: hidden;
}

nav.pageLink li{
	margin			: 0;
	border-bottom	: dotted 1px #CCC;
}

nav.pageLink a{
	display					: block;
	padding					: 5px 15px 5px 20px;
	color					: #333;
	text-decoration			: none;
	background				: url(../common/ico_pagelink.png) no-repeat 5px 10px;
	-webkit-background-size	: 12px 10px;
	-moz-background-size	: 12px 10px;
	background-size			: 12px 10px;	
}

nav.pageLink a:hover{
	color					: #333 !important;
	text-decoration			: none;
	background				:  #dbf0ff url(../common/ico_pagelink.png) no-repeat 5px 10px;
	-webkit-background-size	: 12px 10px;
	-moz-background-size	: 12px 10px;
	background-size			: 12px 10px;
}


/*  ページ内リンク(改良版)  */
nav.pageLink02{
	display		: block;
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
	padding		: 0px;
}

nav.pageLink02 dt{
	padding					: 9px 5px 7px 45px;
	border-bottom			: 2px solid #06C;
	color					: #3495dd;
	font-size				: 1.4em;
	letter-spacing:2px;
	background				: #ebf6ff url(../common/ico_pagelink_btn_sp.png) no-repeat 5px 8px;
	-webkit-background-size	: 30px auto;
	-moz-background-size	: 30px auto;
	background-size			: 30px auto;
}
	
nav.pageLink02 dd{
	display		: none;
	overflow	: hidden;
}

nav.pageLink02 ul{
	border-bottom	: 1px solid #06C;
}

nav.pageLink02 li{
	margin			: 0;
	border-bottom	: 1px solid #06C;
}

nav.pageLink02 a{
	display					: block;
	padding					: 13px 15px 13px 23px;
	color					: #333;
	text-decoration			: none;
	background				:#fff url(../common/ico_pagelink.png) no-repeat 5px center;
	-webkit-background-size	: 12px 10px;
	-moz-background-size	: 12px 10px;
	background-size			: 12px 10px;	
}

nav.pageLink02 a:hover{
	color					: #333 !important;
	text-decoration			: none;
	background				:  #dbf0ff url(../common/ico_pagelink.png) no-repeat 5px center;
	-webkit-background-size	: 12px 10px;
	-moz-background-size	: 12px 10px;
	background-size			: 12px 10px;
}


/*  pageTop  */
.pageTop{
	margin		: 15px 5px 5px;
	text-align	: right;
}
	
.pageTop a {
	padding					: 8px 10px 6px 22px;
	color					: #000;
	font-size				: 0.923em;
	text-decoration			: none;
	border					: solid 1px #dadada;
	-webkit-border-radius	: 3px;
	-moz-border-radius		: 3px;
	border-radius			: 3px;
	background				: #fff url(../common/ico_pagetop_ar_sp.png) no-repeat 7px center;
	-webkit-background-size	: 12px 12px;
	-moz-background-size	: 12px 12px;
	background-size			: 12px 12px;
}

.pageTop a:hover{text-decoration: none;}


/*  準備中ページ  */
#Ready{
	padding    : 10px 0 0;
	background : url(../common/pic_ready.jpg) no-repeat center 50px;
	-webkit-background-size	: 80% auto;
	-moz-background-size	: 80% auto;
	background-size			: 80% auto;
}

.readyContact{
	margin    : 200px 5px 0;
	padding				:15px 10px;
	
	text-align:center;
	border				: solid 2px #eaeaea;
	background: rgba(242,242,242,0.4);
}

.readyContact .tel{
	width					: 240px;
	height					: 30px;
	margin          :0 auto;
	overflow				: hidden;
	text-indent				: 100%;
	white-space				: nowrap;
	background				: url(../common/txt_tel_sp.png) no-repeat 0 center;
	-webkit-background-size	: 240px 30px;
	-moz-background-size	: 240px 30px;
	background-size			: 240px 30px;
}


/*  ホームボタン  */
#BtnHome p{
	width	    : 60%;
	margin    :	30px auto;
}
	
#BtnHome a{
	display	  :block;
	padding   :10px 5px 8px;
	text-align:center;
	text-decoration:none;
	line-height:1.2;
	background :	#eaeaea ;
	}	


#BtnHome span{
	padding  : 2px 0 0 30px ;
	font-size: 1.154em;
	background		: url(../common/ico_home.png) no-repeat 0 0 ;
	-webkit-background-size	: 25px 21px;
	-moz-background-size	: 25px 21px;
	background-size			: 25px 21px;
	}


/*  サイドメニュー  */
#Side{margin-top: 20px}

.sideBtn01{margin-bottom: 15px}
	
.sideBtn01 a{
	display				: block;
	padding				: 15px;
	border				: solid 5px #dadada;
	text-align			: center;
	background-color	: #dadada;
}

.sideBtn01 a:hover{border:solid 5px #ffabab;}

.sideBtn01 a img{
	height			: 106px;
	width			: auto;
	vertical-align	: bottom;
}


/*  準備スケジュール */
#NavSchedule{margin-top:20px}

#NavSchedule h3{
	margin-bottom	: 3px;
	padding			: 7px 5px 5px 10px;
	border-top		: 1px solid #ababab;
	border-bottom	: 1px solid #ababab;
	font-size		: 1.077em;
	font-weight		: normal;
}

#NavSchedule li{border-bottom: solid 1px #d7d7d7;}
	
#NavSchedule li a{
	display					: block;
	padding					: 10px 22px 8px 10px;
	color					: #000;
	text-decoration			: none;
	background				: #eaeaea url(../common/ico_arrow01.png) no-repeat 98% center;
	-webkit-background-size	: 10px 14px;
	-moz-background-size	: 10px 14px;
	background-size			: 10px 14px;
}

#NavSchedule li a:hover{
	color					: #3495dd !important;
	background				: #d7d7d7 url(../common/ico_arrow01.png) no-repeat 98% center;
	-webkit-background-size	: 10px 14px;
	-moz-background-size	: 10px 14px;
	background-size			: 10px 14px;
}

#NavSchedule li.navSch_now a{
	color		: #fff !important;
	background	: #40acfd;
}

#NavSchedule li.navSch_blank a{
	background				: #eaeaea url(../common/ico_blank01.png) no-repeat 98% center;
	-webkit-background-size	: 11px 11px;
	-moz-background-size	: 11px 11px;
	background-size			: 11px 11px;
}

#NavSchedule li.navSch_blank a:hover{
	background				: #d7d7d7 url(../common/ico_blank01.png) no-repeat 98% center;
	-webkit-background-size	: 11px 11px;
	-moz-background-size	: 11px 11px;
	background-size			: 11px 11px;
}


/*  連絡先  */
#Contact{margin-top: 20px}
	
#Contact h3{
	margin-bottom	: 8px;
	padding			: 7px 5px 5px 10px;
	font-size		: 1.077em;
	font-weight		: normal;
	border-top		: 1px solid #ababab;
	border-bottom	: 1px solid #ababab;
}

#Contact .contactAdd{margin: 0 10px;}

.contactAdd strong{font-size: 1.077em}

#Contact .contactTel{
margin		: 0 10px;
}


.contactTel .tel{
	overflow				: hidden;
	width					: 210px;
	height					: 35px;
	text-indent				: 100%;
	white-space				: nowrap;
	background				: url(../common/txt_tel_sp.png) no-repeat 0 0;
	-webkit-background-size	: 210px 30px;
	-moz-background-size	: 210px 30px;
	background-size			: 210px 30px;
}

.tel .tel_link a{
	display	: block;
	width	: 200px;
	height	: 30px;
}


/*  フッター  */
/* --------------------------------------- */

footer{
	padding		: 0 0 10px;
	color		: #fff;
	background	: #545454;
}

footer a{
	color			: #fff;
	text-decoration	: none;
}

#FooterPolicy{
	padding		: 5px;
	background	: #545454;
}

#FooterPolicy li a{
	padding-left			: 10px;
	background				: url(../common/ico_arrow_s02.png) no-repeat 0px 0.3em;
	-webkit-background-size	: 7px 11px;
	-moz-background-size	: 7px 11px;
	background-size			: 7px 11px;
}

footer .pageTop,footer .pageTop a{display: none;}

#FooterLink {background-color: #757575;}

#FooterLink li{border-bottom: solid 1px #d9d9d9;}

#FooterLink li a{
	display			: block;
	padding			: 12px 5px 12px 1.475em;
	text-indent		: -0.975em;
	line-height		: 1.4;
	text-decoration	: none
}

#FooterLink li a:hover{background-color: #007cbc}


/*  ナビゲーション・メニュー追加  */
#NavAdd_sp p a{
	display					: block;
	padding					: 12px 3px 12px 40px;
	border-bottom			: solid 1px #aeaeae;
	color					: #333;
	font-size				: 1.077em;
	font-weight				: bold;
	line-height				: 1.2;
	text-decoration			: none;
	background				: #dfdfdf url(../common/ico_home.png) no-repeat 10px center;
	-webkit-background-size	: 25px 21px;
	-moz-background-size	: 25px 21px;
	background-size			: 25px 21px;
}	
	
#NavAdd_sp p a:hover{
	background				: #dbf0ff url(../common/ico_home.png) no-repeat 10px center;
	-webkit-background-size	: 25px 21px;
	-moz-background-size	: 25px 21px;
	background-size			: 25px 21px;
}

#NavAdd_sp li a{
	display					: block;
	padding					: 12px 3px 12px 25px;
	border-bottom			: solid 1px #aeaeae;
	line-height				: 1.2;
	text-decoration			: none;
	background				: #545454 url(../common/ico_arrow02.png) no-repeat 10px center;
	-webkit-background-size	: 10px 14px;
	-moz-background-size	: 10px 14px;
	background-size			: 10px 14px;
}

#NavAdd_sp li a:hover{
	background				: #007cbc url(../common/ico_arrow02.png) no-repeat 10px center;
	-webkit-background-size	: 10px 14px;
	-moz-background-size	: 10px 14px;
	background-size			: 10px 14px;
}


/* ここまで */ 
#FooterCoop{
	padding				 :15px 5px 20px;
	background-color	: #757575;
}
	
#FooterCoop a{
	display					: block;
	padding					: 15px 10px 13px 30px;
	color					: #000;
	font-size				: 1.077em;
	text-decoration			: none;
	line-height				: 1.2;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
	background				: #fff url(../common/ico_footer_logo_sp.png) no-repeat 7px 8px;
	-webkit-background-size	: 20px 30px;
	-moz-background-size	: 20px 30px;
	background-size			: 20px 30px;
}

#FooterInfo{
	padding		: 15px 5px 10px;
	text-align	: right;
	border-top	: 2px solid #dfdfdf;
}

.footerName{font-size: 1.077em;}

.footerInfo{font-size: 0.923em;}

#Copyright{
	padding		: 5px;
	text-align	: right;
}

#Copyright small{
	margin-bottom	: 15px;
	font-size		: 0.769em;
}

/* Pagetop */
p#Pagetop {
	overflow	: hidden;
	text-indent	: 100%;
	white-space	: nowrap;
	border-top	: solid 2px #dfdfdf;
}
p#Pagetop a{
	display					: block;
	height					: 48px;
	padding					: 5px;
	background				: #757575 url(../common/ico_pagetop_sp.png) no-repeat 50% 50%;
	-webkit-background-size	: 150px 40px;
	-moz-background-size	: 150px 40px;
	background-size			: 150px 40px;	
}



/* ==========================================================================
  ニュース
========================================================================== */

/* ニュース一覧 */
/* -------------------------------------------------------- */

#NewsList .newsListTitle{
	margin-bottom	: 3px;
	padding			: 10px 10px 7px;
	border-bottom	: 1px solid #f0612e;
	color			: #191919;
	font-weight		: bold;
	line-height		: 1.4;
	background		: #eaeaea;}	
	
#NewsList .newsListTitle h2{
	color			: #191919;
	font-size		: 1.231em;
	font-weight		: bold;
	line-height		: 1.4;
	}
	
#NewsList .newsListTitle select{
	width:100%;
	height:36px;
	margin-top:3px;
	padding:2px;
	font-size:1.154em;
	border: solid 1px #CCC;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#NewsList .newsListCont{
	margin-bottom: 20px;
	clear			: both;
	overflow		: hidden;
	zoom			: 1;
	}

#NewsList .newsListCont p{
	margin-top:0;
	}	
	
.newsBlock,
#NewsList .newsBlock{
	margin-bottom	: 15px;
	clear			: both;
	overflow		: hidden;
	zoom			: 1;
}

#NewsList .newsBlock{
	padding-bottom:15px;
	border-bottom	: 1px dotted #666;
}

.newsListImg{
	float	:left;
	padding	:0 10px 10px 0;
	margin-top:0 !important;
}

.newsListImg img{ width:50px}

.newsBlock dt{
	margin-bottom	: 3px;
	font-size		: 0.923em;
	vertical-align	: bottom;
}

.newsBlock dd{font-size: 1.077em;}

.newsNew{
	margin-left			: 3px;
	padding				: 0 3px;
	color				: #fff;
	vertical-align		: top;
	font-size			: 0.769em;
	background-color	: #fc622a;
}

.newsBlock a{
	display			: block;
	color			: #000;
	text-decoration	: underline;
}

.newsBlock a:hover{
	color			: #ff5a5a;
	text-decoration	: underline;
}

/* ニュース詳細 */
/* -------------------------------------------------------- */

#NewsDetail{
	width: 96%;
	margin: 0 auto;
	padding: 6px 8px;
	border: solid 5px #eaeaea;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
	
p.newsDetailData{padding: 0px 0px 0px 5px;}	
	
#NewsDetail h2{
	margin-bottom	: 15px;
	padding			: 5px 0px 7px 5px;
	color			: #191919;
	font-size		: 1.231em;
	font-weight		: bold;
	line-height		: 1.4;
	border-bottom	: 1px solid #ff6868;
}

/*詳細画面の装飾用*/
#NewsDetail em{
	font-style:italic !important;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo !important;
	font-family/**/:/**/"MS PGothic"; /* ==IE 6== */
}

#NewsDetail ol{
	margin-left:20px;
}
#NewsDetail ol li{
	list-style-type:decimal;
}

#NewsDetail ul{
	margin-left:16px;
}
#NewsDetail ul li{
	list-style-type:disc;
}

/* ソーシャルボタン領域 */
#NewsDetail .social-clear {
	margin-bottom: 15px;
	margin-top  :10px;
	clear				: both;
	overflow		: hidden;
	zoom			  : 1;
	}
	
#NewsDetail .social-clear div {float: left;}

.fb .pluginButtonLabel{font-size:0.8em;}

/* マップ領域 */
.g-map{
	margin:0 auto;
	max-width:90%;
	min-height:300px;
}


/* テーブル */
#NewsDetail table{
	width : 100%;
	margin-top	: 0.5em;
	border-bottom	: 1px solid #999;
	border-right	: 1px solid #999;
}

#NewsDetail td,#NewsDetail th{
	padding		: 5px;
	border-top	: 1px solid #999;
	border-left	: 1px solid #999;
}

/* 画像並び */
.newsImg03 li,
.newsImg02 li,
.newsImg01 li{
	list-style: none !important;
}
	
.newsImg03 ul,
.newsImg02 ul,
.newsImg01 ul{
	margin-left : 0 !important;
}

.newsImg03,
.newsImg02,
.newsImg01{
	margin-top	: 20px;
}
	
.newsImg03 li,
.newsImg02 li,
.newsImg01 li{
	margin-top	: 1em;
	text-align	: center;
	font-size   : 0.846em;
}
