@charset "utf-8";

/*============目次===========
Medium 992px以上: デスクトップ
============================*/


/*========================
■4: #header
========================*/
#header {
	position: relative;
	width: 100%;
    max-width: 1030px;
    height: 100px;
	padding: 0 10px;
	margin: 0 auto;
	/*background: #ff0 !important;	★*/
}

#logo img {
    width: 120px;
	height: auto;
	padding-top: 10px;
	/*background: #f00 !important;	★*/
}

#headlink {
	float: left;
/*2017/07/13 変更
	width: 83%;
	max-width: 860px;
*/	
	width: 84%;
	/*background: #0f0 !important;	★*/
}

@media screen and (min-width:960px){
#headlink {
	width: 86%;
}
}
@media screen and (min-width:1030px){
#headlink {
	width: 875px;
}
}


#guideNav{ 
	padding-top: 20px;
	padding-right: 0;
}

#guideNav li{
	border-right: 1px solid #999;
	padding: 0 10px;
}



/*========================
■6: toggle_menu
========================*/
#toggleMenu {
	display: none;
	background: #00f;
}

/*========================
■5: search
========================*/
#search {
    width: 240px;
    float: right;
    margin: 15px 0 0 15px;
    display: inline;
	position: relative;
}

#search #textField, #SS_searchQuery {
    width: 100%;
    vertical-align: middle;
    border: solid 1px #999;
	padding: 5px 2px;
    font-size: 14px;
	box-sizing: border-box;
}

#search img {
	display: none;
}

#search #submit {
	position: absolute;
	right: 5px;
	top: 2px;
}

/*========================
■6: dropdownMenu
========================*/
#dropdownMenu {
	position: relative;
	clear: both;
	display: block;
	width:100%;
	/*max-width: 800px;*/
	margin: 0 auto;
	padding-top: 20px;
	font-size: 13px;
	box-sizing: border-box;
}

#globalNav {
	position: absolute;
	width: 100%;
	max-width:1030px;
	top: 99px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
	-webkit-transform: translateY(0) translateX(-50%);
	margin: -36px auto 4px;
	/*padding-left: 69px;		2017/07/13 変更*/
	padding-left: 130px;
	font-size: 13px;
	box-sizing: border-box;
}
#globalNav ul {
/*2017/07/13 削除
	width:100%;
	max-width: 680px;
	margin: 0 auto;
*/	
	max-width: 780px;
	margin-left: 0;
}
@media screen and (min-width:960px){
#globalNav ul {
	margin-left: 1.9%;
}
}
@media screen and (min-width:1030px){
#globalNav ul {
	margin-left: 5.3%;
}
}


#dropdownMenu *,
#globalNav * {
	box-sizing: border-box;
}	

#dropdownMenu ul,
#globalNav ul{
    list-style: none;
}


#dropdownMenu span {
    display: block;
	width: 100%;
}

#dropdownMenu a,
#globalNav a {
    color: #333;
    display: block;
	width: 100%;
}

#dropdownMenu ul li.ttl,
#globalNav ul li {
    float: left;
	border-left: 1px solid #999;
    text-align: center;
}

/*2017/07/13 追加*/
#dropdownMenu {
	width: 100%;
	max-width: 780px;
}

/* #dropdownMenu  ul li.t01, */
#dropdownMenu  ul li.t03,
#globalNav ul li.m02,
#globalNav ul li.m04 {
	width: 29%;
}

#dropdownMenu  ul li.t02 {
	width: 20%;
}

#dropdownMenu  ul li.t04,
#dropdownMenu ul li.t05,
#globalNav ul li.m03,
#globalNav ul li.m05 {
	width: 17%;
}
#dropdownMenu ul li.t01 {
	width: 17%;
}


#dropdownMenu ul li.ttl > span > a,
#globalNav a {
	/*padding: 6px 15px;	2017/07/13 変更*/
	padding: 6px 0;
}


#dropdownMenu ul li:hover > span > a.mainttl {
	background: #212176;
	color: #fff;
	text-decoration: none !important;
	transition: .5s;
}

