@charset "UTF-8";

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

html{background: #757575;}

@media only screen and (min-width:641px) and(max-width:1020px)  {
body {
	width: 1020px;
}
}

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

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

#Wrap {
	border-top:solid 5px #ff6868;
	background	: #e8e8e8;
	line-height	: 1.6;
}


/*  ヘッダー  */
/* --------------------------------------- */
header{
	width	: 990px;
	margin	: 0px auto;
	padding	: 0px 15px 5px;
	background-color:#ff6868;
}

header #HeaderIn{
	clear			: both;
	overflow		: hidden;
	margin-bottom	: 10px;
	zoom			: 1;
}

p#HeaderLogo{
	float		: left;
	width		: 566px;
	height		: 56px;
	overflow	: hidden;
	margin-top	: 5px;
	text-indent	: 100%;
	white-space	: nowrap;
	background	: url(../common/tit_logo.png) no-repeat 0px 0px;
}

p#HeaderLogo a{
	width	: 566px;
	height	: 56px;
	display	: block;
}

#navBtn_sp{display:none;}

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


/*  メニュー  */
#Menu{
	width		: 1000px;
	margin		: 0px auto;
	padding		: 0 10px 10px;
	background-color:#ff6868;
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
}

#Menu li{
	float		: left;
	width		: 240px;
	margin		: 0 5px;
	line-height	: 1.2;
}

#Menu li:last-child  {
	float			: left !important;
	margin-right	: 0 !important;
}

#Menu li a{
	display				: block;
	padding				: 7px 3px 5px;
	color				: #ff5a5a;
	border				: solid 2px #ffabab;
	text-align			: center;
	font-size			: 1.077em;
	text-decoration		: none;
	font-weight			: bold;
	background-color	: #fff;
}

#Menu li a:hover{background-color: #ffe9e9;}


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

#Contents{
	overflow			: hidden;
	clear				: both;
	zoom				: 1;
	width				: 960px;
	margin				: 0 auto;
	padding				: 5px 30px 35px;
	background-color	: #fff;
}


/*  パンくず  */
.pageNavi {
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
	width		: 980px;
	margin		: 0 auto 30px;
}

.pageNavi li{
	float		: left;
	padding		: 0px 5px 0px 0px;
	font-size	: 0.769em;
}

.pageNavi li a{
	color			: #ff5a5a;
	text-decoration	: none;
}

.pageNavi li a:hover{
	color			:#246c98;
	text-decoration	:underline;
}


/*  メイン  */
#Main{
	float	: left;
	width	: 720px;
}

/*  フォーム  */
#Main1Column{
	width	: 900px;
	margin	: 0 auto;
	padding	: 0 0 35px;
}


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

.section_top{margin-top: 20px;}


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

nav.pageLink dt{
	display		: none;
	overflow	: hidden;
}

nav.pageLink li{
	float		: left;
	margin		: 8px 10px 7px 0;
	white-space	: nowrap;
}

nav.pageLink a{
	padding					: 3px 15px 3px 22px;
	color					: #333;
	text-decoration			: none;
	background				: #ebf6ff url(../common/ico_pagelink.png) no-repeat 8px center;
	-webkit-background-size	: 12px 10px;
	-moz-background-size	: 12px 10px;
	background-size			: 12px 10px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
	border-radius			: 2px; 
	border					: solid 1px #ccc;
}

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



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

nav.pageLink02 dt{
	display		: none;
	overflow	: hidden;
}

nav.pageLink02 li{
	float		: left;
	overflow	: hidden;
	width:230px;
	margin-right:10px;
	margin-bottom:10px;
	border-bottom: 1px solid #40acfd;
	background:#ebf6ff url(../common/bg_pagelink01.png) repeat-y left center;
}

nav.pageLink02 a{
	box-sizing:border-box;
	display: table-cell;
	vertical-align: middle;
	height:60px;
	width:230px;
	padding: 10px 15px 5px 30px;
	color: #333;
	text-decoration: none;
	border: solid 1px #40acfd;
	background:  url(../common/ico_pagelink_white.png) no-repeat 6px center;
	-webkit-background-size	: 12px 10px;
	-moz-background-size: 12px 10px;
	background-size: 12px 10px;
}

nav.pageLink02 li:hover{
	background:#f9fcff url(../common/bg_pagelink01.png) repeat-y left center;
}


nav.pageLink02 a:hover{
	color					: #333 !important;
	text-decoration			: none;
}


/*  pageTop  */
.pageTop{text-align: right}

.pageTop a {
	padding-left	: 10px;
	color			: #ff5a5a;
	font-size		: 0.769em;
	text-decoration	: none;
	background		: url(../common/ico_pagetop_pc01.png) no-repeat 0 0.4em;
}

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


/*  準備中ページ  */
#Ready{
	padding    : 30px 0;
	background : url(../common/pic_ready.jpg) no-repeat right top;
	height:400px;
}


.readyContact{
	width     : 400px;
	margin    : 200px auto 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_pc.png) no-repeat 0 center;
	-webkit-background-size	: 240px 30px;
	-moz-background-size	: 240px 30px;
	background-size			: 240px 30px;
}
.readyContact .tel {
    width: 200px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../common/txt_tel_pc.png) no-repeat 0 center;
    -webkit-background-size: 200px 30px;
    -moz-background-size: 200px 30px;
    background-size: 200px 30px;
}



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


#BtnHome span{
	padding  : 0 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{
	float: right;
	width: 200px;
}

