@charset "utf-8";

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


/*========================
■4: #header
========================*/
#header {
	width: 100%;
    max-width: 1030px;
    height: 100px;
	padding: 0 10px;
	margin: 0 auto;
}

#logo img {
    width: 120px;
	height: auto;
	padding-top: 10px;
}

#headlink {
	float: left;
	width: 83%;
	max-width: 860px;
}

#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: 680px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 13px;
	box-sizing: border-box;
}

#globalNav {
	width:1030px;
	margin: -36px auto 4px;
	padding-left: 69px;
	font-size: 13px;
	box-sizing: border-box;
}
#globalNav ul {
	width:100%;
	max-width: 680px;
	margin: 0 auto;
}


#dropdownMenu * {
	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 {
    float: left;
	border-right: 1px solid #999;
    text-align: center;
}

#dropdownMenu  ul li.ttl a,
#globalNav a {
	padding: 6px 15px;
}

#dropdownMenu  ul li:hover a.mainttl {
	background: #212176 !important;
	color: #fff !important;
	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:first-child {
	border-left: 1px solid #999;
}


#globalNav li{
    float: left;
	border-left: 1px solid #999;
}
#globalNav li.m01 {
	display: none
}

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

#dropdownMenu ul.submenu {
	clear: both;
	position: absolute;
	width: 780px;
	left: -120px;
	top: 52px;
	text-align: left;
	margin: 0 auto;
	padding: 0.8%;
	border: 1px solid #999;
	z-index: 9999 !important;
	background: #fff;
}
@media screen and (min-width:900px){
#dropdownMenu ul.submenu  {
	width: 880px;
	left: -140px;
}
}
@media screen and (min-width:1000px){
#dropdownMenu ul.submenu  {
	width: 980px;
	left: -180px;
}
}


#dropdownMenu ul.submenu li {
	float: left;
	width: 24%;
	max-width: 232px;
	border: none;
	margin-right: 1.2%;
}



#dropdownMenu li.t01 > ul.submenu {
	max-width: 746px;
}

#dropdownMenu li.t01 > ul.submenu li {
	width: 226px;
}

#dropdownMenu li.t03 > ul.submenu {
	width: 504px;
	left: 150px;
}

#dropdownMenu li.t03 > ul.submenu li {
	width: 232px;
}


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

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

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


#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 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;
}


/*========================
■8: contents
========================*/
#contents{
	padding: 0 20px;
}


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


/*========================
■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;
}

#main02 {
	width: 97%;
    max-width: 956px;
    margin: 10px 12px 20px 12px;
}


/*========================
■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;
}