#dropdownMenu ul li ul {
	visibility: hidden;
	opacity: 0;
	/*transition: .5s;*/
	transition: 0;
}

#dropdownMenu ul li:hover ul,
#dropdownMenu ul li:active ul {
	visibility: visible;
	opacity: 1;
	transition: .5s;
}


#globalNav a:hover {
	text-decoration: underline;
}


#dropdownMenu ul li.ttl:last-child,
#globalNav ul li:last-child {
	border-right: 1px solid #999;
}


#globalNav li.m01 {
	display: none
}

#globalNav li.m06 {
	border-right: 1px solid #999;
}

/*-----------------------------------------------*/
#dropdownMenu ul.submenu {
	clear: both;
	position: absolute;
/*2017/07/13 変更
	width: 780px;
	left: -120px;
	top: 52px;
*/
	top: 51px;
	text-align: left;
	margin: 0 auto;
	/*padding: 0.8%;	2017/07/13 変更*/
	padding: 5px 10px;
	border: 1px solid #999;
	z-index: 9999 !important;
	background: #fff;
}

#dropdownMenu li.c1 > ul.submenu {
	width: 252px;
}
#dropdownMenu li.c2 > ul.submenu {
	width: 496px;
}
#dropdownMenu li.c3w > ul.submenu,
#dropdownMenu li.c4 > ul.submenu {
	width: 780px;
}
#dropdownMenu li.c2w > ul.submenu {
        width: 610px;
}
@media screen and (min-width:900px){
#dropdownMenu li.c3w > ul.submenu {
	width: 840px;
}
#dropdownMenu li.c4 > ul.submenu {
	width: 880px;
}
}
@media screen and (min-width:1000px){
#dropdownMenu li.c4 > ul.submenu {
	width: 980px;
}
}

#dropdownMenu li.c3w > ul.submenu,
#dropdownMenu li.c4 > ul.submenu,
#dropdownMenu li.t01 > ul.submenu {
	left: -120px;
}

#dropdownMenu li.t03 > ul.submenu {
	left: 150px;
}
@media screen and (min-width:1000px){
#dropdownMenu li.c3w > ul.submenu,
#dropdownMenu li.c4 > ul.submenu,
#dropdownMenu li.t01 > ul.submenu {
	left: -155px;
}
}


#dropdownMenu ul.submenu > li {
	float: left;
	width: 231.5px;
	border: none;
	/*margin-right: 1.2%;	2017/07/13 変更*/
	margin-right: 10px;
}
#dropdownMenu li.c3w > ul.submenu > li:nth-child(1) {
	width: 48.5%;
}
#dropdownMenu li.c2w > ul.submenu > li:nth-child(1) {
        width: 60%;
}

#dropdownMenu li.c3w > ul.submenu > li,
#dropdownMenu li.c4 > ul.submenu > li {
	width: 24%;
}

#dropdownMenu li.c2w > ul.submenu > li {
    width: 38%;
}


@media screen and (min-width:1000px){
#dropdownMenu li.c3w > ul.submenu > li,
#dropdownMenu li.c4 > ul.submenu > li {
	width: 231.5px;
}


#dropdownMenu li.c3w > ul.submenu > li:nth-child(1), 
#dropdownMenu li.c3w > ul.submenu > li:nth-child(1) ul li {
	width: 350px;
}
#dropdownMenu li.c3w > ul.submenu > li:nth-child(2), 
#dropdownMenu li.c3w > ul.submenu > li:nth-child(2) ul li,
#dropdownMenu li.c3w > ul.submenu > li:nth-child(3), 
#dropdownMenu li.c3w > ul.submenu > li:nth-child(3) ul li {
	width: 222px;
}
#dropdownMenu li.t02 > ul.submenu > li:nth-child(1), 
#dropdownMenu li.t02 > ul.submenu > li:nth-child(1) ul li,
#dropdownMenu li.t02 > ul.submenu > li:nth-child(2), 
#dropdownMenu li.t02 > ul.submenu > li:nth-child(2) ul li,
#dropdownMenu li.t02 > ul.submenu > li:nth-child(3), 
#dropdownMenu li.t02 > ul.submenu > li:nth-child(3) ul li {
	width: 226px;
}
#dropdownMenu li.t02 > ul.submenu > li:nth-child(4), 
#dropdownMenu li.t02 > ul.submenu > li:nth-child(4) ul li {
	width: 248px;
}
}

