@charset "UTF-8";
/****************
 PCサブ、トップで使用
*****************/

#wrapper {
	width: 100%;
	padding-top:20px;
}

#wrapper2 {

}

#header {
	width:100%;
	height: 145px;
	position: relative;
}

#headerIn{
	width:1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#headerIn{
	margin-top:35px;
}

#headerIn2{
	width:1200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#headerLogo {
	position: absolute;
	left:0;
	top:0;
}

#headerPrint #headerHonbun{
	position: relative;
	top: -80px;
	left: 200px;
}
#headerPrint #headerIn #headerHonbun {
	position: relative;
	top: -80px;
	left: -10px;
}

#headerHonbun .list{
	position: absolute;
	left: 164px;
	top:95px;
	font-size:14px;
}

#headerSize {
	position: absolute;
	left:205px;
	top: 15px;
	width: 200px;
}
#headerSize .title {
	left: 0;
	top: 0px;
	position: absolute;
}
#headerSize dd {
	position: absolute;
	top: 0;
}
#headerSize .item {
	left: 124px;
}
#headerSize .item2 {
	left: 164px;
}

#headerColor {
	width: 169px;
	position: absolute;
	left: 410px;
	top: 15px;
}
#headerColor .title {
	left: 0;
	top: 0px;
	position: absolute;
}
#headerColor dd {
	position: absolute;
	top: 0;
}
#headerColor .item {
	left: 95px;
}
#headerColor .item2 {
	left: 126px;
}
#headerColor .item3 {
	left: 155px;
}

#headerEtsuran{
	position: absolute;
	width:138px;
	top: 15px;
	left: 598px
}

#headerLanguage{
	width:285px;
	position: absolute;
	top:12px;
	left:738px;
}
#headerLanguage .list li{
	float: left;
	margin-left: 2px;
}
#headerLanguage .list li:first-child{
	margin-left: 0;
}

#headerSNS{
	width:86px;
	height: 31px;
	position: absolute;
	top:35px;
	left: 459px;
	background-image: url(../img_pc_common/img_sep.png);
	background-position: left 5px;
	background-repeat: no-repeat;
}
#headerSNS .list li{
	position: absolute;
	top:3px;
}
#headerSNS .twitter{
	left:15px;
}
#headerSNS .facebook{
	left:50px;
}

#headerSNS .instagram{
	left:85px;
}

#headerSNS .line{
	left:120px;
}


#headerSearch{
	width: 225px;
	top:40px;
	left: 620px;
	position: absolute;
}
.cse input.gsc-search-button, input.gsc-search-button{
	background-color: #2a4b9e !important;
	background: #2a4b9e !important;
	border:solid 1px #2a4b9e !important;
}

#headerChara{
	position: absolute;
	top:-15px;
	right:0;
}

#headerNav{
	width:960px;
	height: 55px;
	position: absolute;
	top:75px;
	left: 160px;
}
#headerNav .list li{
	float: left;
	margin-left: 30px;
}
#headerNav .list li:first-child{
	margin-left: 0;
}
#headerNav .list li .dropMenu{
	width:100%;
	visibility: hidden;
	position: absolute;
	top:75px;
	z-index: 9999;
}
#headerNav .list li .bg{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img_pc_common/headernav_menu_bg_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 10px;
	background-color: #fff;
}
#headerNav .list li .bg2{
	background-image: url(../img_pc_common/headernav_menu_bg_btm.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 9px;
}
#headerNav .list li .bg3{
	width: 100%;
	position: relative;
	background-image: url(../img_pc_common/headernav_menu_bg_mid.png);
	background-position: left top;
	background-repeat:repeat-y;
}
#headerNav .list li .box{
	padding:10px 16px;
}

#headerNav .list li .arrow{
	position: absolute;
	top:-17px;
}
#headerNav .list .nav1 .arrow{
	left:210px;
}
#headerNav .list .nav2 .arrow{
	left:360px;
}
#headerNav .list .nav3 .arrow{
	left:500px;
}
#headerNav .list .nav4 .arrow{
	left:640px;
}
#headerNav .list .nav5 .arrow{
	left:770px;
}

