@charset "UTF-8";

/*
フォントサイズはpages.cssに記述する
*/

body {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: .1em;
}

/* 
---------------------------------------------------------------------
ヘッダー設定
---------------------------------------------------------------------
*/
#headerWrapper {
	margin: 0 auto;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	/*background: url(../images/headerWrapperBG.png) repeat-x center bottom;*/
}
#header {
	margin: 0px auto;
	width: 1000px;
}
#headerLogoWrapper {
	margin: 0px auto;
	height: 98px;
	width: 1000px;
}
#headerLogoWrapper #headerLogo {
	float: left;	
	margin-top: 27px;
}
#headerLogoWrapper #headerTel {
	float: right;
	margin-top: 8px;
	margin-bottom: 7px;
}
/*
ヘッダーメニュー部分
*/
#headerMenu {
	margin: 0px auto;
	height: 40px;
	width: 1000px;
}
#headerWrapper #headerMenu UL {
	height: 40px;
	width: 1000px;
	margin: 0px auto;
	padding: 0px;
}
#headerWrapper #headerMenu UL LI {
	float: left;
	text-indent: -10000px;
	list-style-type: none;
	position: relative;
}
#headerWrapper #headerMenu UL LI A {
	height: 40px;
	width: 180px;
	display: block;
	background: url(../images/headerMenuAll.png?201611) no-repeat 0 0;
}
#headerWrapper #headerMenu UL LI A:hover {
	background: url(../images/headerMenuAll.png?201611) no-repeat 0 -40px;
}
#headerWrapper #headerMenu UL LI#menu1 A {
	background-position: 0 0;
}
#headerWrapper #headerMenu UL LI#menu2 A {
	background-position: -180px 0;
}
#headerWrapper #headerMenu UL LI#menu3 A {
	background-position: -360px 0;
}
#headerWrapper #headerMenu UL LI#menu4 A {
	background-position: -540px 0;
}
#headerWrapper #headerMenu UL LI#menu5 A {
	background-position: -720px 0;
}
#headerWrapper #headerMenu UL LI#menu6 A {
	width: 100px;
	background-position: -900px 0;
}
#headerWrapper #headerMenu UL LI#menu1 A:hover {
	background-position: 0 -40px;
}
#headerWrapper #headerMenu UL LI#menu2 A:hover {
	background-position: -180px -40px;
}
#headerWrapper #headerMenu UL LI#menu3 A:hover {
	background-position: -360px -40px;
}
#headerWrapper #headerMenu UL LI#menu4 A:hover {
	background-position: -540px -40px;
}
#headerWrapper #headerMenu UL LI#menu5 A:hover {
	background-position: -720px -40px;
}
#headerWrapper #headerMenu UL LI#menu6 A:hover {
	background-position: -900px -40px;
}
/*
プルダウンメニュー部
*/
#headerWrapper #headerMenu UL LI UL {
    display: none;
    position: absolute;
    top: 40px;
    left: 0px;
    text-align: left;
}
#headerWrapper #headerMenu UL LI:hover UL {
	display: block;
}
#headerWrapper #headerMenu UL LI UL LI {
	text-indent: 0px;
	font-size: 12px;
	padding: 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 17px;
	z-index: 100;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	float: none;
	width: 180px;
	background: #FFC;
}
#headerWrapper #headerMenu UL LI#menu2 UL LI,
#headerWrapper #headerMenu UL LI#menu2 UL LI A {
	width: 210px;
}
#headerWrapper #headerMenu UL LI UL LI:hover {
	background-color: #FFC;
	border-bottom: 2px solid #F90;
}
#headerWrapper #headerMenu UL LI UL LI A {
	background-image: none;
	color: #000;
	font-weight: normal;
}
#headerWrapper #headerMenu UL LI UL LI A:hover {
	background-image: none;
}

