@charset ‘UTF-8′;
@font-face {font-family: 'Noto Sans Japanese';
 src: url('../font/NotoSansCJKjp-Thin.woff') format('woff'),
	  url('../font/NotoSansCJKjp-Thin.ttf') format('ttf'); 
}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
/* ------------------------------------- */
/*              BASIC FORMAT             */
/* ------------------------------------- */


*{
	margin:0;
	padding:0;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
	font-size:11pt;
	line-height:2;
	color:#222;
	-webkit-font-smoothing: antialiased;
}

a {
    text-decoration:underline;
    color:#069;
}

.btmore a:hover{
    color:#1d479c;
}
.clear {
	clear:both;
}

img {
    border:0;
    margin:0;
}
p.resizeimage img { 
	width: 100%;
    height: auto;
}


#page-top{
    position: fixed;
    bottom: 120px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background-color: #004399;
    border-radius: 10%;
    bottom: 10px;
    color: #fff;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    outline: 0;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 50px;
}
#page-top a:hover {
    text-decoration: none;
    background: #4072B3;
}

.pageup {
    width:80px;
    margin:10px auto;
}

.mob{
    display:none;
}



/*--------------- Header,Footer ------------------*/

header,article,footer{
	margin:0;
	padding:0;
    
}

#header{
    max-width: 1200px;
	margin:0 auto;
    width:auto;
    background-color:black;
}

#headarea {
	max-width: 1200px;
    width:auto;
	margin:0 auto;
	padding:0;
}
.headleft{
    float:left;
    width:40%;
    margin:0.3em;
}
.headright{
    float:right;
    margin:0.3em;
}


.logo{
    width:65% auto;
    max-width:335px;
}

.logo_m{
    display:none;
}
.headnavi{
    float:right;
    
}

.hnav01 a{
	background-color:#a0be70;
    color:black;
    text-align:center;
}

.hnav02 a{
	background-color:#608bbf;
    color:black;
    text-align:center;
   
}

.hnav01 a,.hnav02 a{
    border-radius: 15px;
    /*CSS3草案*/
-webkit-border-radius: 15px;
    /*Safari,GoogleChrome用*/
-moz-border-radius: 15px;
    /*Firefox用*/
	display:block;
    margin:0.5em;
    padding-top:0.4em;
    text-decoration:none;
    width:150px;
}

.hnav01 a:hover{
	background-color:#c1dea3;
   
}
.hnav02 a:hover{
	background-color:#9acfe3;
   
}

.headnavi li{
    float:left;
    
}

.headcopy{
    color:white;
    margin:0.3em;
}


.footer{
    width:auto;
    max-width:1200px;
    margin:1em auto 0;
    background-color:#d9d9d9;
    padding:1em;
}
.footlogo{
    text-align:right;
    width:45%;
    float:right;
    margin-top:2em;
}
.corpinfo{
    float:left;
    width:45%;
    font-size:110%;
}
.corpname{
    font-size:150%;
    font-weight:bold;
    margin-top:2em;
    line-height:90%;
}
.footer_m{
    display:none;
}


.copyright {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
	width:100%;
	color:#fff;
    font-size:0.8em;
    background-color:black;
    padding:0.5em;
    box-sizing:border-box;
    
}

.bnr001{
    max-width:1200px;
    margin:50px auto;
    text-align:center;
}


.bnr_inq a{
	width:auto 85%;
    max-width:960px;
    display:block;
    color:white;
    text-align:center;
    font-size:130%;
    font-weight:bold;
    background: #962a13;
	border-radius: 10px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.75) inset,-3px -3px 10px 0px rgba(0,0,0,0.75) inset;
    margin:1em auto;
    padding:1em;
}


/*--------------- Page Format Var. ------------------*/

#docs {
	width:auto;
    max-width:1200px;
    margin:0px auto;
    padding:0;
}