#headerNav .list li h2{
	margin-top:0;
	background-image:none;
	border-bottom:solid 4px #eee;
}
#headerNav .list2{
	padding-left:20px;
	padding-right:20px;
	margin-top:30px;
	padding-bottom:35px;
}
#headerNav .list2 li{
	width:200px;
}
#headerNav .list2 li a{
	display: block;
	padding-left:20px;
	background-image: url(../img_pc_common/headernav_menu_listarrow.png);
	background-position: left 5px;
	background-repeat:no-repeat;
}
#headerNav .closeButton{
	width:30px;
	height: 30px;
	position: absolute;
	top:10px;
	right: 22px;
	cursor: pointer;
}

/******************************
リニューアル用トップページヘッダ用CSS
******************************/
#headerSize2 {
    position: absolute;
    left: 170px;
    top: 0;
    width: 200px;
}
#headerSize2 .title {
	left: 0;
	top: 0px;
	position: absolute;
}
#headerSize2 dd {
	position: absolute;
	top: 0;
}
#headerSize2 .item {
	left: 124px;
}
#headerSize2 .item2 {
	left: 164px;
}

#headerColor2 {
    width: 169px;
    position: absolute;
    left: 383px;
    top: 0px;
}
#headerColor2 .title {
	left: 0;
	top: 0px;
	position: absolute;
}
#headerColor2 dd {
	position: absolute;
	top: 0;
}
#headerColor2 .item {
	left: 95px;
}
#headerColor2 .item2 {
	left: 126px;
}
#headerColor2 .item3 {
	left: 155px;
}

#headerEtsuran2 {
    position: absolute;
    width: 138px;
    left: 578px;
}

#headerLanguage2 {
    width: 285px;
    position: absolute;
    top: -4px;
    left: 731px;
}
#headerLanguage2 .list li{
	float: left;
	margin-left: 7px;
}
#headerLanguage2 .list li:first-child{
	margin-left: 0;
}
#headerNav2 {
    width: 1000px;
    height: 80px;
    margin: -25px auto auto auto;
}
#headerNav2 .list .dropMenu .list2 li{
	margin-left: 0px;
}
#headerNav2 .list{
    margin: 0 auto;
}
#headerNav2 .list li{
	float: left;
	margin-left: 20px;
}
#headerNav2 .list li:first-child{
	margin-left: 0;
}
#headerNav2 .list li .dropMenu{
	width:100%;
	visibility: hidden;
	position: absolute;
	top:75px;
	z-index: 9999;
}
#headerNav2 .list li .bg{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img_pc_common/headernav_menu_bg_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 10px;
	background-color: #fff;
}
#headerNav2 .list li .bg2{
	background-image: url(../img_pc_common/headernav_menu_bg_btm.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 9px;
}
#headerNav2 .list li .bg3{
	width: 100%;
	position: relative;
	background-image: url(../img_pc_common/headernav_menu_bg_mid.png);
	background-position: left top;
	background-repeat:repeat-y;
}
#headerNav2 .list li .box{
	padding:10px 16px;
}