/*
各ページアクティブ表示
*/
/*.menu1 #headerWrapper #headerMenu LI#menu1 A {
	background-position: 0 -40px;
}
.menu2 #headerWrapper #headerMenu LI#menu2 A {
	background-position: -180px -40px;
}
.menu3 #headerWrapper #headerMenu LI#menu3 A {
	background-position: -360px -40px;
}
.menu4 #headerWrapper #headerMenu LI#menu4 A {
	background-position: -540px -40px;
}
.menu5 #headerWrapper #headerMenu LI#menu5 A {
	background-position: -720px -40px;
}
.menu6 #headerWrapper #headerMenu LI#menu6 A {
	background-position: -900px -40px;
}*/

/*
パンくずとH1
*/
#pageInfoSection  {
	width: 1000px;
	height: 25px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/pageInfoSectionBG.png);
	background-repeat: no-repeat;
}
#crumbList  {
	width: 600px;
	float: left;
	text-align: left;
}
#pageInfoSection  UL,
#pageInfoSection  H1 {
	font-size: 12px;
	line-height: normal;
	margin: 4px 15px 0px;
}
#crumbList UL {
}
#crumbList UL LI {
	display: inline;
}
#crumbList UL LI A SPAN  {
	font-weight: normal;
	color: #000;
}
#crumbList UL LI A:hover SPAN  {
	font-weight: bold;
}
#pageTitleH1 {
	width: 400px;
	float: right;
	text-align: right;
}
#pageTitleH1 H1 {
}

/*
---------------------------------------------------------------------
index用レイアウト
---------------------------------------------------------------------
*/
#topCatch {
	margin-bottom: 20px;
}
#newsList {
	width:400px;
	float: left;
}
#newsList H2 {
	margin-bottom: 15px;
}
#newsList H2,#sideBar H2 {
	margin-bottom: 20px;
	color: #FFF;
	/* グラデ 共通 */
	background: linear-gradient(top center, #5CCDFF 0%, #8EDDFF 100%);
	/* グラデ Firefox用 */
	background:-moz-linear-gradient(top, #5CCDFF, #8EDDFF);
	/* グラデ Chrom と Safari用 */
	background:-webkit-linear-gradient(top, #5CCDFF, #8EDDFF);
	/* グラデ IE10-11用 */
	background:-ms-linear-gradient(top, #5CCDFF, #8EDDFF);
	/* Dream表示用 */
	background-color: #5CCDFF;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	line-height: normal;
	text-shadow: 1px 1px 5px #09F , -1px 1px 5px #09F , 1px -1px 5px #09F , -1px -1px 5px #09F;
	border: 2px solid #FFF;
	/* シャドウ デフォルト */
	box-shadow: 1px 1px 1px #999;
	/* シャドウ Firefox用 */
	-moz-box-shadow: 1px 1px 1px #999;
	/* シャドウ  Chrom と Safari用 */
	-webkit-box-shadow: 1px 1px 1px #999;
	letter-spacing: .2em;
}
#newsList .block {
	padding: 10px;
	margin-bottom: 5px;
	background: #FFC;
	/* 角丸 デフォルト */  
	border-radius: 5px;
	/* 角丸 Firefox用 */
	-moz-border-radius: 5px;
	/* 角丸  Chrom と Safari用 */ 
	-webkit-border-radius: 5px;
	/* シャドウ デフォルト */
	box-shadow: 1px 1px 1px #999;
	/* シャドウ Firefox用 */
	-moz-box-shadow: 1px 1px 1px #999;
	/* シャドウ  Chrom と Safari用 */
	-webkit-box-shadow: 1px 1px 1px #999;
}
#newsList P.entryDate {
	font-size: 12px;
	line-height: normal;
}
#newsList H3.entryTitle {
	padding: 2px 5px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #FFF;
	background: #F90;
	/* 角丸 デフォルト */  
	border-radius: 3px;
	/* 角丸 Firefox用 */
	-moz-border-radius: 3px;
	/* 角丸  Chrom と Safari用 */ 
	-webkit-border-radius: 3px;
	/* シャドウ デフォルト */
	text-shadow: 1px 1px 3px #000;
	/* シャドウ Firefox用 */
	-moz-text-shadow: 1px 1px 3px #000;
	/* シャドウ  Chrom と Safari用 */
	-webkit-text-shadow: 1px 1px 3px #000;
}
#newsList P.entryDiscription {
	line-height: 20px;
}

