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


	@import url(https://www.google.com/fonts/specimen/Oswald);

body{
	-webkit-text-size-adjust: 100%;
	margin:0;
	padding:0;
	width:100%;
        /*height:100%;	*/
	font-size:14px;
	
	/*font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;*/
	font-family: 'Oswald', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-weight:300;
	position:absolute;
	
}




#worningbox {
	/*
line-height: 0;
*/
}
#worningbox span{
background-color: #808080;
display: inline-block;
vertical-align: center;
height:24px;
padding-left: 0.5em;
padding-right: 0.5em;
}

img{
	vertical-align:top;
	border:none;
	margin:0;
	padding:0;
}

#wrapper{
	width:100%;
	position:relative;
	background:url(../img/common/bg.jpg) left top;
	/*min-width: 980px;*/
	min-width: 920px;
}

.webfont{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 1.5;
	color:#010101;
}

dl,dt,dd,ul,li,li a,a{
	margin:0;
	padding:0;
	text-decoration:none;
	list-style-type:none;
	/* color:black; */
}
/*
フォームエリア共通
*******************************/
input[type="radio"] {
    border: 0px;
}
input,textarea{
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	font-weight:200;
	font-size: 16px;
}


/*
header
*******************************/

header{
	width:100%;
	background-color:#FFF;
	position:relative;
}

header .contents_block{
	height:50px;
	max-width:1200px;
	margin:0 auto;
}

.logo{
	width:177px;height:37px;
	padding:5px 0 0 15px;
	float:left;
}

.logo:hover{
	opacity:1;
	-webkit-animation:menu_hover 0.8s cubic-bezier(0.590, 0.220, 0.305, 1.000);
	animation:menu_hover 0.5s cubic-bezier(0.590, 0.220, 0.305, 1.000);
}

#menu{
	left: 50%;
	list-style:none;
	/*width:630px !important;
	margin-left:-295px;*/
	width: 600px;
	margin-left: -261px;
	padding-top:23px;
	position:absolute;
}
.ie8  #menu{
}


#menu li{
	padding:0 14px;
	margin:0;
	border-right:1px solid black;
	float:left;
}

#menu li .webfont{
	font-weight:400;
	line-height:1;
	margin:0;
}

#menu li#menu_contact{
	border:none;
	
}

#menu li  a>p{
color:#000;
}
#menu li>p{
	color:#D0D0D0;
}
#menu li a:hover p{
	
	opacity:1;
	-webkit-animation:menu_hover 0.8s cubic-bezier(0.590, 0.220, 0.305, 1.000);
	animation:menu_hover 0.5s cubic-bezier(0.590, 0.220, 0.305, 1.000);
}

@-webkit-keyframes menu_hover{
	0%{opacity:0;}
  100%{opacity:1;}
}

@keyframes menu_hover{
	0%{opacity:0;}
  100%{opacity:1;}
}

.social{
	width:175px;
	float:right;

	/*padding-right:5px;*/
}
.social .webfont{
	font-size:10px;
	margin-top: 15px;
	font-weight:400;
	color:#5B5B5B;
}
.social_btn{
	/* width:100px; */
	width:30px;
	margin-top:10px;
	float:right;
	line-height:1;
}
.social_btn img{
	margin-top: 4px;
}
.social_btn:hover{
	opacity:1;
	-webkit-animation:menu_hover 0.8s cubic-bezier(0.590, 0.220, 0.305, 1.000);
	animation:menu_hover 0.5s cubic-bezier(0.590, 0.220, 0.305, 1.000);
}

.social_btn.left{
	height:29px;
	float:left;
	/* margin-right:10px; */
	
}
.social_btn.left .webfont{
	margin-left:33px;
	
}
.social_btn.center{
	height:29px;
	float:left;
	/* margin-right:10px; */
	
}


.social_btn img{
	float:right;
}

.social_btn p.web{
	font-size:15px;
	font-weight: 500;
	padding-left:12px;
}

.social_btn.right{
	height:19px;
	/*padding-top:5px;*/
	float:left;
}

.social_btn.right .webfont{
	/*line-height:1;*/
	padding-left:12px;
}

/*
contents
*******************************/

#main{
	width:100%;
	padding:70px 0;
}

#main .contents_block{
	width:880px;
	margin:0 auto;
	padding-top:70px;
	padding-left:20px;
	padding-right:20px;
}

/*
footer
*******************************/

footer{
	width:100%;
	margin:0 auto;
	padding:5px 0;
	background-color:#FFF;
	bottom: 0;
	top: auto;
	position: absolute;
	
}

footer .webfont{
	text-align:center;
	margin:0;
	font-weight: 300;
}

/********************************/


.clear_fix{
	zoom:1;
}

.clear_fix:after{
	content:"";
	display:block;
	clear:both;
	font-size:0;
	line-height:0;
	visibility:hidden;
}
/********************************/

@media screen and (max-width:980px){
	

	/*#menu{
		position:inherit;
		margin-left: 269px;
	}
	
	.social{
		top: 0px;
		margin-left: 751px;
		right:inherit;
		float:none;
		position: absolute;
	}
	
	footer{
		width:100%;
		right:inherit;
	}*/
}