#dropdownMenu ul.submenu > li:last-child {
	margin-right: 0;
}

#dropdownMenu ul.submenu > li > a {
	padding: 0;
}





/*-----------------------------------------------*/
#dropdownMenu ul.submenu > li.subttl > span {
	border-bottom: 3px solid #212176;
	padding: 0 5px;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: bold;
}

#dropdownMenu ul.submenu > li.subttl  a {
	padding: 0;
}


#dropdownMenu ul.submenu > li.subttl a:hover {
	background: none;
	color: #333;
	text-decoration: underline;
}

/*-----------------------------------------------*/
#dropdownMenu ul.submenu > li.subttl ul {
	position: relative;
	width: 100%;
	padding: 0;
}
#dropdownMenu ul.submenu li.subttl2 {
	float: none;
	border: none;
	width: 100%;
	margin-left: 0;
}

#dropdownMenu ul.submenu li.subttl2 span {
	border-bottom: 1px dotted #333;
	padding: 0 5px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: normal;
}


#dropdownMenu ul.submenu li.subttl2 dfn {
	font-size: 11px;
	color: #333;
	margin-left: 1em;
	display: block;
}

/*========================
■7: location
========================*/
#location ol{
    padding: 8px 35px;
	/*background: #f0f !important;	★*/
}


/*========================
■8: contents
========================*/
#contents{
	padding: 0 20px;
	/*background: #0ff !important;	★*/
}


/*========================
■9: sub
========================*/
#sub {
    display: inline;
    float: left;
    width: 19.5%;
	max-width: 190px;
    margin: 0 0 20px 5px;
	/*background: #f0f !important;	★*/
}


/*========================
■10: #categoryNav
========================*/
#categoryNav {
    margin: 0 auto 10px;
}

#categoryNav h2 {
    font-size: 12px;
    padding: 5px;
}

#categoryNav ul.section {
    font-size: 12px;
}

/*========================
■11: #sub .categoryNav2　（お問い合わせ以外：グレーカラム）
========================*/
#sub .categoryNav2 {
    margin: 0 auto 10px;
    width: 100%;
}

#sub .categoryNav2 h2 {
    font-size: 12px;
    padding: 3px 5px;
}

#sub .categoryNav2 ul {
    font-size: 12px;
}

/*========================
■12: #categoryNav3 （お問い合わせのみ使用：ブルーカラム）
========================*/
#categoryNav3 {
    margin: 0 auto 10px;
    width: 100%;
}

#categoryNav3 h2 {
    font-size: 12px;
    padding: 3px 5px;
}

#categoryNav3 ul {
    font-size: 12px;
}

/*========================
■13: main main02
========================*/
#main {
    display: inline;
    float: right;
	width: 76%;
    max-width: 740px;
    margin: 0 5px 20px 0;
	/*background: #999 !important;	★*/
}

#main02 {
/*2017/07/13 変更
	width: 97%;
    max-width: 956px;
    margin: 10px 12px 20px 12px;
*/
	width: 100%;
    max-width: 966px;
    margin: 10px auto 20px;
	/*background: #999 !important;	★*/

}


/*========================
■15: footer
========================*/
#footer ul {
	width: 100%;
	max-width:1020px;
	margin:0 auto;
    padding: 15px 20px 0;
	box-sizing: border-box;
}

#copyright {
	width: 100%;
	max-width:1020px;
	margin:0 auto;
    padding: 0 20px;
	box-sizing: border-box;
}

#sns {
	position: relative;
	width: 100%;
	max-width:1020px;
	margin:0 auto;
	box-sizing: border-box;
	padding: 0;
}

#sns img {
	position: absolute;
	right: 20px;
	bottom: 0px;
}