@charset "UTF-8";

/* header.css
**************************************************************************************/


/* header-layout
=============================================================================*/


#header .header-area-in {
	height: 104px;
	width: 1200px;
	margin: 0 auto;
	position:relative;
}

#header .header-main {
	width:206px;
	float:left;
}

#header .header-sub {
	width:774px;
	height:35px;
	float:right;
	padding-top:56px;
	position:relative;
}
@media screen and (max-width: 1199px){
#header .header-area-in {
	height: auto;
	width: 100%;
}
#header .header-main {
	width:auto;
	float:none;
	height: 90px;
	padding:0 15px;
}
#header .header-sub {
	width:auto;
	height:auto;
	float:none;
	padding-top:0;
	position:static;
}
}

@media screen and (max-width: 767px){
#header .header-main {
	height:60px;
	padding:0 0;
	background:#FFF;
	width:100%;
	z-index:80;
	min-width:320px;
}
}

/* header-main
=============================================================================*/

#header .header-main .logo {
	padding-top:27px;
	font-size:14px;
}
@media screen and (max-width: 1199px){
#header .header-main .logo {
	padding-top:20px;
}
}
@media screen and (max-width: 767px){
#header .header-main .logo {
	padding-top:10px;
	padding-left:10px;
}
#header .header-main .logo ,
#header .header-main .logo img {
	width:165px;
}
}

/* header-top-btn
=============================================================================*/

#header ul.header-top-btn {
	width:283px;
	position:absolute;
	right:0;
	top:13px;
}
#header ul.header-top-btn li.bt001 {
	float:left;
}
#header ul.header-top-btn li.bt002 {
	float:right;
}
#header ul.header-top-btn li a img {
	vertical-align:top;
}

@media screen and (max-width: 1199px){
#header ul.header-top-btn {
	display:none;
}
}

/* header-sub
=============================================================================*/

/*header-sub-navi*/
#header .header-sub ul.header-sub-navi {
	float:left;
	padding:8px 0 0 0;
}

#header .header-sub ul.header-sub-navi li {
	float:left;
	padding:0 20px 0 0;
}
#header .header-sub ul.header-sub-navi li.navi003 {
	padding:0;
}
#header .header-sub ul.header-sub-navi li a {
	padding:0 0 0 12px;
	background:url("../../image/header-ar001.gif") no-repeat 0 3px;
	background-size:7px auto;
	line-height:1.4em;
	color:#222222;
	text-decoration:none;
	font-size:14px;
	letter-spacing:-0.1em;
	vertical-align:top;
}
#header .header-sub ul.header-sub-navi li a:hover {
	color:#31840d;
}
#header .header-sub ul.header-sub-navi li.navi004 ,
#header .header-sub ul.header-sub-navi li.navi005 {
	display:none;
}

