@charset "utf-8";

/* ----------------------------------------
  color Style Seet

	1.white-green
	2.blue-yellow
	3.black-white
	4.yellow-black
---------------------------------------- */


/* ----------------------------------------
  1. white-green
---------------------------------------- */

/* デフォルトのため記載なし */

/* ----------------------------------------
  2. blue-yellow
---------------------------------------- */

.color2{color:#FFFF00;}
.color2 #container{background-color:#0000FF;}

.color2 header{background: url(../img/common/color2/bg_gnavi.png) repeat-x left bottom;}

.color2 #headerInner{
	background-color:#0000FF;
	color:#FFFF00;
}

.color2 #headerSearch .searchInput{
	background-color:#0000FF;
	box-shadow:none;
	border:1px solid #FFFF00;
	color:#FFFF00;
}

.color2 #headerSearch .submit{color:#0000FF;}
.color2 #changeFont ul li a{color:#FFFF00;}
.color2 #changeFont ul li.on a{color:#0000FF;}
.color2 #changeColor{background:none;}

.color2 header nav ul li.menu1 a{background:url(../img/common/color2/menu01.png) no-repeat center top;}
.color2 header nav ul li.menu2 a{background:url(../img/common/color2/menu02.png) no-repeat center top;}
.color2 header nav ul li.menu3 a{background:url(../img/common/color2/menu03.png) no-repeat center top;}
.color2 header nav ul li.menu4 a{background:url(../img/common/color2/menu04.png) no-repeat center top;}
.color2 header nav ul li.menu5 a{background:url(../img/common/color2/menu05.png) no-repeat center top;}
.color2 header nav ul li.menu6 a{background:url(../img/common/color2/menu06.png) no-repeat center top;}
.color2 header nav ul li.menu7 a{background:url(../img/common/color2/menu07.png) no-repeat center top;}

.color2 .sideLibrary{background: url(../img/index/color2/bg_side_01.png) no-repeat left top;}
.color2 .sideMailmagazine{background: url(../img/index/color2/bg_side_02.png) no-repeat left top;}
.color2 .sideLibrary h4,
.color2 .sideMailmagazine h4{
	color:#ffff00;
	border-color:#ffff00;
}
.color2 #sideColumn a{color:#ffff00;}

