@charset "UTF-8";

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


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

div#header div.header-wrap {
	height:109px;
	width:1000px;
	margin:0 auto;
}

div#header div.header-main {
	width: 375px;
	float: left;
	padding-top: 16px;
}

div#header div.header-sub {
	width:417px;
	height:86px;
	padding:7px 129px 0 0;
	float:right;
	position:relative;
}

/* logo
=============================================================================*/

div#header div.header-main .logo {
	width:375px;
}


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

/* ヘッダーリンク */
div#header div.header-sub .en-btn {
	width: 110px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
}
div#header div.header-sub .en-btn a {
	display:block;
	width:110px;
	height:36px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/en-bt.gif") no-repeat 0 0;
}
div#header div.header-sub .en-btn a:hover {
	background-position:0 bottom;
}

/* ヘッダーリンク */
div#header div.header-sub ul.sub-navi {
	width:546px;
	position:absolute;
	top:65px;
	right:0;
}

div#header div.header-sub ul.sub-navi li {
	height:27px;
	float:left;
}

div#header div.header-sub ul.sub-navi li a {
	display:block;
	height:27px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/sub-navi.gif") no-repeat 0 0;
}

div#header div.header-sub ul.sub-navi li.snavi001 ,
div#header div.header-sub ul.sub-navi li.snavi001 a {
	width:112px;
	background-position:0 0;
}
div#header div.header-sub ul.sub-navi li.snavi001 a:hover ,
div#header div.header-sub ul.sub-navi li.snavi001-c a {
	width:112px;
	background-position:0 bottom;
}

div#header div.header-sub ul.sub-navi li.snavi002 ,
div#header div.header-sub ul.sub-navi li.snavi002 a {
	width:86px;
	background-position:-112px 0;
}
div#header div.header-sub ul.sub-navi li.snavi002 a:hover ,
div#header div.header-sub ul.sub-navi li.snavi002-c a {
	width:86px;
	background-position:-112px bottom;
}

div#header div.header-sub ul.sub-navi li.snavi003 ,
div#header div.header-sub ul.sub-navi li.snavi003 a {
	width:113px;
	background-position:-198px 0;

}
div#header div.header-sub ul.sub-navi li.snavi003 a:hover ,
div#header div.header-sub ul.sub-navi li.snavi003-c a {
	width:113px;
	background-position:-198px bottom;
}

div#header div.header-sub ul.sub-navi li.snavi004 ,
div#header div.header-sub ul.sub-navi li.snavi004 a {
	width:125px;
	background-position:-311px 0;

}
div#header div.header-sub ul.sub-navi li.snavi004 a:hover ,
div#header div.header-sub ul.sub-navi li.snavi004-c a {
	width:125px;
	background-position:-311px bottom;
}

div#header div.header-sub ul.sub-navi li.snavi005 ,
div#header div.header-sub ul.sub-navi li.snavi005 a {
	width:110px;
	background-position:-436px 0;

}
div#header div.header-sub ul.sub-navi li.snavi005 a:hover ,
div#header div.header-sub ul.sub-navi li.snavi005-c a {
	width:110px;
	background-position:-436px bottom;
}


/* 文字サイズ変更 */

div#header div#fontController {
	float:right;
	width:86px;
	padding:1px 15px 0 67px;
	background:url("../../image/fontsize-tx.gif") no-repeat 0 7px;
}

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

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

div#header div#fontController dd a {
	display:block;
	height:28px;
	width:28px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/fontsize-bt.gif") no-repeat 0 0;
}

div#header div#fontController dd.small {
	padding-right:1px;
}

div#header div#fontController dd.small ,
div#header div#fontController dd.small a {
	height:28px;
	background-position:0 0;
}

div#header div#fontController dl dd.small a:hover ,
div#header div#fontController dl dd.small a.small-btn-on {
	background-position:0 bottom;
}
div#header div#fontController dd.middle  {
	padding-right:1px;
}
div#header div#fontController dd.middle ,
div#header div#fontController dd.middle a {
	height:28px;
	background-position:-29px 0;
}

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

div#header div#fontController dd.large ,
div#header div#fontController dd.large a {
	height:28px;
	background-position:-58px 0;
	float:right;
}

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



/* サイト内検索 */

div#header div.search-deco {
	float:right;
	width:235px;
	height:30px;
}

div#header div.search-area {
	width:50px;
	padding:0 0 0 185px;
	float:right;
	position:relative;
	background:url("../../image/header-bg001.gif") no-repeat 0 0;
}

div#header div.search-area input.input-q {
	font-size:12px;
	width:170px;
	height:19px;
	border:none;
	padding:2px;
	position:absolute;
	top:5px;
	left:5px;
	color:#333333;
}

div#header div.search-area input.rollover {
	font-size:1px;
}


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

#gnavi {
	background:url("../../image/header-bg003.png") no-repeat center 0;
	height:55px;
	overflow:hidden;
	margin-bottom:1px;
}

.home #gnavi {
	padding-bottom:20px;
	margin-bottom:0;
}

#gnavi ul {
	width:1000px;
	margin:0 auto;
	z-index:9999;
}
#gnavi ul li {
	width:115px;
	height:55px;
	float:left;
}

#gnavi ul li a {
	display:block;
	height:55px;
	width:115px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/gnavi-tmd.gif") no-repeat 0 0;
}