@media screen and (max-width: 1199px){
#header .header-sub ul.header-sub-navi {
	float:none;
	padding:0 0 0 0;
	background-color:#31840d;
	width:100%;
}
#header .header-sub ul.header-sub-navi li {
	float:left;
	padding:0;
	width:25%;
}
#header .header-sub ul.header-sub-navi li a {
	display:block;
	padding:0;
	text-align:center;
	text-indent:101%;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	height:60px;
}
#header .header-sub ul.header-sub-navi li.navi003 {
	display:none;
}
#header .header-sub ul.header-sub-navi li.navi004 ,
#header .header-sub ul.header-sub-navi li.navi005 {
	display:block;
}
#header .header-sub ul.header-sub-navi li.navi001 a ,
#header .header-sub ul.header-sub-navi li.navi002 a ,
#header .header-sub ul.header-sub-navi li.navi004 a {
	border-right:1px solid #6fa956;
}
#header .header-sub ul.header-sub-navi li.navi001 a {
	background:url("../../image/header-bt001-tab.png") no-repeat center 21px;
	background-size:107px auto;
}
#header .header-sub ul.header-sub-navi li.navi002 a {
	background:url("../../image/header-bt002-tab.png") no-repeat center 24px;
	background-size:137px auto;
}
#header .header-sub ul.header-sub-navi li.navi004 a {
	background:url("../../image/header-bt003-tab.png") no-repeat center 24px;
	background-size:85px auto;
}
#header .header-sub ul.header-sub-navi li.navi005 a {
	background:url("../../image/header-bt004-tab.png") no-repeat center 24px;
	background-size:110px auto;
}
}
@media screen and (max-width: 767px){
#header .header-sub ul.header-sub-navi li.navi001 a {
	background:url("../../image/header-bt001-sp.png") no-repeat center 11px;
	background-size:75px auto;
}
#header .header-sub ul.header-sub-navi li.navi002 a {
	background:url("../../image/header-bt002-sp.png") no-repeat center 13px;
	background-size:85px auto;
}
#header .header-sub ul.header-sub-navi li.navi004 a {
	background:url("../../image/header-bt003-sp.png") no-repeat center 14px;
	background-size:49px auto;
}
#header .header-sub ul.header-sub-navi li.navi005 a {
	background:url("../../image/header-bt004-sp.png") no-repeat center 14px;
	background-size:72px auto;
}
}
@media screen and (max-width: 374px){
#header .header-sub ul.header-sub-navi li.navi001 {
	width:25%;
}
#header .header-sub ul.header-sub-navi li.navi002 {
	width:30%;
}
#header .header-sub ul.header-sub-navi li.navi004 {
	width:20%;
}
#header .header-sub ul.header-sub-navi li.navi005 {
	width:25%;
}
}

/*en-btn*/
#header .header-sub .en-btn {
	float:right;
}
#header .header-sub .en-btn a {
	display:block;
	width:109px;
	height:35px;
	border:1px solid #c0c0c0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	text-align:center;
	color:#222222;
	text-decoration:none;
	padding:3px 0 0 0;
	font-size:15px;
	vertical-align:top;
}
#header .header-sub .en-btn a span {
	padding:0 0 0 10px;
	background:url("../../image/header-ar001.gif") no-repeat 0 4px;
	background-size:7px auto;
}
#header .header-sub .en-btn a:hover {
	border:1px solid #31840d;
	color:#31840d;
}

@media screen and (max-width: 1199px){
#header .header-sub .en-btn {
	display:none;
}
}

/*header-bottom-btn*/
#header .header-sub .header-bottom-btn {
	float:right;
	padding:0 0 0 12px;
}
#header .header-sub .header-bottom-btn li {
	float:left;	
}
#header .header-sub .header-bottom-btn li a {
	display:block;
	height:35px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	text-decoration:none;
	color:#cd4606;
	background:url("../../image/header-ar002.gif") no-repeat 10px 10px;
	background-size:7px auto;
	padding:5px 0 0 20px;
	font-size:13px;
	vertical-align:top;
}
#header .header-sub .header-bottom-btn li a span {
	font-weight:bold;
}
#header .header-sub .header-bottom-btn li.bt001 a span {
    letter-spacing: 0.07em;
}
#header .header-sub .header-bottom-btn li a:hover {
	background:url("../../image/header-ar002.gif") #f8f1ee no-repeat 10px 10px;
	background-size:7px auto;
}
#header .header-sub .header-bottom-btn li.bt001 a {
	width:148px;
	border-top:1px solid #cd4606;
	border-left:1px solid #cd4606;
	border-bottom:1px solid #cd4606;
}
#header .header-sub .header-bottom-btn li.bt002 a {
	width:135px;
	border:1px solid #cd4606;
}

@media screen and (max-width: 1199px){
#header .header-sub .header-bottom-btn {
	display:none;
}
}

/*フォントサイズ変更*/

#header div#fontController {
	position:absolute;
	left:0;
	top:13px;
	width:101px;
	padding:0 0 0 71px;
	background:url("../../image/fontsize-tx001.gif") no-repeat 0 11px;
}

#header div#fontController dt {
	display:none;
}

#header div#fontController dd {
	float:left;
}