#headerNav2 .list li .arrow{
	position: absolute;
	top:-17px;
}
#headerNav2 .list .nav1 .arrow{
	left:70px;
}
#headerNav2 .list .nav2 .arrow{
	left:240px;
}
#headerNav2 .list .nav3 .arrow{
	left:410px;
}
#headerNav2 .list .nav4 .arrow{
	left:580px;
}
#headerNav2 .list .nav5 .arrow{
	left:750px;
}
#headerNav2 .list .nav6 .arrow{
	left:920px;
}
#headerNav2 .list li h2{
	margin-top:0;
	background-image:none;
	border-bottom:solid 4px #eee;
}
#headerNav2 .list2{
	padding-left:20px;
	padding-right:20px;
	margin-top:30px;
	padding-bottom:35px;
}
#headerNav2 .list2 li{
	width:200px;
}
#headerNav2 .list2 li a{
	display: block;
	padding-left:20px;
	background-image: url(../img_pc_common/headernav_menu_listarrow.png);
	background-position: left 5px;
	background-repeat:no-repeat;
}
#headerNav2 .closeButton{
	width:30px;
	height: 30px;
	position: absolute;
	top:10px;
	right: 22px;
	cursor: pointer;
}
/******************************
リニューアルサイトテンプレートヘッダ用CSS
******************************/
#headerNav3 {
    width: 860px;
    height: 80px;
    position: relative;
    top: 65px;
    left: 150px;
}
#headerNav3 .list{
    display: inline-flex;
}
#headerNav3 .list li{
	margin-left: 10px;
}
#headerNav3 .list .dropMenu .list2 li{
    margin-left: 0px;
    float: left;
    width:200px;
}
#headerNav3 .list li:first-child{
	margin-left: 0;
}
#headerNav3 .list li .dropMenu{
	width:100%;
	visibility: hidden;
	position: absolute;
	top:75px;
	z-index: 9999;
}
#headerNav3 .list li .bg{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../img_pc_common/headernav_menu_bg_top.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 10px;
	background-color: #fff;
}
#headerNav3 .list li .bg2{
	background-image: url(../img_pc_common/headernav_menu_bg_btm.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 9px;
}
#headerNav3 .list li .bg3{
	width: 100%;
	position: relative;
	background-image: url(../img_pc_common/headernav_menu_bg_mid.png);
	background-position: left top;
	background-repeat:repeat-y;
}
#headerNav3 .list li .box{
	padding:10px 16px;
}

#headerNav3 .list li .arrow{
	position: absolute;
	top:-17px;
}
#headerNav3 .list .nav1 .arrow{
	left:213px;
}
#headerNav3 .list .nav2 .arrow{
	left:360px;
}
#headerNav3 .list .nav3 .arrow{
	left:503px;
}
#headerNav3 .list .nav4 .arrow{
	left:648px;
}
#headerNav3 .list .nav5 .arrow{
	left:795px;
}
#headerNav3 .list .nav6 .arrow{
	left:940px;
}
#headerNav3 .list li h2{
	margin-top:0;
	background-image:none;
	border-bottom:solid 4px #eee;
}
#headerNav3 .list2{
	padding-left:20px;
	padding-right:20px;
	margin-top:30px;
	padding-bottom:35px;
}
#headerNav3 .list2 li{
	width:200px;
}
#headerNav3 .list2 li a{
	display: block;
	padding-left:20px;
	background-image: url(../img_pc_common/headernav_menu_listarrow.png);
	background-position: left 5px;
	background-repeat:no-repeat;
}
#headerNav3 .closeButton{
	width:30px;
	height: 30px;
	position: absolute;
	top:10px;
	right: 22px;
	cursor: pointer;
}

#pagetop {
	position: fixed;
	bottom:446px;
	margin-left:1027px;
	z-index: 999;
	display: none;
}
#pagetop a:focus{
	background-color:transparent;
}


#footer {
	margin-top:20px;
	padding-top:30px;
	background-image: url(../img_pc_common/img_dot_border.png);
	background-position: left top;
	background-repeat: repeat-x;
}
#footerIn{
	width:1000px;
	padding-bottom:30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#footerLogo{
	float: left;
	margin-left:15px;
}
.footerColWrap{
	width:870px;
	float: right;
}
.footerColWrap .list li{
	float: left;
}
#footer .row{
	width:870px;
	margin-top: 15px;
}
#footer .address{
	width:475px;
	float: left;
	font-style: normal;
}
#footer .list2{
	width:262px;
	float: left;
	margin-left: 20px;
}
#footer .list2 li{
	float: left;
	margin-left: 15px;
}
#footer .list2 li:first-child{
	margin-left: 0;
}

#footer .copyright {
	text-align: center;
	padding-top:15px;
	padding-bottom:15px;
	background-color: #2a4b9e;
	color:#fff;
}
.headerNavContainer {
    width: 1200px;
    height: 110px;
    position: relative;
    margin: 0 auto;
}

#smartphone {
	text-align: center;
}

.hide{
	display: none;
}