/*
---------------------------------------------------------------------
サイドバーメニューリスト用（各ページsidebar）
---------------------------------------------------------------------
*/
#sideBar .block {
	border: 1px solid #CCC;
	padding: 10px;
}
#sideBar .block {
	margin-bottom: 10px;
}
#sideBar H2 { 
/* 上部index用レイアウト内に記述 */
}
#sideBar .block H3,
#sideBar .block UL#sideBarMenuList LI {
	font-size: 18px;
	line-height: 20px;
	color: #09F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 9px;
	padding-bottom: 5px;
	font-weight: bold;
}
#sideBar .block UL#sideBarMenuList {
	padding-left: 0px;
}
#sideBar .block UL#sideBarMenuList LI {
	list-style: none;
	border-bottom-style: dotted;
}
#sideBar .block UL#sideBarMenuList LI.menuListLast {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-width: 0;
}
#sideBar .block UL#sideBarMenuList LI.menuListChild {
	padding-left: 1em;
}
#sideBar .block H3 A,
#sideBar .block #sideBarMenuList LI A {
	color: #09F;
}
#sideBar .block #sideBarMenuList LI A {
	padding: 0 0 0 30px;
	background-image: url(../images/sideBarMenu-btnArrow.png);
	background-repeat: no-repeat;
	background-position: 10px 4px;
}
#sideBar .block UL {
	padding-left: 1.5em;
}
#sideBar .block UL LI  {
	list-style: disc;
}
#sideBar .block UL LI A {
	font-weight: normal;
	color: #000;
}
#sideBar .block UL LI A.pdfLink {
	font-weight: normal;
	color: #000;
	background-image: url(../images/sideBar-PDF.png);
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right: 22px;
}
#sideBar .block H3 A:hover,
#sideBar .block UL LI A:hover,
#sideBar .block #sideBarMenuList LI A:hover {
	color: #F90;
}

/*
---------------------------------------------------------------------
コンテンツ用レイアウト ※コンテンツ詳細は pages.css に記述
---------------------------------------------------------------------
*/
#contentsWrapper {
	margin: 20px auto;
	width: 1000px;
	text-align: left;
}
#contents {
	width:730px;
	float: right;
}
#sideBar {
	width:240px;
	float: left;
}
#sideBar H2{
	margin-bottom: 10px;
}

/*
---------------------------------------------------------------------
フッター用レイアウト
---------------------------------------------------------------------
*/
#footerWrapper {
	clear: both;
	width: 100%;
	margin: 0px auto;
	background-image: url(../images/footerWrapperBG.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #EBEBEB;
}
#footerLine {
}
#footerWrapper  P,
#footerWrapper  UL {
	font-size: 12px;
	line-height: 16px;
}
#footer {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	padding-top: 78px;
}
#footerSitemapWrapper {
	/*float: left;*/
	margin-top: 10px;
	margin-bottom: 15px;
	/*width: 800px;*/
}
.footerSitemap {
	float: left;
	margin-right: 30px;
	margin-bottom: 40px;
}
.footerSitemap P {
	margin-bottom: 3px;
}
.footerSitemap UL {
	padding-left: 2em;
}
.footerSitemap UL LI {
	list-style: disc;
}
.footerSitemap UL LI  A {
	font-weight: normal;
}
.footerSitemap A {
	font-weight: bold;
	color: #000;
}
.footerSitemap A:hover  {
	color: #F90;
}
/*#footerLogo {
	float: right;
	width: 195px;
	margin-top: 65px;
	margin-bottom: 15px;
}
#footerLogo IMG {
	margin-bottom: 15px;
}*/
#copyright {
	clear: both;
	/*width:750px;*/
}

/*
---------------------------------------------------------------------
PAGETOPボタン用
---------------------------------------------------------------------
*/
#pageTop {
    position: fixed;
    bottom: 280px;
    right: 20px;
    z-index: 9999;
}
#pageTop a {
	width: 50px;
	display: block;
}
#pageTop span {
	width: 50px;
	height: 50px;
	display: block;
	background-image: url(../images/pageTop.png);
	background-repeat: no-repeat;
}