#header div#fontController dd a {
	display:block;
	height:35px;
	text-indent:101%;
	font-size:14px;
	white-space:nowrap;
	overflow:hidden;
	background:url("../../image/fontsize-bt001.gif") no-repeat 0 0;
}

#header div#fontController dd.small {
	display:none;
}

#header div#fontController dd.middle ,
#header div#fontController dd.middle a {
	width:51px;
	background-position:0 0;
}

#header div#fontController dl dd.middle a:hover ,
#header div#fontController dl dd.middle a.reset-btn-on {
	background-position:0 bottom;
}

#header div#fontController dd.large ,
#header div#fontController dd.large a {
	width:50px;
	background-position:-51px 0;
	float:right;
}

#header div#fontController dl dd.large a:hover ,
#header div#fontController dl dd.large a.large-btn-on {
	background-position:-51px bottom;
}

@media screen and (max-width: 1199px){
#header div#fontController {
	display:none;
}
}


/* サイト内検索 */
#header .search-btn {
    display: none;
}
#header div.search-wrap {
	position: absolute;
	top: 13px;
	left: 610px;
	width: 211px;
	z-index: 80;
}
#header div.search-area {
	padding:0 0 0 84px;
}

#header div.search-area-in {
	width:50px;
	padding:0 0 0 161px;
	position:relative;
	height:35px;
	margin:0;
	font-size:14px;
}

#header div.search-area input.input-q {
	font-size:12px;
	width:141px;
	height:31px;
	border:none;
	padding:2px 10px;
	position:absolute;
	top:0;
	left:0;
	font-family : YuGothic, '游ゴシック','メイリオ',Meiryo,sans-serif;
	background:url("../../image/search-bg001.gif") #eeeeee no-repeat 0 0!important;
}
#header div.search-area label{
	font-size:13px;
	font-weight:bold;
	position:absolute;
	top:6px;
	left:-84px;
}
#header div.search-area input.input-q:focus {
	background:none !important;
	background-color:#eeeeee !important;
}
#header div.search-area input.rollover {
	font-size:14px;
}
#header input#btn01 {
	height:35px;
}
#header div.search-area-in #btn01 {
    width: 50px;
    height: 35px;
}
#header div.search-area-in input.input-q::placeholder {
    color: transparent;
}
#header div.search-area-in input.input-q::-moz-placeholder {
    color: transparent;
}
#header div.search-area-in input.input-q::-webkit-input-placeholder { 
	color:transparent;
}
#header div.search-area-in input.input-q::-moz-placeholder { 
	color:transparent;
}
#header div.search-area-in input.input-q:-ms-input-placeholder { 
	color:transparent;
}


@media screen and (max-width: 1199px){
#header div.search-area {
	padding:0;
	background:none;
}
#header div.search-area-in {
	margin:0 auto;
}
#header .search-btn {
	display:block;
	width:59px;
	height:59px;
	position:absolute;
	top:15px;
	right:80px;
	border:1px solid #c0c0c0;
}
#header div.search-area label{
	display:none;
}
#header .search-btn a {
	display:block;
	width:59px;
	height:59px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	padding:16px 0 0 16px;
}
#header .search-btn img {
	width:27px;
}
#header div.search-wrap {
	display:none;
	position:absolute;
	top:76px;
	right:80px;
	left:auto;
	z-index:100;
	float:none;
	margin:0;
	width:260px;
}
#header div.search-area {
	padding:20px 0 20px 0;
	background-color: rgba(0,0,0,0.8);
}
#header div.search-area label{
	display:none;
}
}
@media screen and (max-width: 767px){
#header .search-btn {
	width:43px;
	height:43px;
	top:8px;
	right:60px;
	position:absolute;
	z-index:80;
}
#header .search-btn a {
	width:43px;
	height:43px;
	display:block;
	padding:10px 0 0 10px;
}
#header .search-btn img {
	width:24px;
}
#header div.search-wrap {
	top:60px;
	right:auto;
	left:0;
	width:100%;
	position:fixed;
	min-width:320px;
	z-index:80;
}
#header input {
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

	 -webkit-appearance: none;
  }
}


