@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	font-size:normal;
    -webkit-text-size-adjust: 100%;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
        margin: 0;
        padding: 0;
        font-size: 100%;
}  

body {
	font-family : 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , 'メイリオ' , Meiryo , 'ＭＳ ゴシック' , 'MS Gothic' , HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif;
	color:#fff;
	margin:0 auto;
	background:#181818;
  	-webkit-touch-callout: none;
    font-size: 90%;
	line-height:1.6;
}




/*common
---------------------------------------------*/
/*link*/
a {
	color: #FFDC8F;
	outline:none !important;
}
a:hover  {
    text-decoration: underline;
	opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}
/*img*/
img {
	height:auto;
	max-width:100%;
	width /***/:auto;　/*IE8のみ適用*/
}
.sp_img {
	display:none !important;
}
* html img {
	display:block;
	width: auto !important;
	max-width: none;
}

.i_left {
	float:left;
	margin:0 20px 5px 0;
}
.i_right {
	float:right;
	margin:0 0 5px 20px;
}
.i_center {
	text-align:center;
	margin:10px auto;
}

.clear {
	clear:both;
}
/*font-size*/
.fs75 {	font-size:75% !important; }
.fs80 {	font-size:80% !important; }
.fs85 {	font-size:85% !important; }
.fs90 {	font-size:90% !important; }
.fs95 {	font-size:95% !important; }
.fs110 {	font-size:110% !important; }
.fs120 {	font-size:120% !important; }
.fs130 {	font-size:130% !important; }

/*margin*/
.mt0 {	margin-top:0 !important; }
.mt05 {	margin-top:0.5em !important; }
.mt1 {	margin-top:1em !important; }
.mt2 {	margin-top:2em !important; }
.mt20 {	margin-top:20px !important; }
.mt3 {	margin-top:3em !important; }
.mt4 {	margin-top:4em !important; }
.mt03 {     margin-top: 3px !important; }
.mr15 {	margin-right:15px !important; }
.mb0 {	margin-bottom:0 !important; }
.mb1 {	margin-bottom:1em !important; }
.ml1 {	margin-left:1em !important ; }
.ml2 {	margin-left:2em !important ; }
.mlr1 {	margin-left:1em !important ; margin-right: 1em !important; }
.mb15 {	margin-bottom:15px !important; }



/*padding*/
.plr25 {	padding-left:25px; padding-right:25px ; }
.pr1 { padding-right:1em !important ;}


/*border*/
.bdrtb3 {	border-top:3px solid #f3f3f3;border-bottom:3px solid #f3f3f3; padding:15px 0; }
.bdr1 {	   border: 1px solid #B2B2B2; padding: 15px; }
.bnone {	border:none !important; }

/*text-align*/
.t_center {	text-align:center !important; }
.t_left { text-align:left !important; }
.t_right {	text-align:right !important; }

/*btn*/
.btn_r {	text-align:right; margin:10px 0 15px 0; }
.bdr .btn_r {	text-align:right; margin:10px 0 0 0; }

/*強調*/
.strong {	font-weight:bold !important ; }

/*indent*/
.ind1 {	margin-left:1em; text-indent: -1em; padding-left:5px; }

/*color*/
.org { 	color:#F26337; }
.wht { color:#fff; }
.red { color:#ff0000; }
.blue { color:#50a2cf; }

.new { background: #D0AF2D; color:#FFFFFF;}
.small {
	padding:0;
	font-size:80%;
}

/*align*/
.t_center { 	text-align:center !important; }
.t_left 	{	text-align:left !important; }
.t_right {		text-align:right !important; }

.clear {	clear:both !important ;}
.disc li { list-style:disc !important; }
.lh0 { line-height:0 !important; }
.clearn { clear:none !important; }
.w98p { width:98% !important; }
.w2em { width:2em !important; }


/*common
---------------------------------------------*/
.cont_width {
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}


/*header
---------------------------------------------*/
header {
	background:#fff;
	position:fixed;
	width:100%;
	z-index:1000;
	height:105px;
	padding:28px 0;
}
header .hdr_box {
	padding:0 32px 0 36px;
}
header h1 {
	line-height:0;
	float:left;
}
header h1 img {
	width:148px;
}
header .mainnav {
	float:right;
	overflow:hidden;
	margin:9px 0 0 0;
}
header .mainnav li {
	float:left;
	list-style:none;
	text-indent:-9999em;
}
header .mainnav li a {
	display:block;
	width:100px;
	height:28px;
	background:url(../img/mainnav_bg.png) no-repeat top center;
	background-size:100px auto;
}

header .mainnav li.mn01	{ margin:0 22px 0 0; }
header .mainnav li.mn02	{ margin:0 30px 0 0; }
header .mainnav li.mn03	{ margin:0 28px 0 0; }
header .mainnav li.mn04	{ margin:0 46px 0 0; }
header .mainnav li.mn05	{ margin:0 37px 0 0; }
header .mainnav li.mn06	{ margin:0; }

header .mainnav li.mn01 a { background-position: center 0; }
header .mainnav li.mn02 a { background-position: center -28px; }
header .mainnav li.mn03 a { background-position: center -56px; }
header .mainnav li.mn04 a { background-position: center -84px; }
header .mainnav li.mn05 a { width:28px; background-position: center -112px; }
header .mainnav li.mn06 a { width:28px; background-position: center -140px; }
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 16px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/*footer
---------------------------------------------*/
footer {
	clear:both;
	padding:56px 0;
	background:#101010;
	margin:0;
	text-align:center;
}
footer .ftr_copy {
	line-height:0;
}
footer .ftr_copy img {
	width:296px;
}


/*page-top
---------------------------------------------*/
#page-top {
    bottom: 20px;
    display: block;
    font-weight: bold;
    position: fixed;
    right: 20px;
}
#page-top a {
    background: #666;
    border-radius: 5px;
    color: #fff;
    display: block !important;
    padding:10px 15px;
    text-align: center;
    text-decoration: none;
}
#page-top a:hover {
    background: #424f69;
    text-decoration: none;
}