.sideBtn01{margin-bottom: 15px}

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

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

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


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

#NavSchedule h3{
	margin-bottom	: 3px;
	padding			: 5px 5px 3px;
	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 185px 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 185px 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 182px 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 182px center;
	-webkit-background-size	: 11px 11px;
	-moz-background-size	: 11px 11px;
	background-size			: 11px 11px;
}


/*  連絡先  */
#Contact{
	margin-top			: 20px;
	padding				: 8px;
	border				: solid 2px #eaeaea;
	background-color	: #f2f2f2;
}

#Contact h3,
.contactAdd strong
	{font-size:1.077em;}

.contactTel{margin-top:5px;}
.contactTel .tel{
	overflow				: hidden;
	width					: 180px;
	height					: 26px;
	text-indent				: 100%;
	white-space				: nowrap;
	background				: url(../common/txt_tel_pc.png) no-repeat 0 center;
	-webkit-background-size	: 180px auto;
	-moz-background-size	: 180px auto;
	background-size			: 180px auto;
}


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

footer{
	padding		: 0 0 50px;
	color		: #fff;
	background	: #757575;
}

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

footer a:hover{
	color			: #fff !important;
	text-decoration	: underline !important;
}

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

#FooterPolicyIn{
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
	width		: 1020px;
	margin		: 0 auto;
}

@media only screen and (min-width:641px) and(max-width:1020px)  {
#FooterPolicyIn{
	width		: 1020px;
}
}

#FooterPolicy li{float:left;}
	
#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{float:right;}
	
footer .pageTop a{
	padding-left	: 10px;
	margin-right : 10px;
	font-size		: 0.769em;
	background		: url(../common/ico_pagetop_pc02.png) no-repeat 0px 0.3em;
	}

#FooterIn{
	clear		: both;
	overflow	: hidden;
	zoom		: 1;
	width		: 1020px;
	margin		: 0 auto;
	padding		: 10px 0 0;
}

@media only screen and (min-width:641px) and(max-width:1020px)  {
#FooterIn{
	width		: 1020px;
}
}

#FooterLink {
	clear		: both;
	float		: left;
	overflow	: hidden;
	zoom		: 1;
	width		: 810px;
}

#FooterLink li{
	float: left;
	margin-bottom:7px;
	margin-right	: 7px;
	padding-right	: 10px;
	font-size: 0.923em;
	line-height		: 1.4;
	border-right: 1px solid #FFF;
}

#FooterLink li span{ display:none}

#FooterLink li:last-child {border-right: none;}


/*  スマホ用メニュー非表示  */
#nav-close-btn,#NavAdd_sp{display: none;}

#FooterCoop{
	width: 210px;
	float: right;
}

#FooterCoop a{
	display: block;
	padding					: 10px 10px 8px 30px;
	color					: #000 !important;
	font-size				: 1.077em;
	line-height				: 1.4;
	text-decoration			: none;
	-webkit-border-radius	: 5px;
	-moz-border-radius		: 5px;
	border-radius			: 5px;
	background				: #fff url(../common/ico_footer_logo_pc.png) no-repeat 7px 10px;
	-webkit-background-size	: 20px 30px;
	-moz-background-size	: 20px 30px;
	background-size			: 20px 30px;
}

#FooterCoop a:hover{color: #000 !important;}

#FooterInfo{
	width		: 1020px;
	margin		: 5px auto 0;
	text-align	: right;
}

.footerName{font-size: 1.077em;}

.footerInfo{font-size: 0.923em;}

#Copyright{
	width		: 1020px;
	margin		: 0 auto;
	text-align	: right;
}

#Copyright small{font-size:0.769em;}


/*  Pagetop  */
#Pagetop,#Pagetop a {display:none;}


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

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

#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;
	clear			: both;
	overflow		: hidden;
	zoom			: 1;
}	
	
#NewsList .newsListTitle h2{
	float: left;
	color			: #191919;
	font-size		: 1.231em;
	font-weight		: bold;
	line-height		: 1.4;
}
	
#NewsList .newsListTitle select{
	float: right;
	margin-top: 2px;
}
	
#NewsList .newsListCont{
	margin-bottom:25px;
	clear			: both;
	overflow		: hidden;
	zoom			: 1;
}
	
#NewsList .newsListCont p{
	float: left;
	margin-top:0;
}		
	
#NewsList .newsListCont ul{
	float:right;
}	


.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{
	color			: #000;
	text-decoration	: underline;
}

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


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

#NewsDetail{
	padding: 8px 10px;
	border : solid 5px #eaeaea;
	}

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;}

#NewsDetail .social-clear .line{display : none;}

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

.youtube{
	margin:0 auto;
	max-width:610px;
	}

/* テーブル */
#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{
	margin-top	: 20px;
	clear				: both;
	overflow		: hidden;
	zoom			  : 1;}
	
.newsImg03 li{
	width   	  : 210px;
	float	      : left;
	margin-left	: 15px;
	text-align	: center;
	font-size   : 0.846em;
	}
	
.newsImg02{
	margin-top	: 20px;
	clear				: both;
	overflow		: hidden;
	zoom			  : 1;}
	
.newsImg02 li{
	width   	  : 320px;
	float	      : left;
	margin-left	: 15px;
	text-align	: center;
	font-size   : 0.846em;
	}
	
.newsImg02 li:last-child{
	float	      : right;
	margin-right: 15px;
	}	

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