@charset "UTF-8";

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


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

div#header {
	border-top:5px solid #2680c1;
	height:153px;
}
div#header div.header-wrap {
	width:1200px;
	height:102px;
	margin:0 auto;
}
div#header div.header-main {
	width:420px;
	float:left;
	padding-top:15px;
	padding-left:15px;
}
div#header div.header-sub {
	width:623px;
	padding:58px 0 0 0;
	float:right;
	position:relative;
}


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

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


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

/*サイトマップ*/
div#header div.header-sub ul.sub-navi01 .snavi001 a {
	position:absolute;
	width:70px;
	height:11px;
	top:27px;
	left:195px;
}

/*サイト案内*/
div#header div.header-sub ul.sub-navi02 .snavi001 a {
	position:absolute;
	width:116px;
	height:87px;
	top:0;
	right:115px;
}

/*サイト案内*/
div#header div.header-sub ul.sub-navi02 .snavi002 a {
	position:absolute;
	width:115px;
	height:87px;
	top:0;
	right:0;
}

/*Language*/
#header .header-sub .language-select-area {
	width:92px;
	height:27px;
	position:absolute;
	top:18px;
	left:280px;
}
#header .header-sub .language-select-area:hover .title {
	color:#2680c1;
}
#header .header-sub .language-select {
	width:90px;
	border:1px solid #cccccc;
	position:relative;
	z-index:300;
	background-color:#FFFFFF;
}
#header .header-sub .language-select .title {
	display:block;
	color:#222222;
	text-decoration:none;
	padding:0 8px 0 10px;
	cursor:pointer;
}
#header .header-sub .language-select .title span {
	display:block;
	line-height:1.4em;
	padding:5px 0;
	background:url("../../image/contents-ar001.gif") no-repeat right center;
	font-size:11px;
}

#header .header-sub .language-select ul {
	border-top:1px dotted #dddddd;
	display:none;
	padding:10px 10px 0 10px;
}
#header .header-sub .language-select ul li {
	margin-bottom:10px;
	background:#fff;
}

#header .header-sub .language-select ul li a {
	display:block;
	color:#222222;
	text-decoration:none;
	padding:0 0 0 12px;
	text-align:left;
	background:url("../../image/index-ar001.png") no-repeat left center;
	font-size:12px;
}
#header .header-sub .language-select ul li a:hover {
	color:#2680c1;
}



/* 文字サイズ変更 */

div#header div#fontController {
	float:left;
	width:101px;
	padding:0 0 0 70px;
	margin:0 16px 0 0 ;
	background:url("../../image/fontsize-tx.gif") no-repeat 1px 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;
	font-size:1px;
	text-indent:-9999px;
	background:url("../../image/fontsize-bt.gif") no-repeat 0 0;
}
div#header div#fontController dd.small {
	display:none;
}

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

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

div#header div#fontController dd.large ,
div#header div#fontController dd.large a {
	width:48px;
	background-position:-53px 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:-53px bottom;
}


/* 背景色変更 */

div#header div#bgcolorController {
	float:left;
	padding:0 0 0 13px;
	border-left:1px dotted #c4c4c4;
}

div#header div#bgcolorController dl.bgcolor {
	width:121px;
	padding-left:46px;
	background:url("../../image/bgcolor-tx.gif") no-repeat 0 7px;
	text-indent:-9999px;
	font-size:1px;
}

div#header div#bgcolorController dl dt {
	display:none;
}

div#header div#bgcolorController dl dd {
	height:28px;
	width:28px;
	float:left;
	padding-right:3px;
}

div#header div#bgcolorController dl dd.bgcolor-c {
	padding:0;
}

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


div#header div#bgcolorController dl dd.default a {	
	background-position:0 0;
}

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

div#header div#bgcolorController dl dd.bgcolor-a a {	
	background-position:-30px 0;
}

div#header div#bgcolorController dl dd.bgcolor-a a:hover ,
div#header div#bgcolorController dl dd.bgcolor-a a.bgcolor-a-btn-on {
	background-position:-30px bottom;
}

div#header div#bgcolorController dl dd.bgcolor-b a {	
	background-position:-61px 0;
}

div#header div#bgcolorController dl dd.bgcolor-b a:hover ,
div#header div#bgcolorController dl dd.bgcolor-b a.bgcolor-b-btn-on {
	background-position:-61px bottom;
}

div#header div#bgcolorController dl dd.bgcolor-c {
	padding-right:0;
}
div#header div#bgcolorController dl dd.bgcolor-c a {
	background-position:-92px 0;
}

div#header div#bgcolorController dl dd.bgcolor-c a:hover ,
div#header div#bgcolorController dl dd.bgcolor-c a.bgcolor-c-btn-on {
	background-position:-92px bottom;
}


/* サイト内検索 */

