@charset "UTF-8";
/**-------------------------------------------------
1.
2.
3.
4.
5.
6.
-------------------------------------------------**/
body,div,p,ul,li,dl,dt,dd,img,a,h1,h2,h3,h4{margin:0;padding:0; border:none;}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
*{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
img{display:block;vertical-align:top;}
.none{display:none;}

a:link{color:#ffffff;text-decoration:none;}
a:visited{color:#ffffff;text-decoration:none;}
a:hover{color:#484039;text-decoration:none;}
a:active{color:#484039;text-decoration:none;}

html{font-size:62.5%;}

body{
	font-size:14px;
	font-size:1.4rem;
	color:#484039;
}

#bg{
	position:fixed;
	z-index:-1;
}

#gNav li{cursor:pointer;}

#copy,#copy small{
	clear:both;
	margin:0;
	padding:10px 0;
	color:#ffffff;
	font-size:10px;
	font-size:1.0rem;
	text-align:center;
}

.sp10{
	background:url(../img/footnav-border.png) no-repeat 0 center;
}

@media screen and (max-width: 539px) {
/*---------------     #allWrap     ---------------*/
#allWrap{
	padding:20px  20px 0 20px;
}

/*---------------     #mainWrap     ---------------*/
#mainWrap{
	clear:both;
	float:none;
	margin:0;
	padding:10px 0 0 0;
}

#mainBox{
	margin:0;
	padding:0;
	min-width:280px;
}

    #telnav{
        clear:both;
        margin: 20px 0 0 0;
        padding: 10px 0;
        min-width:280px;
        text-align: center;
        color: #ffffff;
        font-size:16px;
        font-size:1.6rem;
        font-weight: 500;
        background:rgba(149,43,80,0.9);
    }

footer{
	clear:both;
	min-width:280px;
}

#footNav{
	display:none;
}

}


@media screen and (min-width: 540px) {
/*---------------     #allWrap     ---------------*/
#allWrap{
	padding:30px 30px 0 30px;
}

/*---------------     #mainWrap     ---------------*/
#mainWrap{
	float:none;
	clear:both;
	margin:0;
	padding:10px 0 0 0;
}

#mainBox{
	margin:0;
	padding:0;
	min-width:480px;
}

    
    
        #telnav{
        clear:both;
        margin: 20px 0 0 0;
        padding: 10px 0;
        min-width:480px;
        text-align: center;
        color: #ffffff;
        font-size:16px;
        font-size:1.6rem;
        font-weight: 500;
        background:rgba(149,43,80,0.9);
    }
    
    
    
    
footer{
	clear:both;
	min-width:480px;
}

#footNav{
	position:relative;
	overflow:hidden;
	padding:10px 0 0 0;
}

#footNav ul{
	position:relative;
	left:50%;
	float:left;
	list-style:none;
	color:#ffffff;
	font-size:12px;
	font-size:1.2rem;
}

#footNav ul li{
	position:relative;
	left:-50%;
	float:left;
	display:block;
	padding:0 20px;
}

}

@media screen and (min-width: 730px) {
/*---------------     #mainWrap     ---------------*/
#mainWrap{
	clear:none;
	float:right;
	margin:0 0 0 -160px;
	padding:0;
	width:100%;
}

#mainBox{
	margin:0 0 0 190px;/* 160px + margin-left30px分 = 190px */
	padding:0;
	min-width:480px;
}

    
    
        #telnav{
        clear:both;
        display: block;
        margin: 20px 0 0 0;
        padding: 10px 0;
        text-align: center;
        color: #ffffff;
        font-size:16px;
        font-size:1.6rem;
        font-weight: 500;
        background:rgba(149,43,80,0.9);
    }
    
    
    
    
footer{
	clear:both;
}

#footNav{
	position:relative;
	overflow:hidden;
	padding:10px 0 0 0;
}

#footNav ul{
	position:relative;
	left:50%;
	float:left;
	list-style:none;
	color:#ffffff;
	font-size:14px;
	font-size:1.4rem;
}

#footNav ul li{
	position:relative;
	left:-50%;
	float:left;
	display:block;
	padding:0 20px;
}

}


@media screen and (min-width: 978px) {
/*---------------     #allWrap     ---------------*/
#allWrap{
	padding:30px 30px 0 30px;
}

/*---------------     #mainWrap     ---------------*/
#mainWrap{
	clear:none;
	float:right;
	margin:0 0 0 -228px;
	padding:0;
	width:100%;
}

#mainBox{
	margin:0 0 0 258px;/* 228px + margin-left30px分 = 258px */
	padding:0;
	min-width:646px;
}

}


@media screen and (min-width: 1200px) {
/*-------     1200px-px     -------*/
/*---------------     #allWrap     ---------------*/
#allWrap{
	padding:30px 30px 0 30px;
}

/*---------------     #mainWrap     ---------------*/
#mainWrap{
	clear:none;
	float:right;
	margin:0 0 0 -228px;
	padding:0;
	width:100%;
}

#mainBox{
	margin:0 0 0 258px;/* 228px + margin-left30px分 = 258px */
	padding:0;
	min-width:646px;
}


footer{
	clear:both;
}

    
    
            #telnav{
        clear:both;
        display: block;
        margin: 20px 0 0 0;
        padding: 10px 0;
        text-align: center;
        color: #ffffff;
        font-size:16px;
        font-size:1.6rem;
        font-weight: 500;
        background:rgba(149,43,80,0.9);
    }
    
#footNav{
	position:relative;
	overflow:hidden;
	padding:10px 0 0 0;
}

#footNav ul{
	position:relative;
	left:50%;
	float:left;
	list-style:none;
	color:#ffffff;
	font-size:14px;
	font-size:1.4rem;
}

#footNav ul li{
	position:relative;
	left:-50%;
	float:left;
	display:block;
	padding:0 20px;
}

}