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

/* ----------------------------------------------------- */
/* --base-- */
* {
	margin: 0;
	padding: 0;

}

body{
    font-size:16px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" ;
	color:#000;
    background:#FFF;
    text-align:center;
	padding:0;
	max-height: 999999px; /* Android Chrome用 ※文字が大きくなりすぎる場合の対策　*/
}


li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}


/*
a:link{text-decoration:underline;color:#06B5B0;}
a:visited{text-decoration:underline;color:#06B5B0;}
a:hover{text-decoration:underline;color:#06B5B0;}
*/

img{border:0;margin:0;padding:0;}

header,footer,nav,section,article{
	margin:0;
	padding:0;
}

#wrapper{
	width:100%;
	margin:0 !important;
	padding:0 !important;
	text-align:center;
    overflow:hidden;
　　min-height: 100%;
　　position:relative;


}

.container{
	width:1070px;
	margin:0 auto;

}



/* header */
header#main{
	width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+36,009fe8+99 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 36%, #009fe8 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 36%,#009fe8 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 36%,#009fe8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#009fe8',GradientType=0 ); /* IE6-9 */
}




/* nav */
header#main nav{
	width:100%;
	margin:0;
    background:url(../img/h_line.gif) repeat-x;
	height:23px;
	
}




header#main nav p{
	width:1070px;
	margin:0 auto;
	text-align:left;
	padding:3px 0 2px 0;
}



header#main nav p img{
	width:150px;
	height:auto;
	
}

header#main .container{
	padding-top:3px;
	margin-bottom:32px;
	
	
}

header#main h1{
	margin:0 auto;
}

header#main h1 img{
	display:block;
	width:100%;
	height:auto;
}


time{
	display:block;
	width:100%;
	background:#F9C900;
	margin:0 auto 25px auto;
	position:relative;
	height:71px;
	
}

time h2{
	width:950px;
	position:absolute;
    top: -20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

}

time h2 img{
	display:block;
	width:100%;
	height:auto;
}



/* footer */
footer{
	width:100%;
	margin:0 auto;
	border-top:#EAEAEA 6px solid;
	padding:10px 0 0 0;
	

}


footer h2{
	margin:0 auto 5px auto;
	width:250px;
}

footer h2 img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}





footer p{
	font-size:12px;
	margin:0 auto 10px auto;
}
footer p a{
	text-decoration:none;
	color:#000;
}




footer p.copyright{
	width:100%;
	background:#636363;
	font-size:12px;
	padding-top:3px !important;
	margin:0 auto;
	color:#FFF;
	
	
}


/* ----------------------------------------------------- */
/* #SNS */
/* ----------------------------------------------------- */

#sns{
	width:100%;
	margin:0 auto 20px auto;
	text-align:center;
	padding-top:40px;
}

#sns img{
	width:35px;
	height:auto;
	margin:0 10px 10px 0;
}
/*
#sns img:last-child{
	margin-right:0;
}*/


/* ----------------------------------------------------- */
/* #drawer */
/* ----------------------------------------------------- */


#drawer{
	z-index:0;
	margin:-100px 0 0 0;
	width:1px;
	height:1px;
	overflow:hidden;
}

header#gnav{
	z-index:0;
	margin:-100px 0 0 0;
	width:1px;
	height:1px;
	overflow:hidden;
}


/* ----------------------------------------------------- */
/* main_image(下層) */
/* ----------------------------------------------------- */
#main_image{

	width:100%;
	margin:0 auto;
	clear:both;
	position:relative;
	top:-90px;
	height:70px;
	




    background-position:center top;
    background-repeat:no-repeat;
    -moz-background-size:cover;
    background-size:cover;

	padding-top:175px;
	padding-bottom:100px;	
}



/* ----------------------------------------------------- */
/* LOADER */
/* ----------------------------------------------------- */

#Loading{
	width:100% !important;
	background:#FFF !important;
	height:100% !important;
	position:absolute;
	top:0;
	left:0;
	z-index:1000 !important;
	text-align:center;
	padding:100px 0;
}

#Loader img{
	margin:30px auto;
}
	

/* ----------------------------------------------------- */
/* #pageup */
/* ----------------------------------------------------- */


#pagetop {
    position: fixed;
    right: 5px;
	z-index:2000;

}
#pagetop a {
    background:url(http://world.hughug-web.com/img/common/pagetop.png) no-repeat;
    text-decoration: none;
    width: 45px;
	height:45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
#pagetop a:hover {
    opacity:0.5;
}

/* ----------------------------------------------------- */
/* click_area */
/* ----------------------------------------------------- */

.click_area{
	cursor:pointer;
}



/* ----------------------------------------------------- */
/* clearfix */
/* ----------------------------------------------------- */

.clearfix:after{
	content: ".";
	display:block;
	clear: both;
	height:0;
	visibility: hidden;
}
.clearfix{
    display: inline-block;
}

* html .clearfix{
    height:1%;
}
.clearfix{
   display: block;
}