div#header div.search-deco {
	position:absolute;
	top:18px;
	left:0;
	width:171px;
}

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

div#header div.search-area input.input-q {
	font-size:12px;
	width:142px;
	height:22px;
	border:none;
	padding:2px;
	position:absolute;
	top:1px;
	left:3px;
}

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

div#header .search-btn {
	display:none;
}

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

#gnavi {
	background:url("../../image/gnavi-bg001.gif") repeat-x 0 0;
}

.gnavi-fixed {
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	width:100%;
}
.cms-body .gnavi-fixed {
	position:static !important;
}

#gnavi .gnavi-area {
	width:1200px;
	margin:0 auto;
	padding:3px 0;
	position:relative;
}
#gnavi ul li {
	height:45px;
	float:left;
	background:url("../../image/gnavi-bg002.gif") repeat-x 0 0;
	margin-right:2px;
	padding:0 1px 1px;
	/*box-sizing*/
	-moz-box-sizing: border-box ;
    -webkit-box-sizing: border-box ;
    -o-box-sizing: border-box ;
    -ms-box-sizing: border-box ;
    box-sizing:border-box ;
}
#gnavi ul li a {
	display:block;
	text-indent:-9999px;
	font-size:1px;
	height:43px;
	border-bottom:1px solid #89c6f7;
}
#gnavi ul li a:hover {
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
}

#gnavi ul li.gnavi001-c ,
#gnavi ul li.gnavi002-c ,
#gnavi ul li.gnavi003-c ,
#gnavi ul li.gnavi004-c ,
#gnavi ul li.gnavi005-c ,
#gnavi ul li.gnavi006-c {
	background:url("../../image/gnavi-bg002on.gif") repeat-x 0 0;
}
#gnavi ul li.gnavi001-c a ,
#gnavi ul li.gnavi002-c a ,
#gnavi ul li.gnavi003-c a ,
#gnavi ul li.gnavi004-c a ,
#gnavi ul li.gnavi005-c a ,
#gnavi ul li.gnavi006-c a {
	height:44px;
	border-bottom:none;
}

#gnavi ul li.gnavi001 ,
#gnavi ul li.gnavi001-c {
	width:90px;
}
#gnavi ul li.gnavi001 a {	
	background:url("../../image/gnavi-001.gif") no-repeat center 0;
}
#gnavi ul li.gnavi001-c a {
	background:url("../../image/gnavi-001on.gif") no-repeat center 0;
}

#gnavi ul li.gnavi002 ,
#gnavi ul li.gnavi002-c {
	width:185px;
}
#gnavi ul li.gnavi002 a {
	background:url("../../image/gnavi-002.gif") no-repeat center 0;
}
#gnavi ul li.gnavi002-c a {
	background:url("../../image/gnavi-002on.gif") no-repeat center 0;
}

#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003-c {
	width:222px;
}
#gnavi ul li.gnavi003 a {
	background:url("../../image/gnavi-003.gif") no-repeat center 0;
}
#gnavi ul li.gnavi003-c a {
	background:url("../../image/gnavi-003on.gif") no-repeat center 0;
}

#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004-c {
	width:327px;
}
#gnavi ul li.gnavi004 a {
	background:url("../../image/gnavi-004.gif") no-repeat center 0;
}
#gnavi ul li.gnavi004-c a {
	background:url("../../image/gnavi-004on.gif") no-repeat center 0;
}

#gnavi ul li.gnavi005 ,
#gnavi ul li.gnavi005-c {
	width:183px;
}
#gnavi ul li.gnavi005 a {
	background:url("../../image/gnavi-005.gif") no-repeat center 0;
}
#gnavi ul li.gnavi005-c a {
	background:url("../../image/gnavi-005on.gif") no-repeat center 0;
}

#gnavi ul li.gnavi006 ,
#gnavi ul li.gnavi006-c {
	width:183px;
	margin-right:0;
}
#gnavi ul li.gnavi006 a {
	background:url("../../image/gnavi-006.gif") no-repeat center 0;
}
#gnavi ul li.gnavi006-c a {
	background:url("../../image/gnavi-006on.gif") no-repeat center 0;
}

/* dropdown */

.home #gnavi div.box {
	width:1200px;
	position:absolute;
	top:45px;
	left:0;
	z-index:200;
}
.home #gnavi div.area {
	padding-top:37px;
}
.home #gnavi div.inner {
	overflow:hidden;
	padding:30px 45px 40px;
	background-color:#FFFFFF;
	border-left:3px solid #aeaeae;
	border-right:3px solid #aeaeae;
	border-bottom:3px solid #aeaeae;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px -1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px -1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 2px 2px 3px -1px;
}
.home #gnavi .gnavi002 div.area {
	background:url("../../image/mega-drop/contents-bg001.png") no-repeat -1010px 17px;
}
.home #gnavi .gnavi003 div.area {
	background:url("../../image/mega-drop/contents-bg001.png") no-repeat -790px 17px;
}
.home #gnavi .gnavi004 div.area {
	background:url("../../image/mega-drop/contents-bg001.png") no-repeat -532px 17px;
}
.home #gnavi .gnavi005 div.area {
	background:url("../../image/mega-drop/contents-bg001.png") no-repeat -285px 17px;
}
.home #gnavi .gnavi006 div.area {
	background:url("../../image/mega-drop/contents-bg001.png") no-repeat -90px 17px;
}