.box {
    width:auto;
    max-width:1200px;
    margin:0px auto;
    padding:0.5em 0;
}
.cnt{
    width:90%;
    margin:0 auto;
}
.disp_mono {
    width:100%;
    margin:0 auto;
}
.disp_monocenter {
    width:100%;
    margin:1em auto;
    text-align:center;
}
.disp_duo,.disp_duocenter,.doc_duo {
    width:49%;
    margin-right:0.3em;
    margin-top:1em;
    float:left;
    
}
.disp_duocenter{
    text-align:center;
}
.disp_tri {
    width:32%;
    margin-right:10px;
    float:left;
}
.disp_tril {
    width:48%;
    margin-right:10px;
    float:left;
}
.disp_sizel{
    width:19%;
    margin-right:0.3em;
    margin-top:1em;
    float:left;
    text-align:right;
    
}
.disp_sizes{
    width:10%;
    margin-right:0.3em;
    float:left;
    text-align:right;
    
}
.disp_sizer{
    width:66%;
    margin-right:0.3em;
    margin-top:1em;
    float:left;
}
.ttl01{
    font-size:12pt;
    width:90%;
    background-color:#b9cbe3;
    text-align:center;
    color:#000;
    margin:1em auto;
    font-weight:bold;
}

.m_en {
    display:none;
}


table.data_tbl{
    width:100%;
    border:1px solid #666;
    border-collapse:collapse;
    
}

.tbl_harf{
    width:50%;
    vertical-align:top;
    border:1px solid #666;
}
.tbl_tri{
    width:30%;
    vertical-align:top;
    border:1px solid #666;
}
.tbl_quad{
    width:25%;
    vertical-align:top;
}
.tbl_penta{
    width:20%;
    vertical-align:top;
}
.tbl_hexa{
    width:15%;
    vertical-align:top;
}
.tbl_tri_r{
    width:66%;
    vertical-align:top;
    border:1px solid #666;
}

.tbl_end {
    width:100%;
    border-bottom:1px dotted #bbb;
    padding-bottom:1em;
    margin-bottom:1em;
}

.tbl_formttl{
    width:20%;
    vertical-align:top;
    font-size:14pt;
    font-weight:600;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
	padding:0.5em 0;
}

.tbl_tbox{
    padding-top:1.2em;
}

td.tl{
    background-color:#e8e8e8;
    font-weight:bold;
    border:1px solid #666;
}
.tblcenter{
    text-align:center;
    
}
.sig{
    text-align:right;
}
/*--------------- MENU FORMAT ------------------*/

nav {
	    width:100%;
	}


.mainmenu {
     margin:1em 1em 0 0;
}


.menu00,.menu01,.menu02,.menu03,.menu04 {
        text-align:center;
        float:left;
}


.menu00 a,.menu01 a,.menu02 a,.menu03 a,.menu04 a{
	width:90%;
    text-decoration:none;
    text-transform:uppercase;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
    font-weight:normal;
    display:block;
    color:#fff;
    padding:0.7em;
}


.menu00 a:hover,.menu01 a:hover,.menu02 a:hover,.menu03 a:hover,.menu04 a:hover{
    color:#9acfe3;
    text-decoration:none;
}


.mainmenu div:nth-child(even) a {
        margin-right:0;
}



.mainmenu ul li {
	float:left;
	text-align: center;
	line-height: 1.2;
	color:#333;
}

.mainmenu ul li a {
	color:#333;
	text-decoration: none;
}

.mainmenu ul li a span {
	font-size: 4rem;
	letter-spacing: 0.02em;
}

#showLeft{
    display:none;
}

.footmenu {
	width:100%;
}
.footmenu ul li {
	float:left;
	text-align: center;
	line-height: 1.2;
	color:#333;
    margin-right:1em;
}

.footmenu ul li a {
	color:#333;
	text-decoration: none;
    text-transform:uppercase;
    
}

.footmenu ul li a span {
	font-size: 4rem;
	letter-spacing: 0.02em;
}
.footmenu ul li a:hover{
    color:#9acfe3;
    text-decoration:none;
}

/*----------------------Decoration---------------------*/

.large{
    font-size:larger;
}
.ex-large{
    font-size:x-large;
}
.en {
    font-weight:bolder;
    
}

.bl {
    color:#004399;
    font-weight:bold;
    
}
.rd {
    color:#ff0000;
    font-weight:bold;
    
}
.rd02 {
    color:#c30d23;
    font-weight:bold;
    
}
.rd02 a{
    color:#c30d23;
    text-decoration:none;
}

.gr {
    color:#999;
}

.lb {
    color:#88abda;
    font-weight:bold;
    
}

.dr {
	width:490px;
    color:#94252a;
	font-weight:bold;
    border-top:1px solid #94252a;
}


