/* ==========================================================================
   DMM.make header styles
   ========================================================================== */


/* ==========================================================================
   Base styles
   ========================================================================== */


#make-header,
#make-nav{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
line-height:1.6;
color: #333333;
word-break:break-all;
word-wrap:break-word;
position: relative;
}

/* reset
-----------------------------------------------------*/

#make-header ul, #make-header ol,
#make-nav ul, #make-nav ol{
padding: 0;
margin: 0;
list-style-type: none;
}

#make-header img,
#make-nav img{
border: 0;
vertical-align: top;
-ms-interpolation-mode: bicubic;
}


/* ==========================================================================
   make-header
   ========================================================================== */

#make-header{
background: #222;
color: #fff;
position: relative;
min-width: 970px;
overflow-x: hidden;
}
#make-header.typeWhite {
    background: #fff;
}
#make-header .header-inner {
    display: block;
    padding: 10px 16px !important;
}
@media(min-width: 970px){
	#make-header{
	overflow-x: hidden;
	}
}
#make-header a{
color: #fff;
text-decoration: none;
}

#make-header a:hover{
text-decoration: underline;
}

#make-header .make-header{
display: block;
padding: 10px 12px;
}

#make-header .make-header:before,
#make-header .make-header:after{
content: "";
display: table;
clear: both;
}

#make-header .make-header{
zoom: 1;
}

#make-header .logo-make{
float: left;
padding: 10px 0 5px 8px;
margin: 0;
}

#make-header .nav-common{
height: 38px;
float: left;
border-left: 1px solid #444;
margin: 2px 0 0 20px;
}

#make-header .nav-common li{
float: left;
font-weight: normal;
display: inline;
white-space: nowrap;
border-right: 1px solid #444;
padding: 4px 5px;
line-height: 140%;
text-align: center;
}

#make-header .nav-common li a{
display: inline-block;
padding: 0 8px;
}

#make-header .nav-common li#make_header_li_1 a,
#make-header .nav-common li#make_header_li_6 a{
padding: 8px 8px;
}

@media(max-width:1095px){
	#make-header .nav-common li a{
        font-size: 11px;
	}
}

#make-header .nav-common li a:hover{
color: #0099cc;
text-decoration: none;
}

#make-header .nav-common li.focus a{
background: #0099cc;
}

#make-header .nav-common li.focus a:hover{
background: #2bb1de;
color: #fff;
}

#make-header .link-dmm{
position: absolute;
right: 12px;
padding: 0;
margin: 0 0 0 30px;
}

#make-header .link-dmm img{
margin-top: 5px;
}

#make-header .link-dmm a:hover{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

#make-header #header-inner{
height: 23px;
width: auto;
font-size: 11px;
margin: 0;
background: #000;
}

#make-header .link-about{
position: absolute;
right: 96px;
font-size: 10px;
padding: 0;
margin: 3px 0 0 0;
}

#make-header .link-arrow{
background:url(/img/header_com_icon_arrow.png) 0px 2px no-repeat;
padding-left: 10px;
}

#make-header .link-arrow{
background:url(/img/header_com_icon_arrow.png) 0px 0 no-repeat;
background:url(/img/header_com_icon_arrow.png) 0px 3px no-repeat\9;
padding-left: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #make-header .link-arrow:not(:target) {
    background:url(/img/header_com_icon_arrow.png) 0px 2px no-repeat;
    }
}
#make_header_li_7 a {
    padding: 0 13px!important;
}
#make_header_li_8 a{
    padding: 0 10px!important;
}
#make-header li.new-service{
position: relative;
}

#make-header li.new-service img{
position: absolute;
display: block;
margin-left: -10px;
text-align: center;
top: -7px;
left: 50%;
}
/*ティザー用*/
#make-header.teaser {
    height: 50px;
}
#make-header.teaser .logo-make {
    padding: 15px 0 0 20px;
}
/* ==========================================================================
   make-nav
   ========================================================================== */

#make-nav{
background: #fafafa;
color: #333;
border-bottom: 1px solid #e2e2e2;
}

#make-nav a{
color: #333;
text-decoration: none;
}

#make-nav a:hover{
text-decoration: underline;
}

#make-nav .nav-inner{
min-width: 916px;
padding: 0;
}

#make-nav .nav-inner:before,
#make-nav .nav-inner:after{
content: "";
display: table;
}

#make-nav .nav-inner:after{
clear: both;
}

#make-nav .nav-inner{
zoom: 1;
}

#make-nav .nav-sub{
float: left;
line-height: 1.0;
}

#make-nav .nav-sub li{
float: left;
display: inline;
white-space: nowrap;
border-right: 1px solid #e8e8e8;
}

#make-nav .nav-sub li a{
display: inline-block;
padding: 16px 20px;
}

#make-nav .nav-sub li a:hover{
background: #f2f2f2;
color: #111;
text-decoration: none;
}

#make-nav .nav-sub li.focus a{
background: #0099cc;
color: #fff;
}

#make-nav .nav-sub li.focus a:hover{
background: #2bb1de;
}


#appTaeser #make-header .logo-make{
	padding: 10px 0 15px 8px;
}

/* 404 NotFound
-----------------------------------------------------*/
#make-NotFound #make-header .logo-make {
    padding: 10px 0 15px 8px;
}