/* gnavi
=============================================================================*/

.gnavi-area {
	background:#31840d;
}

#gnavi {
	width: 1200px;
	margin: 0 auto;
}

#gnavi ul li {
	float:left;
	line-height:1;
}

#gnavi ul li a {
	display:block;
	background:url("../../image/gnavi001.gif") no-repeat 0 0;
	text-indent:101%;
	white-space:nowrap;
	overflow:hidden;
	height:60px;
	font-size:14px;
}

#gnavi ul li.gnavi001 ,
#gnavi ul li.gnavi001 a {
	width:134px;
	background-position:0 0;
}
#gnavi ul li.gnavi001 a.current,
#gnavi ul li.gnavi001 a:hover {
	width:134px;
	background-position:0 -60px;
}

#gnavi ul li.gnavi002 ,
#gnavi ul li.gnavi002 a {
	width:133px;
	background-position:-134px 0;
}
#gnavi ul li.gnavi002 a.current ,
#gnavi ul li.gnavi002 a:hover {
	width:133px;
	background-position:-134px -60px;
}

#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003 a {
	width:134px;
	background-position:-267px 0;
}
#gnavi ul li.gnavi003 a.current ,
#gnavi ul li.gnavi003 a:hover {
	width:134px;
	background-position:-267px -60px;
}

#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004 a {
	width:133px;
	background-position:-401px 0;
}
#gnavi ul li.gnavi004 a.current ,
#gnavi ul li.gnavi004 a:hover {
	width:133px;
	background-position:-401px -60px;
}

#gnavi ul li.gnavi005 ,
#gnavi ul li.gnavi005 a {
	width:133px;
	background-position:-534px 0;
}
#gnavi ul li.gnavi005 a.current ,
#gnavi ul li.gnavi005 a:hover {
	width:133px;
	background-position:-534px -60px;
}

#gnavi ul li.gnavi006 ,
#gnavi ul li.gnavi006 a {
	width:133px;
	background-position:-667px 0;
}
#gnavi ul li.gnavi006 a.current ,
#gnavi ul li.gnavi006 a:hover {
	width:133px;
	background-position:-667px -60px;
}

#gnavi ul li.gnavi007 ,
#gnavi ul li.gnavi007 a {
	width:134px;
	background-position:-800px 0;
}
#gnavi ul li.gnavi007 a.current ,
#gnavi ul li.gnavi007 a:hover {
	width:134px;
	background-position:-800px -60px;
}

#gnavi ul li.gnavi008 ,
#gnavi ul li.gnavi008 a {
	width:133px;
	background-position:-934px 0;
}
#gnavi ul li.gnavi008 a.current ,
#gnavi ul li.gnavi008 a:hover {
	width:133px;
	background-position:-934px -60px;
}

#gnavi ul li.gnavi009 ,
#gnavi ul li.gnavi009 a {
	width:133px;
	background-position:-1067px 0;
}
#gnavi ul li.gnavi009 a.current ,
#gnavi ul li.gnavi009 a:hover {
	width:133px;
	background-position:-1067px -60px;
}

@media screen and (max-width: 1199px){
#gnavi {
	display:none;
}
}

/* tnavi
=============================================================================*/

.tnavi-inner {
	width: 1200px;
	margin: 0 auto;
}

.tnavi-area ul li {
	float:left;
	line-height:1;
}

.tnavi-area ul li a {
	display:block;
	background:url("../../image/tnavi001.gif") no-repeat 0 0;
	text-indent:101%;
	white-space:nowrap;
	overflow:hidden;
	height:53px;
	font-size:14px;
}

.tnavi-area ul li.tnavi001 ,
.tnavi-area ul li.tnavi001 a {
	width:200px;
	background-position:0 0;
}
.tnavi-area ul li.tnavi001 a.current,
.tnavi-area ul li.tnavi001 a:hover {
	width:200px;
	background-position: 0 -53px;
}