#gnavi ul li.gnavi001 ,
#gnavi ul li.gnavi001 a {
	background-position:0 0;

}
#gnavi ul li.gnavi001 a:hover {
	background-position:0 -55px;
}
#gnavi ul li.gnavi001-c ,
#gnavi ul li.gnavi001-c a {
	background-position:0 bottom;
}

#gnavi ul li.gnavi002 ,
#gnavi ul li.gnavi002 a {
	background-position:-115px 0;

}
#gnavi ul li.gnavi002 a:hover {
	background-position:-115px -55px;
}
#gnavi ul li.gnavi002-c ,
#gnavi ul li.gnavi002-c a {
	background-position:-115px bottom;
}

#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003 a {
	background-position:-230px 0;

}
#gnavi ul li.gnavi003 a:hover {
	background-position:-230px -55px;
}
#gnavi ul li.gnavi003-c ,
#gnavi ul li.gnavi003-c a {
	background-position:-230px bottom;
}

#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004 a {
	width:125px;
	background-position:-345px 0;

}
#gnavi ul li.gnavi004 a:hover {
	background-position:-345px -55px;
}
#gnavi ul li.gnavi004-c ,
#gnavi ul li.gnavi004-c a {
	width:125px;
	background-position:-345px bottom;
}

#gnavi ul li.gnavi005 ,
#gnavi ul li.gnavi005 a {
	width:155px;
	background-position:-470px 0;

}
#gnavi ul li.gnavi005 a:hover {
	background-position:-470px -55px;
}
#gnavi ul li.gnavi005-c ,
#gnavi ul li.gnavi005-c a {
	width:155px;
	background-position:-470px bottom;
}
#gnavi ul li.gnavi006 ,
#gnavi ul li.gnavi006 a {
	background-position:-625px 0;

}
#gnavi ul li.gnavi006 a:hover {
	background-position:-625px -55px;
}
#gnavi ul li.gnavi006-c ,
#gnavi ul li.gnavi006-c a {
	background-position:-625px bottom;
}

#gnavi ul li.gnavi007 ,
#gnavi ul li.gnavi007 a {
	width:145px;
	background-position:-740px 0;

}
#gnavi ul li.gnavi007 a:hover {
	background-position:-740px -55px;
}
#gnavi ul li.gnavi007-c ,
#gnavi ul li.gnavi007-c a {
	width:145px;
	background-position:-740px bottom;
}

#gnavi ul li.gnavi008 ,
#gnavi ul li.gnavi008 a {
	background-position:-885px 0;

}
#gnavi ul li.gnavi008 a:hover {
	background-position:-885px -55px;
}
#gnavi ul li.gnavi008-c ,
#gnavi ul li.gnavi008-c a {
	background-position:-885px bottom;
}

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

.tnavi {
	height:45px;
	padding-bottom:15px;
	z-index:9999;
}

.home .tnavi {
	padding-bottom:27px;
}

.tnavi .tnavi-area{
	width:1000px;
	margin:0 auto;
	}
.tnavi ul li {
	height:45px;
	float:left;
}

.tnavi ul li a {
	display:block;
	height:45px;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/tnavi.png") no-repeat 0 0;
}

.tnavi ul li.tnavi001 ,
.tnavi ul li.tnavi001 a {
	width:117px;
	background-position:0 0;

}
.tnavi ul li.tnavi001 a:hover {
	background-position:0 -45px;
}
.tnavi ul li.tnavi001-c a {
	width:117px;
	background-position:0 bottom;
}

.tnavi ul li.tnavi002 ,
.tnavi ul li.tnavi002 a {
	width:104px;
	background-position:-117px 0;

}
.tnavi ul li.tnavi002 a:hover {
	background-position:-117px -45px;
}
.tnavi ul li.tnavi002-c a {
	width:104px;
	background-position:-117px bottom;
}

.tnavi ul li.tnavi003 ,
.tnavi ul li.tnavi003 a {
	width:104px;
	background-position:-221px 0;

}
.tnavi ul li.tnavi003 a:hover {
	background-position:-221px -45px;
}
.tnavi ul li.tnavi003-c a {
	width:104px;
	background-position:-221px bottom;
}

.tnavi ul li.tnavi004 ,
.tnavi ul li.tnavi004 a {
	width:157px;
	background-position:-325px 0;

}
.tnavi ul li.tnavi004 a:hover {
	background-position:-325px -45px;
}
.tnavi ul li.tnavi004-c a {
	width:157px;
	background-position:-325px bottom;
}

.tnavi ul li.tnavi005 ,
.tnavi ul li.tnavi005 a {
	width:208px;
	background-position:-482px 0;

}
.tnavi ul li.tnavi005 a:hover {
	background-position:-482px -45px;
}
.tnavi ul li.tnavi005-c a {
	width:208px;
	background-position:-482px bottom;
}
.tnavi ul li.tnavi006 ,
.tnavi ul li.tnavi006 a {
	width:208px;
	background-position:-690px 0;

}
.tnavi ul li.tnavi006 a:hover {
	background-position:-690px -45px;
}
.tnavi ul li.tnavi006-c a {
	width:208px;
	background-position:-690px bottom;
}

.tnavi ul li.tnavi007 ,
.tnavi ul li.tnavi007 a {
	width:102px;
	background-position:-898px 0;

}
.tnavi ul li.tnavi007 a:hover {
	background-position:-898px -45px;
}
.tnavi ul li.tnavi007-c a {
	width:102px;
	background-position:-898px bottom;
}