@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6{
color:#222;
font-weight:normal;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.05em;
}

body{
background:#fff;
min-width:1060px;
text-align:center;
line-height:1.5;
font-size:13px;
word-wrap:break-word;
-webkit-text-size-adjust:100%;
}

input{
padding:2px;
}

textarea{
padding:3px;
}

ol{
margin:0px 0px 0px 21px;
}

ol > li{
list-style:decimal outside;
margin:0px 0px 10px;
}

a:link,
a:visited{
color:#0897c5;
text-decoration:underline;
}

a:hover,
a:active{
color:#0897c5;
text-decoration: none;
}

em{
font-style:normal;
font-weight:bold;
color:#ee4941;
}

strong{
font-style:normal;
font-weight:bold;
}



/* --------------------------------------------------
 Header
-------------------------------------------------- */
header{
position:relative;
width:1000px;
height:120px;
margin:0 auto;
text-align:left;
overflow:visible;
z-index:100;
}

header h1{
position:absolute;
top:0;
left:0;
}

/* sNav --------------- */
header #sNav{
position:absolute;
top:10px;
right:0;
}

header #sNav li{
float:left;
}

header #sNav li a{
display:block;
height:37px;
background:url(/-/media/Multi-Tec/images/common/nav.gif) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

header #sNav li:nth-child(1) a{
width:103px;
background-position:-378px 0;
}

header #sNav li:nth-child(1) a.current,
header #sNav li:nth-child(1) a:hover{
background-position:-378px -37px;
}

header #sNav li:nth-child(2) a{
width:118px;
background-position:-481px 0;
}

header #sNav li:nth-child(2) a.current,
header #sNav li:nth-child(2) a:hover{
background-position:-481px -37px;
}

header #sNav li:nth-child(3) a{
width:146px;
background-position:-599px 0;
}

header #sNav li:nth-child(3) a.current,
header #sNav li:nth-child(3) a:hover{
background-position:-599px -37px;
}

/* gNav --------------- */
header #gNav{
position:absolute;
top:66px;
right:0;
}

header nav > div{
display:none;
}

header #gNav li{
float:left;
border-right:#dedede solid 1px;
}

header #gNav li:last-child{
border-right:none;
}

header #gNav li a{
display:block;
height:35px;
background:url(/-/media/Multi-Tec/images/common/nav.gif) no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

header #gNav li:nth-child(1) a{
width:132px;
background-position:0 -89px;
}

header #gNav li:nth-child(1) a.current,
header #gNav li:nth-child(1) a:hover{
background-position:0 -124px
}

header #gNav li:nth-child(2) a{
width:121px;
background-position:-133px -89px
}

header #gNav li:nth-child(2) a.current,
header #gNav li:nth-child(2) a:hover{
background-position:-133px -124px;
}

header #gNav li:nth-child(3) a{
width:122px;
background-position:-255px -89px;
}

header #gNav li:nth-child(3) a.current,
header #gNav li:nth-child(3) a:hover{
background-position:-255px -124px;
}

header #gNav li:nth-child(4) a{
width:121px;
background-position:-378px -89px;
}

header #gNav li:nth-child(4) a.current,
header #gNav li:nth-child(4) a:hover{
background-position:-378px -124px;
}

header #gNav li:nth-child(5) a{
width:122px;
background-position:-500px -89px;
}

header #gNav li:nth-child(5) a.current,
header #gNav li:nth-child(5) a:hover{
background-position:-500px -124px;
}

header #gNav li:nth-child(6) a{
width:122px;
background-position:-623px -89px;
}

header #gNav li:nth-child(6) a.current,
header #gNav li:nth-child(6) a:hover{
background-position:-623px -124px;
}


/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
clear:both;
position:relative;
width:1000px;
margin:40px auto;
text-align:left;
}


/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
clear:both;
margin-top:40px;
padding-top:20px;
background:#1471c4;
}

/* コピーライト --------------- */
#footer .copyright{
margin-top:10px;
padding-bottom:20px;
font-size:11px;
line-height:1;
color:#fff;
}

/* HOMEのみ */
#footer .netop{
padding-left:10px;
}

/* ナビ --------------- */
#footer > ul{
padding:15px;
background:#fff;
letter-spacing:-0.4em;
}

#footer > ul li{
display:inline-block;
letter-spacing:normal;
}

#footer > ul li a{
padding:0 5px;
text-decoration:none;
color:#222;
}

/* --------------------------------------------------
 Page Top
-------------------------------------------------- */
#btmPageTop{
position:fixed;
width:55px;
height:55px;
right:10px;
bottom:10px;
background:url(/-/media/Multi-Tec/images/common/pagetop.png) no-repeat;
text-indent:100%;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;
cursor:pointer;
}

/* --------------------------------------------------
 Topic Pass（パンくずリスト）
-------------------------------------------------- */
#topicPass{
padding:5px 0;
border-top:#dedede solid 1px;
background:#eee;
font-size:11px;
line-height:1;
letter-spacing:0;
text-align:left;
}