.tnavi-area ul li.tnavi002 ,
.tnavi-area ul li.tnavi002 a {
	width: 200px;
	background-position: -201px 0;
}
.tnavi-area ul li.tnavi002 a.current,
.tnavi-area ul li.tnavi002 a:hover {
	width:200px;
	background-position: -201px -53px;
}

.tnavi-area ul li.tnavi003 ,
.tnavi-area ul li.tnavi003 a {
	width: 200px;
	background-position: -401px 0;
}
.tnavi-area ul li.tnavi003 a.current,
.tnavi-area ul li.tnavi003 a:hover {
	width:200px;
	background-position: -401px -53px;
}

.tnavi-area ul li.tnavi004 ,
.tnavi-area ul li.tnavi004 a {
	width: 200px;
	background-position: -601px 0;
}
.tnavi-area ul li.tnavi004 a.current,
.tnavi-area ul li.tnavi004 a:hover {
	width:200px;
	background-position: -601px -53px;
}

.tnavi-area ul li.tnavi005 ,
.tnavi-area ul li.tnavi005 a {
	width: 200px;
	background-position: -801px 0;
}
.tnavi-area ul li.tnavi005 a.current,
.tnavi-area ul li.tnavi005 a:hover {
	width:200px;
	background-position: -801px -53px;
}

.tnavi-area ul li.tnavi006 {
	width: 162px;
	margin-top: 6px;
}

.tnavi-area ul li.tnavi006 a{
	width: 162px;
	height: 41px;
	background-position: -1006px -6px;
}

.tnavi-area ul li.tnavi006 a.current,
.tnavi-area ul li.tnavi006 a:hover {
	width: 162px;
	background-position: -1006px -58px;
}

@media screen and (max-width: 1199px){
.tnavi-area {
	display:none;
}
}

/* Tab-SP Menu Area
=============================================================================*/

#header .menu-btn ,
#header .menu-area {
	display:none;
}

@media screen and (max-width: 1199px){
#header .menu-btn {
	display:block;
	position:absolute;
	top:15px;
	right:15px;
}
#header .menu-btn img {
	width:60px;
}
#header .menu-area {
	width: 100%;
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	z-index: 100;
	background: none;
}
#header .menu-list {
	width: 100%;
	background-color: rgba(0,0,0,0.8);
}
#header .menu-list ul {
	padding: 0;
}
#header .menu-list ul li {
	float: left;
	width: 50%;
	padding: 0;
	border-bottom: 1px solid #666;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#header .menu-list ul li:nth-child(even) {
	border-left: 1px solid #666;
}
#header .menu-list ul li:last-child {
	border-right: 1px solid #666;
	width: calc(100% - (50% - 1px));
}
#header .menu-list ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	background: none;
	background: url("../../image/menu-ar001.png") no-repeat 10px center;
	background-size: 8px auto;
	padding: 18px 5px 18px 25px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.4em;
}
#header .menu-area .donation-area {
	display: block;
	width: 80%;
	margin: 0 auto;
	max-width: 335px;
	padding: 28px 0;
}
#header .menu-area .donation-area a{
	background-color: #cd4606;
	text-decoration: none;
	padding: 10px 0px;
	display: block;
	text-align: center;
}
#header .menu-area .donation-area a:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: 0.9;
	-moz-opacity: 0.9;
}
#header .menu-area .donation-area a span{
	color: #ffffff;
	font-size: 12px;
	font-weight: 400;
}
}
@media screen and (max-width: 767px){
#header .menu-btn {
	top:8px;
	right:10px;
	position:absolute;
	z-index:80;
	width:45px;
	height:45px;
	
}
#header .menu-btn img {
	width:45px;
}
#header .menu-area {
	top: 60px;
}
#header .menu-list ul li a {
	padding: 15px 5px 15px 23px;
	font-size: 12px;
}
#header .menu-area {
	position:fixed;
	z-index: 100;
}

}
@media screen and (max-width: 374px){

#header .menu-list ul li a {
	padding: 15px 5px 15px 18px;
	font-size: 12px;
	background: url("../../image/menu-ar001.png") no-repeat 5px center;
	background-size: 8px auto;
}
}