@charset "UTF-8";

/*---------------------------------------------------------
   ここの中では#contentsの中のみで使用するCSSを定義する
----------------------------------------------------------*/

/*---------------------------------------------------------
    contents
----------------------------------------------------------*/

#anime{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin:20px 0;
}
#anime:after{
    content:'';
}

#anime li img{
    width:100%;
}
#anime li{
    position:absolute;
     top:0;
     left:0;
    opacity: 1;
}
#anime li.img1{
	z-index:105;
}
#anime li.img2{
	z-index:104;
}
#anime li.img3{
	z-index:103;
}
#anime li.img4{
	z-index:102;
}
#anime li.img5{
	z-index:101;
}

#flash{
	display:none;
}

#contaner h1{
	margin:10px 0;
	width:100%;
	overflow:hidden;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    height:50px;
}
#contaner h1 img{
	margin-top:-19px;
	width:600px;
	height:auto;
}

#home #contents h2,#home #contents h3{
	margin:0;
	background:none;
    height:auto;
    padding:0;
    overflow:hidden;
}
#home #contents h2 img,#home #contents h3 img{
    height:auto;
    width:400px;
}


#contents h2{
	margin:0 0 20px 0;
	background:url(../images/ttl_h2.jpg) 0 0 no-repeat;
    height:40px;
    padding:3px 0 0 4%;
    font-size:95%;
    width:96%;
}

#contents h3{
	margin:0 0 10px 0;
	width:98%;
    height:25px;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    background:url(../images/ttl_h3.jpg) 0 0 no-repeat;
    padding:3px 0 0 2%;
    font-size:90%;
    color:#ffffff;	 
}

#home #contents #video{
	width:100%;
	margin:20px auto;
}
#home #contents #video iframe{
	width:100%;
	height:auto;
}


#contents .inner .left h4,
#contents .inner .right h4{
	background:url(../images/subttl_back_long.jpg) center 0 no-repeat;
	margin:0 0 10px 0;
	padding:5px 10px;
	font-size:75%;
}	

#contents .inner .single h4,
#contents .inner .single2 h4{
	background:url(../images/subttl_back_long.jpg) center 0 no-repeat;
	margin:0 0 10px 0;
	padding:5px 10px;
	font-size:75%;
}

#contents .recruit_head p img{
	width:100%;
	height:auto;
}

#contents p{
	font-size:75%;
}


#contents .inner .single p,
#contents .inner .single2 p,
#contents .inner .left p,
#contents .inner .right p{
	position:relative;
}

#contents .inner .single p span{
	display:none;
}

#contents .inner .single2 p span{
	display:none;
}

#contents .inner .left p span,
#contents .inner .right p span{
	display:none;
}


#contents .inner ul.top_link{
	margin:0;
	width:100%;
}
#contents .inner ul.top_link li.left,
#contents .inner ul.top_link li.right{
	margin:0 0 10px 0;
}
#home #contents .inner ul.top_link img,
#home #contents .inner ul.top_link li.right img{
	width:100%;
}
#home #contents .inner .top_link img,
#home #contents .inner .top_link li.right img{
	width:auto;
}

#contents .inner{
	width:100%;
	margin:0 auto;
}

#contents .inner .left{
	margin:0;
	display:block;
	width:100%;
}
#contents .inner .right{
	margin:0;
	display:block;
	width:100%;
}
#contents .inner img{
	width:100%;
	height:auto;
	margin:0 auto;
}


#contents .inner .top_link{
	margin:0;
	width:100%;
}
#contents .inner .top_link dl.left,#contents .inner .top_link dl.right{
	margin:0 auto 10px auto;
	width:100%;
	display:block;
}

#contents .inner .top_link dt{
	margin:0 0 10px 0;
}

#contents .inner .top_link dd{
	font-size:75%;
	margin:0 10px;
}

.works_top{
	background:url(../../images/works_back2.gif) 0 bottom no-repeat;
	padding:0 0 20px 0;
	margin:0 auto 20px auto;
	width:190px;
}
.works_top p{
	line-height:0;
}

.works_top dl{
	background:url(../../images/works_back.gif) repeat-y;
}

.works_top dt{
	margin:0 15px 10px 15px;
}
.works_top dd{
	margin:0 15px 20px 15px;
	font-size:75%;
}

