/*------------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
1141px ～
------------------------------------------------------------------------*/

header{
	position: relative;
	width: 100%;
	display: block;
	z-index: 2000;
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	background: url(../img/common/header_back.png) repeat-x top center;
}

header h1 {
	position:absolute;
	top:0;
	left: 0;
	display:block;
	margin: 0;
	padding:0;
	z-index:10;
	overflow: hidden;
	background: #c83428 url(../img/common/bg_logo.png) no-repeat bottom center;
	height: 100%;
	width: 170px;
}
header h1 a{
	display: block;
	width: 100%;
    height: 100%;
}
header h1 img{
	position:absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	width: 74%;
}

header h1 a:hover {
    opacity: 1 !important;
}
header h1 a:hover img {
    opacity: 1 !important;
}
header h1.logo_s img{
	width: 83%;
}


#hlink_contact {
    padding: 0;
    margin: 0;
    float: right;
}

#hlink_contact ul {
    display: block;
    position: relative;
    padding: 0;
    margin: 5px 0 0 0;
    list-style: none;
    text-align: right;
    float: right;

}

#hlink_contact ul li {
    display: inline-block;
    padding: 0;
    margin: 10px 0 0 0;
    vertical-align: middle;
    white-space: nowrap;
    
}

#hlink_contact .bizbtn a{
	position:relative;
	margin: 0 26px 0 0;
	padding: 5px 0 5px 12px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	font-size: 0.85em;
	line-height: 1em;
	font-weight: bold;
	color: #726357;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "HG明朝B", "ＭＳ 明朝", "MS PMincho", serif;
}

.ie9 #hlink_contact .bizbtn a{
	position:relative;
	margin: 0 28px 0 0;
	padding: 5px 0 5px 12px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	font-size: 0.85em;
	line-height: 1.35;
	color: #726357;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

@media all and (-ms-high-contrast: none) {
	#hlink_contact .bizbtn a{
		position:relative;
		margin: 0 28px 0 0;
		padding: 5px 0 5px 12px;
		text-align: center;
		display: inline-block;
		text-decoration: none;
		font-size: 0.85em;
		line-height: 1.35;
		color: #726357;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
}

#hlink_contact .bizbtn a:before{
	position: absolute;
	top: 50%;
	left: 0px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: -2px;
	margin-left: 0px;
	border-top: 2px solid transparent;
	border-left: 4px solid #726357;
	border-bottom: 2px solid transparent;
	content: "";
}


#hlink_contact .bizbtn a:hover {
    color: #9B948F;
}



#hlink_contact .searchbox {
    padding: 0;
    margin: 6px 0 0 0;
}

#hlink_contact .subttl {

    padding: 0;
    margin: 3px 10px 10px 0;
    float: right;
    font-size: 0.9em;
}



/* Googleカスタム検索用 */
#googleserch {
	width: 180px;
	display: block;
}
.searchbox,
#googleserch .gsc-search-box{
    height: 33px; 
	margin: 0;
	padding: 0;
}

#googleserch .gsc-search-button input{
	background: #fff url(../img/common/ico_search.gif) no-repeat center center;
	border: 1px solid #ccc;
	border-left: none;
    border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    cursor: pointer;
	margin: 2px 0 0 0;
	padding: 0;
	font-size:0;
	min-width: 35px;
	height: 27px;
	line-height:1;
}

#googleserch .gsc-clear-button {
	display:none;
}
.rounded {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#googleserch .gsc-input input[type=text]{
    width: 140px;
    height:20px;
    padding: 0.2em 7px;
    margin: 2px 0 0 0;
    font-size: 12px;
    line-height:1;
    border: 1px solid #ccc;
    border-right: none;
	border-radius: 15px 0px 0px 15px;
    -moz-border-radius: 15px 0px 0px 15px;
    -webkit-border-radius: 15px 0px 0px 15px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#googleserch .gsc-search-box td.gsc-input {		
	    padding-right: 0 !important;
}





/* Googleカスタム検索用 sp用 */
#googleserch_sp {
	padding: 0.75em 1em;
	background: #ddd;
}
.searchbox,
#googleserch_sp .gsc-search-box{
				margin: 0;
				padding: 0;
}

#googleserch_sp .gsc-clear-button {
				display: none;
}
.rounded {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#googleserch_sp .gsc-input input[type=text]{

    border: 1px solid #ccc;
    border-radius: 15px 0px 0px 15px;
    -moz-border-radius: 15px 0px 0px 15px;
    -webkit-border-radius: 15px 0px 0px 15px;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display: block;
    height: 24px;
}


#googleserch_sp .gsc-search-box td.gsc-input {		
	    padding-right: 0 !important;
}

#googleserch_sp .gsc-search-button input{
	background: #fff url(../img/common/ico_search.gif) no-repeat center center;
	border-color: #ccc;
	border-left: none;
    border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    -webkit-border-radius: 0px 15px 15px 0px;
    cursor: pointer;
	margin: 0;
	padding: 0;
	font-size:0;
	min-width: 35px;
	line-height: 1;
	height: 28px;
}

/*------------------------------------------------------------------------
1141px～
------------------------------------------------------------------------*/

@media screen and (min-width: 1141px) {

}

/*------------------------------------------------------------------------
～1140px
------------------------------------------------------------------------*/

@media screen and (max-width: 1140px) {


    header h1 {
        float: left;
        left: 80px;
        width: 160px;
    }
    
    #hlink_contact {
	    max-width: 60%;
	}
	#hlink_contact .searchbox {
	    margin: 6px 80px 0 0;
	}

}


/*------------------------------------------------------------------------
～1000px
------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {

	header {
        height: 64px;
    }

    header h1 {
        margin: 0;
        padding: 0;
        float: none;
        height: 64px;
        width: 140px;
        left: 35px;
    }
    header h1.logo_s {
        margin: 0 0 0 25px;
        padding: 0;
        float: none;
        width: 134px;
    }
    header h1.logo_s img{
        width:100%;
    }

    #hlink_contact {
        display: none;
    }
    

}

/*------------------------------------------------------------------------
～680px
------------------------------------------------------------------------*/

@media screen and (max-width: 680px) {

    header{
	    position: fixed;
	    top: 0;
	}
    .navbar .btn-navbar {
        display: block;
        position: absolute;
        right: 5%;
        top: 14px;
    }
    


}

/*------------------------------------------------------------------------
～480px
------------------------------------------------------------------------*/

@media screen and (max-width: 480px) {

    header h1 {
        padding: 0;
        float: none;
        width: 140px;
        left: 0;
    }
    header h1.logo_s {
        margin: 0;
        padding: 0;
        float: none;
        width: 133px;
    }

}