.color2 .sideLibrary,
.color2 .sideMailmagazine,
.color2 .sideLocalmenu,
.color2 .sideLocalmenu ul li{border-color:#ffff00;}
.color2 .sideLocalmenu2 ul li.sideMenuTitle span{
	color:#ffff00;
	background-color:#0000ff;
}

.color2 #goTop a{
	background:url(../img/common/color2/icon_gotop.png) no-repeat 12px 12px #ffff00;
	color:#0000ff;
}
.color2 a{color:#0000ff;}
.color2 #mainColumn a{color:#ffff00;}

.color2 footer nav ul,
.color2 #copyright{background-color:#0000ff;}
.color2 footer nav ul li{border-color:#ffff00;}

.color2 #copyright small{color:#ffff00;}
.color2 a{color:#ffff00;}

.color2 topContainer #mainColumn h3{
	color:#0000ff;
	background-color:#ffff00;
	border-left-color:#ffff00;
}

/* index */

.color2 .topContainer #mainColumn h3{background:#ffff00;border:none;color:#0000ff;}
.color2 .topTopics,
.color2 .topTopicsInner{border-color:#FFFF00;}
.color2 .topTopicsInner h2 span{background-color:#0000FF;}
.color2 .topNews #topNewsLink,
.color2 .topNews #topNewsRss{color:#0000FF;}
.color2 .topNews ul li .catIcon{
	background-color:#ffff00;
	color:#0000ff;
}
.color2 #relatedLink h3{background: url(../img/index/color2/bg_link.png) no-repeat left top;}


/* page */
.color2 #pankuzu{background-color:#0000ff;}
.color2 #pankuzu a{color:#ffff00;}

.color2 .pageContainer h1{background:none;border-color:#ffff00;}
.color2 .pageContainer h2{background:#ffff00;border:none;color:#0000ff;}
.color2 .pageContainer h3{color:#ffff00;}
.color2 .pageContainer h4{border-color:#ffff00;}

.color2 #sideColumn .sideTitle{border-color:#ffff00;}
.color2 #sideColumn .sideTitle h2{border-color:#ffff00;color:#ffff00;}
.color2 .sideLocalmenu2 ul li{border-color:#ffff00;}
.color2 .sideLocalmenu2 ul li a, .color2 .sideLocalmenu2 ul li span{background-color:#0000ff;}
.color2 #sideColumn .sideLocalmenu2 ul li.open a, .color2 #sideColumn .sideLocalmenu2 ul li.open span{background-color:#ffff00;color:#0000ff;}

.color2 .tableStyle1 th,.color2 .tableStyle1 td{border-color:#ffff00;}
.color2 .tableStyle1 th{background:#ffff00;color:#0000ff;border-bottom:1px solid #0000ff;border-right:1px solid #0000ff;}
.color2 .tableStyle1 th:last-of-type{border-right:1px solid #ffff00;}
.color2 .tableStyle1 tr:last-of-type th{border-bottom:1px solid #ffff00;}

.color2 .contactInfo{border-color:#ffff00;}
.color2 .contactInfoInner h5{color:#ffff00;}

.color2 .pageNews{background-color:#0000ff;border-color:#ffff00;}
.color2 .pageNews h3{border-color:#ffff00;}
.color2 .pageNews #topNewsLink, .color2 .pageNews #topNewsRss{color:#ffff00;}
.color2 .pageNews ul li a{color:#ffff00;}
.color2 .pageContainer h2 a{color:#0000ff;}

.color2 .searchResultArea{border-color:#ffff00;}
.color2 .searchResult{border-color:#ffff00;}
.color2 .pageContainer h3 small{color:#ffff00;}
.color2 .searchResult:nth-child(2n){background:none;}
.color2 .pager ul li span{color:#0000ff;}

.color2 .libraryForm h3 span{color:#ffff00;}
.color2 .textBlock #relatedLink h3{color:#ffff00;}

/* ----------------------------------------
  3. black-white
---------------------------------------- */

.color3{color:#fff;}
.color3 #container{background-color:#000;}

.color3 header{background: url(../img/common/color3/bg_gnavi.png) repeat-x left bottom;}

.color3 #headerInner{
	background-color:#000;
	color:#fff;
}

.color3 #headerSearch .searchInput{
	background-color:#000;
	box-shadow:none;
	border:1px solid #fff;
	color:#fff;
}

.color3 #headerSearch .submit{color:#000;}
.color3 #changeFont ul li a{color:#fff;}
.color3 #changeFont ul li.on a{color:#000;}
.color3 #changeColor{background:none;}

.color3 header nav ul li.menu1 a{background:url(../img/common/color3/menu01.png) no-repeat center top;}
.color3 header nav ul li.menu2 a{background:url(../img/common/color3/menu02.png) no-repeat center top;}
.color3 header nav ul li.menu3 a{background:url(../img/common/color3/menu03.png) no-repeat center top;}
.color3 header nav ul li.menu4 a{background:url(../img/common/color3/menu04.png) no-repeat center top;}
.color3 header nav ul li.menu5 a{background:url(../img/common/color3/menu05.png) no-repeat center top;}
.color3 header nav ul li.menu6 a{background:url(../img/common/color3/menu06.png) no-repeat center top;}
.color3 header nav ul li.menu7 a{background:url(../img/common/color3/menu07.png) no-repeat center top;}

.color3 .sideLibrary{background: url(../img/index/color3/bg_side_01.png) no-repeat left top;}
.color3 .sideMailmagazine{background: url(../img/index/color3/bg_side_02.png) no-repeat left top;}
.color3 .sideLibrary h4,
.color3 .sideMailmagazine h4{
	color:#fff;
	border-color:#fff;
}
.color3 #sideColumn a{color:#fff;}

.color3 .sideLibrary,
.color3 .sideMailmagazine,
.color3 .sideLocalmenu,
.color3 .sideLocalmenu ul li{border-color:#fff;}
.color3 .sideLocalmenu2 ul li.sideMenuTitle span{
	color:#fff;
	background-color:#000;
}

.color3 #goTop a{
	background:url(../img/common/color3/icon_gotop.png) no-repeat 12px 12px #fff;
	color:#000;
}
.color3 a{color:#fff;}
.color3 #mainColumn a{color:#fff;}

.color3 footer nav ul,
.color3 #copyright{background-color:#000;}
.color3 footer nav ul li{border-color:#fff;}

.color3 #copyright small{color:#fff;}
.color3 a{color:#fff;}

.color3 topContainer #mainColumn h3{
	color:#000;
	background-color:#fff;
	border-left-color:#fff;
}

/* index */

.color3 .topContainer #mainColumn h3{background:#fff;border:none;color:#000;}
.color3 .topContainer #mainColumn h3 a{color:#000;}
.color3 .topTopics,
.color3 .topTopicsInner{border-color:#fff;}
.color3 .topTopicsInner h2 span{background-color:#000;}
.color3 .topNews ul li .catIcon{
	background-color:#fff;
	color:#000;
}
.color3 #relatedLink h3{background: url(../img/index/color3/bg_link.png) no-repeat left top;}


/* page */
.color3 #pankuzu{background-color:#000;}
.color3 #pankuzu a{color:#fff;}

.color3 .pageContainer h1{background:none;border-color:#fff;}
.color3 .pageContainer h2{background:#fff;border:none;color:#000}
.color3 .pageContainer h3{color:#fff;}
.color3 .pageContainer h4{border-color:#fff;}

.color3 #sideColumn .sideTitle{border-color:#fff;}
.color3 #sideColumn .sideTitle h2{border-color:#fff;color:#fff;}
.color3 .sideLocalmenu2 ul li{border-color:#fff;}
.color3 .sideLocalmenu2 ul li a, .color3 .sideLocalmenu2 ul li span{background-color:#000;}
.color3 #sideColumn .sideLocalmenu2 ul li.open a, .color3 #sideColumn .sideLocalmenu2 ul li.open span{background-color:#fff;color:#000;}

.color3 .tableStyle1 th,.color3 .tableStyle1 td{border-color:#fff;}
.color3 .tableStyle1 th{background:#fff;color:#000;border-bottom:1px solid #000;border-right:1px solid #000;}
.color3 .tableStyle1 th:last-of-type{border-right:1px solid #fff;}
.color3 .tableStyle1 tr:last-of-type th{border-bottom:1px solid #fff;}

.color3 .contactInfo{border-color:#fff;}
.color3 .contactInfoInner h5{color:#fff;}

.color3 .pageNews{background-color:#000;border-color:#fff;}
.color4 .pageNews h3{border-color:#fff;}
.color3 .pageNews #topNewsLink, .color3 .pageNews #topNewsRss{color:#fff;}
.color3 .pageNews ul li a{color:#fff;}
.color3 .pageContainer h2 a{color:#000;}

.color3 .searchResultArea{border-color:#fff;}
.color3 .searchResult{border-color:#fff;}
.color3 .pageContainer h3 small{color:#fff;}
.color3 .searchResult:nth-child(2n){background:none;}
.color3 .pager ul li span{color:#000;}

.color3 .libraryForm h3 span{color:#fff;}
.color3 .textBlock #relatedLink h3{color:#fff;}

/* ----------------------------------------
  4. yellow-black
---------------------------------------- */

.color4{color:#000;}
.color4 #container{background-color:#FFFF00;}

.color4 header{background: url(../img/common/color4/bg_gnavi.png) repeat-x left bottom;}

.color4 #headerInner{
	background-color:#FFFF00;
	color:#000;
}

.color4 #headerSearch .searchInput{
	background-color:#FFFF00;
	box-shadow:none;
	border:1px solid #000;
	color:#000;
}

.color4 #headerSearch .submit{color:#000;}
.color4 #changeFont ul li a{color:#000;}
.color4 #changeFont ul li.on a{color:#000;}
.color4 #changeColor{background:none;}

.color4 header nav ul li.menu1 a{background:url(../img/common/color4/menu01.png) no-repeat center top;}
.color4 header nav ul li.menu2 a{background:url(../img/common/color4/menu02.png) no-repeat center top;}
.color4 header nav ul li.menu3 a{background:url(../img/common/color4/menu03.png) no-repeat center top;}
.color4 header nav ul li.menu4 a{background:url(../img/common/color4/menu04.png) no-repeat center top;}
.color4 header nav ul li.menu5 a{background:url(../img/common/color4/menu05.png) no-repeat center top;}
.color4 header nav ul li.menu6 a{background:url(../img/common/color4/menu06.png) no-repeat center top;}
.color4 header nav ul li.menu7 a{background:url(../img/common/color4/menu07.png) no-repeat center top;}

.color4 .sideLibrary{background: url(../img/index/color4/bg_side_01.png) no-repeat left top;}
.color4 .sideMailmagazine{background: url(../img/index/color4/bg_side_02.png) no-repeat left top;}
.color4 .sideLibrary h4,
.color4 .sideMailmagazine h4{
	color:#000;
	border-color:#000;
}
.color4 #sideColumn a{color:#000;}

.color4 .sideLibrary,
.color4 .sideMailmagazine,
.color4 .sideLocalmenu,
.color4 .sideLocalmenu ul li{border-color:#000;}
.color4 .sideLocalmenu2 ul li.sideMenuTitle span{
	color:#000;
	background-color:#ffff00;
}

.color4 #goTop a{
	background:url(../img/common/color4/icon_gotop.png) no-repeat 12px 12px #000;
	color:#FFFF00;
}
.color4 a{color:#000;}
.color4 #mainColumn a{color:#000;}

.color4 footer nav{border-color:#000;}
.color4 footer nav ul,
.color4 #copyright{background-color:#FFFF00;}
.color4 footer nav ul li{border-color:#000;}

.color4 #copyright small{color:#000;}
.color4 a{color:#000;}

.color4 topContainer #mainColumn h3{
	color:#FFFF00;
	background-color:#000;
	border-left-color:#000;
}

/* index */

.color4 .topContainer #mainColumn h3{background:#000;border:none;color:#ffff00;}
.color4 .topContainer #mainColumn h3 a{color:#ffff00;}
.color4 .topTopics,
.color4 .topTopicsInner{border-color:#000;}
.color4 .topTopicsInner h2 span{background-color:#FFFF00;}
.color4 .topTopicsInner p{border-color:#000;}
.color4 .topNews #topNewsLink,
.color4 .topNews #topNewsRss{color:#FFFF00;}
.color4 .topNews ul li .catIcon{
	background-color:#000;
	color:#FFFF00;
}
.color4 #relatedLink h3{background: url(../img/index/color4/bg_link.png) no-repeat left top;}



/* page */
.color4 #pankuzu{background-color:#ffff00;}
.color4 #pankuzu a{color:#000;}

.color4 .pageContainer h1{background:none;border-color:#000;}
.color4 .pageContainer h2{background:#000;border:none;color:#ffff00}
.color4 .pageContainer h3{color:#000;}
.color4 .pageContainer h4{border-color:#000;}

.color4 #sideColumn .sideTitle{border-color:#000;}
.color4 #sideColumn .sideTitle h2{border-color:#000;color:#000;}
.color4 .sideLocalmenu2 ul li{border-color:#000;}
.color4 .sideLocalmenu2 ul li a, .color4 .sideLocalmenu2 ul li span{background-color:#ffff00;}
.color4 #sideColumn .sideLocalmenu2 ul li.open a, .color4 #sideColumn .sideLocalmenu2 ul li.open span{background-color:#000;color:#ffff00;}

.color4 .tableStyle1 th,.color4 .tableStyle1 td{border-color:#000;}
.color4 .tableStyle1 th{background:#000;color:#ffff00;border-bottom:1px solid #ffff00;border-right:1px solid #ffff00;}
.color4 .tableStyle1 th:last-of-type{border-right:1px solid #000;}
.color4 .tableStyle1 tr:last-of-type th{border-bottom:1px solid #000;}

.color4 .contactInfo{border-color:#000;}
.color4 .contactInfoInner h5{color:#000;}

.color4 .pageNews{background-color:#ffff00;border-color:#000;}
.color4 .pageNews h3{border-color:#000;}
.color4 .pageNews #topNewsLink, .color4 .pageNews #topNewsRss{color:#000;}
.color4 .pageNews ul li a{color:#000;}
.color4 .pageContainer h2 a{color:#ffff00;}

.color4 .searchResultArea{border-color:#000;}
.color4 .searchResult{border-color:#000;}
.color4 .pageContainer h3 small{color:#000;}
.color4 .searchResult:nth-child(2n){background:none;}
.color4 .pager ul li span{color:#ffff00;}

.color4 .libraryForm h3 span{color:#000;}
.color4 .textBlock #relatedLink h3{color:#000;}

