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

 file name  :common.css
 style info :reset / utility / common module
=================================================================== */

/*---------------------------------------------
	Browser Default Initialization
---------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 1.7;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}
a,button,input,textarea{
    outline: none;
}
/** fade使用時のズレ対策（FF）**/
img {
    box-shadow: #000 0 0 0;
}
img, x:-moz-any-link, x:default {
    box-shadow: #000 0 0 0;
}
a{
	color:#00467B;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


/*---------------------------------------------
	FontSize Initialization
---------------------------------------------*/
body {
	font:100%/1.231 "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
select, input, button, textarea {
    font: 99% "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
}
table {
    font-size: inherit;
		font:100%;
}
pre, code, kbd, samp, tt {
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", sans-serif;
	*font-size:108%;
	line-height:100%;
}


/*---------------------------------------------
	Utility
---------------------------------------------*/
.fz10 { font-size:77%; }
.fz11 { font-size:85%; }
.fz12 { font-size:93%; }
.fz13 { font-size:100%; }
.fz14 { font-size:108%; }
.fz15 { font-size:116%; }
.fz16 { font-size:123.1%; }
.fz17 { font-size:131%; }
.fz18 { font-size:138.5%; }
.fz19 { font-size:146.5%; }
.fz20 { font-size:153.9%; }
.fz21 { font-size:161.6%; }
.fz22 { font-size:167%; }
.fz23 { font-size:174%; }
.fz24 { font-size:182%; }
.fz25 { font-size:189%; }
.fz26 { font-size:197%; }

/* Clearfix */
.cf:after,
.section:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

/* Margin-Top */
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
/* Margin-Right */
.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
/* Margin-Bottom */
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
/* Margin-Left */
.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}


.alignL{text-align:left !important}
.alignC{text-align:center !important}
.alignR{text-align:right !important}



/* --------------------------------------------------------------------------

   COMMON STYLE（PC,SP,TABLET共通）

-------------------------------------------------------------------------- */
#wrap{
	font-size:85%; /* 13px相当 */
    color: #3E3939;
    letter-spacing: 0.04em;
}




/* --------------------------------------------------------------------------

   SP,TABLET STYLE（767px以下）

-------------------------------------------------------------------------- */
@media all and (max-width: 767px) {
	img {
		max-width: 100%;
		height: auto;
	}
    
    
    /*-------------------------
     HEADER
    -------------------------*/
    header {
        width: 100%;
        border-bottom: #A3A3A3 1px solid;        
    }
    header #headInr {
        padding: 17px 0 12px 10px;
        position: relative;
    }
    header h1 {
        width: 85%;
        height: 30px;
    }
    header h1 a img {
        width: 130px;
    }
    header h1 a+img {
        height: 19px;
        width: auto;
        position: absolute;
        top: 20px;
        right: 62px;
    }
    header i {
        position: absolute;
        top: 12px;
        right: 11px;
        width: 34px;
        height: 34px;
    }
    
    /*-------------------------
     GLOBAL NAVIGATION
    -------------------------*/
    nav {
        width: 100%;
        height: 568px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        background: rgba(0,0,0,0.85);
        overflow: hidden;
        display: none;
    }
    nav ul {
        padding: 58px 0 0 0;
    }
    nav li {
        letter-spacing: 0.05em;
        border-bottom: #666666 1px solid;
    }
    nav li:first-child {
        border-top: #666666 1px solid;
    }    
    nav a {
        display: block;
        width: 100%;
        padding: 13px 16px;
        color: #FFFFFF;
    }
    nav li img {
        height: 20px;
        width: auto;
        position: relative;
        top: 1px;
        left: 8px;
    }
    
    /*-------------------------
     PAGE TOP BUTTON
    -------------------------*/
    #pagetop {
        position: fixed;
        bottom: 21px;
        right: 5px;
        width: 44px;
        z-index: 10;
    }
    
    

    /*-------------------------
     FOOTER
    -------------------------*/
    footer {
        border-top: #A3A3A3 1px solid;
        border-bottom: #EEEEEE 3px solid;
        width: 100%;
    }
    #footInr {
        padding: 13px 0 10px 0;
    }
    footer p {
        color: #777;
        font-size: 85%;
        text-align: center;
    }
    footer p:nth-of-type(1) {
    }
    footer p:nth-of-type(2) {
        font-size: 93%;
        top: -1px;
    }
    footer ul {
        text-align: center;
    }
    footer li {
        font-size: 85%;
        display: inline-block;
    }
    footer li {
        margin-left: 10px;
    }
    footer small span {
        font-size: 180%;
        position:relative;
        top: 0.2em;
    }
}



/* --------------------------------------------------------------------------

   PC STYLE（768以上）

-------------------------------------------------------------------------- */
@media all and (min-width: 768px) {
    /*-------------------------
     HEADER
    -------------------------*/
    header {
        width: 100%;
        min-width: 950px;
        overflow: hidden;
        border-bottom: #A3A3A3 1px solid;        
    }
    header #headInr {
        width: 950px;
        margin: 0 auto;
        padding: 33px 0 23px 0;
        overflow: hidden;

    }
    header h1 {
        float: left;
        width: 230px;
        height: 30px;
    }
    header i {
        display: none;   
    }
    
    /*-------------------------
     GLOBAL NAVIGATION
    -------------------------*/
    nav {
        float: right;
        min-width: 660px;
        max-width: 700px;
        height: auto !important;
        margin: 0 0 0 50px !important;
        padding: 6px 0 0 0 !important;
        overflow: hidden;
        position: relative;
        top: -2px;
        display: block !important;
    }
    nav li {
        float: right;
        display: inline-block;
        margin: 0 10px;
        letter-spacing: 0.05em;
    }
    nav li:first-child {
        float: right;
        position: relative;
        top: -6px;
        margin: 0 0 0 54px;
    }    
    nav a {
        color: #999999;   
    }
    nav a span {
        display: none;
    }

    /*-------------------------
     PAGE TOP BUTTON
    -------------------------*/
    #pagetop {
        position: fixed;
        bottom: 6px;
        right: 4px;
    }

    /*-------------------------
     FOOTER
    -------------------------*/
    footer {
        border-top: #A3A3A3 1px solid;
        border-bottom: #EEEEEE 3px solid;
        width: 100%;
        min-width: 950px;
        margin-top: 90px;
    }
    #footInr {
        width: 950px;
        margin: 0 auto;
        padding: 25px 0 20px 0;
        overflow: hidden;
    }
    #footerInr div {
        float: left;
        width: 500px;
    }
    footer p {
        float: left;
        color: #777;
        font-size: 85%;
    }
    footer p {
        font-size: 93%;
        margin-left: 45px;
        position: relative;
        top: -1px;
    }
    footer ul {
        float: right;
        width: 450px;
        overflow: hidden;
    }
    footer li {
        float: right;
        font-size: 85%;
    }
    footer li {
        margin-left: 20px;
    }
}