#topicPass span{
display:block;
width:1000px;
margin:0 auto;
}

#topicPass a{
text-decoration:none;
}




/*
 |********************************************************************************************
 | max-width:1060px
 |********************************************************************************************
*/
@media screen and (max-width:1060px) {


body{
min-width:320px;
}


/* --------------------------------------------------
 Header
-------------------------------------------------- */
header{
width:100%;
}

header h1{
left:10px;
width:20%;
}

header h1 img{
width:100%;
height:auto;
}

/* sNav --------------- */
header #sNav{
margin-right:10px;
}

header #sNav li a{
height:auto;
background:none #1471c4;
text-indent:0;
text-decoration:none;
color:#fff;
}

header #sNav li a:hover,
header #sNav li a:active{
background:#0997c5;
}

header #sNav li:nth-child(1) a,
header #sNav li:nth-child(2) a,
header #sNav li:nth-child(3) a{
width:auto;
padding:10px 20px;
}

header #sNav li:nth-child(1) a{
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}

header #sNav li:nth-child(3) a{
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}

/* gNav --------------- */
header #gNav li a{
height:auto;
background:none;
text-indent:0;
text-decoration:none;
color:#222;
}

header #gNav li a:hover,
header #gNav li a:active{
color:#84cbe2;
}

header #gNav li:nth-child(1) a,
header #gNav li:nth-child(2) a,
header #gNav li:nth-child(3) a,
header #gNav li:nth-child(4) a,
header #gNav li:nth-child(5) a,
header #gNav li:nth-child(6) a{
width:auto;
padding:5px 20px;
}



/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
width:90%;
margin:5% auto;
}


/* --------------------------------------------------
 Topic Pass（パンくずリスト）
-------------------------------------------------- */
#topicPass span{
width:90%;
margin:0 auto;
}


}




/*
 |********************************************************************************************
 | max-width:800px
 |********************************************************************************************
*/
@media screen and (max-width:800px) {


/* --------------------------------------------------
 Header
-------------------------------------------------- */
header{
height:105px;
}

header h1{
width:25%;
}

header nav > div{
display:block;
position:absolute;
top:70px;
right:15px;
width:75px;
height:16px;
background:url(/-/media/Multi-Tec/images/common/gnav_btn.png) left top no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

header #gNav{
display:none;
position:absolute;
width:100%;
top:105px;
}

header #gNav li{
float:none;
}

header #gNav li:nth-child(1) a,
header #gNav li:nth-child(2) a,
header #gNav li:nth-child(3) a,
header #gNav li:nth-child(4) a,
header #gNav li:nth-child(5) a,
header #gNav li:nth-child(6) a,
header #gNav li:nth-child(7) a{
width:auto;
height:auto;
padding:15px 20px;
background:rgba(9,151,197,0.95);
text-indent:0;
text-decoration:none;
border-right:none;
border-bottom:1px solid rgba(255,255,255,0.5);
text-decoration:none;
color:#fff !important;
}

}




/*
 |********************************************************************************************
 | max-width:640px
 |********************************************************************************************
*/
@media screen and (max-width:640px) {


body{
font-size:85%;
}

/* --------------------------------------------------
 Header
-------------------------------------------------- */
header h1{
left:0;
}

/* sNav --------------- */
header #sNav li:nth-child(1) a,
header #sNav li:nth-child(2) a,
header #sNav li:nth-child(3) a{
padding:10px;
font-size:85%;
}


/* --------------------------------------------------
 Contents
-------------------------------------------------- */
#contents{
width:90%;
margin:0 auto;
}


/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
margin-top:5%;
padding-top:3%;
}

#footer > a img{
width:15%;
height:auto;
}

/* コピーライト --------------- */
#footer .copyright{
margin:0;
padding:3%;
font-size:85%;
}

/* HOMEのみ */
#footer .netop{
display:block;
padding-left:0;
}

/* ナビ --------------- */
#footer > ul{
padding:0;
letter-spacing:normal;
background:#eee;
}

#footer > ul li{
display:block;
float:left;
width:50%;
}

#footer > ul li a{
display:block;
padding:5%;
border-right:#d7d7d7 solid 1px;
border-bottom:#d7d7d7 solid 1px;
}


/* --------------------------------------------------
 Page Top
-------------------------------------------------- */
#btmPageTop{
position:relative;
width:95%;
height:auto;
right:0;
bottom:0;
padding:5% 0 5% 5%;
background-image:none;
background:#999;
text-decoration:none;
text-indent:0;
text-align:center;
color:#fff;
}

#btmPageTop:before{
position:absolute;
width:8px;
height:8px;
top:45%;
left:50%;
margin-left:-4em;
content:"";
border-right:3px solid #fff;
border-top:3px solid #fff;
border-radius:2px;
transform: rotate(-45deg);
}

/* --------------------------------------------------
 Topic Pass（パンくずリスト）
-------------------------------------------------- */
#topicPass{
display:none;
}

}