ol li{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left:30px;
	font-size:75%;
}

ul.sitemap {
	min-width:300px;
	display:block;
}

ul.sitemap li{
	list-style-type: disc;
	list-style-position: outside;
	margin:0 0 10px 30px;
	font-size:75%;
}

ul.sitemap li.second{
	list-style-type: disc;
	list-style-position: outside;
	margin:0 0 5px 50px;
	font-size:75%;
}
ul.sitemap li.second_end{
	list-style-type: disc;
	list-style-position: outside;
	margin:0 0 10px 50px;
	font-size:75%;
}

table th{
	border: solid 1px #d5d5d5;
	text-align:left;
	vertical-align:middle;
	background:#ebf4f9;
	width:30%;
	font-size:75%;
	font-weight:bold;
	padding:10px;
}
table td{
	border: solid 1px #d5d5d5;
	text-align:left;
	vertical-align:middle;
	width:70%;
	font-size:75%;
	padding:10px;
}

#contents .recruit{
	float:left;
	margin:0 15px 20px 0;
	display:inline;
	width:200px;
}
#contents .recruit_end{
	float:left;
	margin:0 0 20px 0;
	display:inline;
	width:200px;
}

#contents .point h4{
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	border-left:#0066cc 5px solid;
	font-size:80%;
	font-weight:bold;
}

#contents p.form_btn{
	margin:0 auto;
	text-align:center;
	padding:5px 0;
}
#contents p.form_btn img{
	width:100%;
	height:auto; 
}	

@media only screen and (min-width: 668px) {
	#contaner h1{
 	   height:auto;
 	   margin:10px 0 0 0;
	}
	#contaner h1 img{
 	   margin:0;
 	   width:auto;
	}
	#anime{
    	display:block;
    	height:380px !important;
	}

	#contents .inner .left{
		margin:0 10px 0 0;
		display:inline;
		width:300px;
		float:left;
	}
	#contents .inner .right{
		margin:0;
		display:inline;
		width:300px;
		float:left;
	}	
	#contents .inner{
		width:610px;
		margin:0 10px;
	}
	#contents .inner .left h4,
	#contents .inner .right h4{
		background:url(../images/subttl_back.jpg) 0 0 no-repeat;
		margin:0 0 10px 0;
		padding:5px 10px;
		height:20px;
		width:280px;
		overflow:hidden;
		font-size:75%;
	}
	#contents .inner .left p span,
	#contents .inner .right p span{
		position:absolute;
		right:0px;
		bottom:0px;
		display:block;
	}
	#contents .inner .single p span{
		position:absolute;
		left:536px;
		top:134px;
		display:block;
	}


	#contents .inner .single2 p span{
		position:absolute;
		left:536px;
		top:164px;
		display:block;
	}
	#contents .inner .single h4{
		background:url(../images/subttl_back_long.jpg) 0 0 no-repeat;
		margin:0 0 10px 0;
		padding:5px 10px;
		height:20px;
		width:590px;
		overflow:hidden;
		font-size:75%;
	}

	#contents .inner .single2 h4{
		background:url(../images/subttl_back_long.jpg) 0 0 no-repeat;
		margin:0 0 10px 0;
		padding:5px 10px;
		height:20px;
		width:590px;
		overflow:hidden;
		font-size:75%;
	}
	#contents .inner ul.top_link{
		width:610px;
	}
	#contents .inner ul.top_link li.left{
		margin:0 10px 10px 0;
		float:left;
		width:300px;
		display:inline;
	}
	#contents .inner ul.top_link li.right{
		margin:0 0 10px 0;
		float:left;
		width:300px;
		display:inline;
	}
	#home #contents #video{
		width:480px;
		margin:20px auto;
	}
	#home #contents #video iframe{
		width:480px;
		height:270px;
	}
	#contents .inner .top_link dl.left{
		margin:0 10px 10px 0;
		float:left;
		width:300px;
		display:inline;
	}
	#contents .inner .top_link dl.right{
		margin:0 0 10px 0;
		float:left;
		width:300px;
		display:inline;
	}
	#home #contents h2 img,#home #contents h3 img{
    	height:auto;
		width:auto;
	}
	#contents p.form_btn{
		padding:10px 0;
	}
	#contents p.form_btn img{
		width:600px;
		height:80px; 
	}	
}