/*title*/
.home #gnavi .box .title {
	background:url("../../image/mega-drop/contents-li001.gif") repeat-x 0 bottom;
	margin-bottom:35px;
}
.home #gnavi .box .title h2 {
	background:url("../../image/mega-drop/title-ic001.gif") no-repeat 2px 2px;
	font-size:182%;
	padding:0 0 8px 48px;
}

/*outline*/
.home #gnavi .box .outline {
	padding-bottom:30px;
}
.home #gnavi .box .outline .txt-area {
	float:left;
	width:730px;
	padding-bottom:30px;
	
}
.home #gnavi .box .outline .txt-area .main-txt {
	color:#3a7f41;
	font-size:138.5%;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:15px;
}
.home #gnavi .box .outline .img-area {
	width:335px;
	float:right;
}

/*second link*/
.home #gnavi .box .second-link {
	padding:0;
}
.home #gnavi .box .second-link ul {
	background:url("../../image/mega-drop/contents-li001.gif") repeat-x 0 top;
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
	padding:20px 0 0;
}
.home #gnavi .box .second-link ul li {
	background:none;
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	margin:0;
	vertical-align:top;  
	*display: inline;
	*zoom: 1;
	width:25%;
	padding:0 0 10px 0;
	height:auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	float:none;
}
.home #gnavi .box .second-link ul li a {
	text-indent:0;
	font-size:100%;
	padding:0 0 0 20px;
	height:auto;
	border:none;
	background:url("../../image/mega-drop/contents-ar001.gif") no-repeat 0 4px;
}

/*other-link*/
.home #gnavi .other-link {
	margin-top:10px;
	padding-top:15px;
	background:url("../../image/mega-drop/contents-li001.gif") repeat-x 0 top;
}
	
.home #gnavi .other-link h3 {
	font-size:123.1%;
	font-weight:normal;
	margin-bottom:10px;
}
.home #gnavi .other-link h3 {
	background:url("../../image/mega-drop/title-ic003.gif") no-repeat 1px 3px;
	padding:0 0 0 27px;
}

.home #gnavi .box .other-link ul {
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
}
.home #gnavi .box .other-link ul li {
	background:none;
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	margin:0;
	vertical-align:top;  
	*display: inline;
	*zoom: 1;
	padding:0 60px 5px 0;
	height:auto;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	float:none;
}
.home #gnavi .box .other-link ul li a {
	text-indent:0;
	font-size:100%;
	padding:0 0 0 20px;
	height:auto;
	font-size:92%;
	letter-spacing:-0.05em;
	border:none;
	background:url("../../image/mega-drop/contents-ar002.gif") no-repeat 10px 5px;
}

.home #gnavi .other-link .box01 ul li {
	width:25%;
}
.home #gnavi .other-link .box02 ul li {
	width:33.33%;
}

/*lint-list*/
.home #gnavi .lint-list a {
	background:none;
	height:auto;
	width:auto;
	text-indent:0;
	font-size:100%;
}
.home #gnavi .lint-list ul li {
	background:none;
	height:auto;
}
.home #gnavi .lint-list {
	width:1119px;
	margin-left:-15px;
	letter-spacing:-0.4em;
	word-spacing: -0.1em;
}
.home #gnavi .lint-list .lint-list-box {
	margin-bottom:15px;
	letter-spacing:normal;
	word-spacing:normal;
	display:inline-block;
	vertical-align:top;  
	*display: inline;
	*zoom: 1;
	padding-left:15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	width:25%;
}
.home #gnavi .lint-list .lint-list-box h2 {
	padding:3px 0 8px 25px;
	margin-bottom:10px;
	border-bottom:1px dotted #ddd7d4;
	font-size:114%;
	line-height:1.4em;
	background:url("../../image/mega-drop/contents-ar003.png") no-repeat 0 3px;
}
.home #gnavi .lint-list .lint-list-box ul li {
	width:100%;
	margin-bottom:8px;
	padding:0 5px;
	line-height:1.4em;
}
.home #gnavi .lint-list .lint-list-box ul li a {
	padding:0 0 0 12px;
	background:url("../../image/mega-drop/contents-ar002.gif") no-repeat 0 4px;
}
/* SP Menu
=============================================================================*/
#header .sp-menu-area {
	display:none;
}