@charset "utf-8";


@-webkit-keyframes fadein {

	0%	{
	opacity: 0;
	background-color:#000;
	}
	100%	{
	opacity: 1;
	background-color:#000;
	}
}
/*
GLOBAL
***************************************************************************/
html {
	overflow-y: scroll;
	
}

body {
	width: 100%;
	min-width:100%;
	height: auto;
	text-align: left;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.8;
	background:#FFF;
}

body#pg_fadein {
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
}
/*
DEFAULT
***************************************************************************/
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin: 0;
	padding: 0;
}

.clearfix {
	>width: 100%;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	content: "";
	zoom: 1;
}

li {
	list-style-type: none;
}

/* ▼LINK▼ */
a {
	color:#ffffff;
	text-decoration: none;
	outline: none;
}

a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* ▼IMG▼ */
img {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
}

a:hover img, input[type="image"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.no_filter a:hover img, .no_filter input:hover,
a.no_filter:hover img, input.no_filter:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}


#maximage{
    position:fixed !important;
}

/*
HEADER
***************************************************************************/
#wrapHead{
	width:100%;
	height:46px;
position:fixed;

	
}
header{

	padding-top:3px;
	
}
	.hinner{
		margin:0 90px;
	padding-top:8px;}

.nav{
	float:right;
	width:500px;
}

.nav ul{
	width:500px;
	margin:0 auto;
	padding:20px 0;}


.nav li {
	display:inline;
	
}
.nav li a{
	display:inline;
	margin:0px 7px 0px 7px;
	
}

.nav li:nth-child(2){
	margin-right:0px;
}


.logo{
	float:left;
	width:219px;
	margin-left:20px;
}

/*
CONTENTS
***************************************************************************/

.ccbox{
	width:100%;
	height:410px;
	position:absolute;
	top:15%;
	right:30%;
	}

.box01{
	width:429px;
	height:476px;
	margin:0 auto;
}


#content{
	position:relative;
}

#wrapLinkarea{
	position:fixed;
	bottom:40px;
	left:0;
	width:100%;
	background:#000000;
	filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
	padding:10px 0;
}


#linkArea{
	width:980px;
	margin:0 auto;
}

#linkArea li{
	float:left;
	display:inline;
	margin-right:30px;
}
/*
文字スクロール
***************************************************************************/
#marquee{
    overflow:hidden;
}
#marquee div{
	padding-top:4px;
    width:600px;
    text-align: left;
    display:inline-block;
    white-space:nowrap;

    -moz-animation-duration: 15s;
    -moz-animation-name: marquee;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -webkit-animation-duration: 15s;
    -webkit-animation-name: marquee;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -ms-animation-duration: 15s;
    -ms-animation-name: marquee;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    -o-animation-duration: 15s;
    -o-animation-name: marquee;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
}
@-webkit-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-moz-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-ms-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
@-o-keyframes marquee {
    from {margin-left: 100%; width: 100%; }
    to { margin-left: -100%; width: 100%; }
}
/*
FOOTER
***************************************************************************/
#wrapFoot{
	width:100%;
	background-color:#FFF;
	position:fixed;
	bottom:0;
	left:0;
	height:36px;
}

footer{

	margin:0 9px 0 0px;
	padding-top:8px;
}

footer ul{
	float:left;
	width:500px;
	margin-left:20px;
}

footer li{
	display:inline;
	margin-right:50px;
	font-size:13px;

}
footer li a{
	color:#666;
	font-size:13px;
}

#copyright{
		display:inline;
	float:right;
	padding:4px 0;
	font-size:11px;
	color:#666;
	margin-right:10px;
}


/*
LOADING
***************************************************************************/
.loadingWrap{
    width: 100%;
    height: 100%;
    background:#c30b0b;
    position: fixed;
    top: 0;
    left: 0;
}
.loadingWrap img{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}

/*
ABOUT
***************************************************************************/
.abbox{
	width:100%;
	height:460px;
	position:absolute;
	top:18%;
	right:30%;
	}

.box01{
	width:400px;
	height:460px;
	margin:0 auto;
}


/*
仕事はぼうけんだ
***************************************************************************/
.rctbox{
	width:100%;
	height:315px;
	position:absolute;
	top:15%;
	right:30%;
	}


/*
採用
***************************************************************************/
.sybox{
	width:100%;
	height:315px;
	position:absolute;
	top:41%;
	right:0%;
	}


.gaiyo{
	width:798px;
	height:135px;
	margin:5px auto;

}

.box04{
	width:798px;
	height:315px;
	margin:0 auto;
	background-image:url(../saiyo/images/title.png);
	background-repeat:no-repeat;

}

.box04 ul{
	width:422px;
	height:235px;
		padding-top:60px;
}

.box04 li{
	float:left;
	margin-left:60px;

}



/*
PROF
***************************************************************************/
.box02{
	width:960px;
	margin:150px auto;
}


.next{
		width:118px;
	height:138px;
	position: fixed;
	top:40%;
	right:90%;
	}
	
	
	

.retune{
		width:118px;
	height:138px;
	position: fixed;
	top:40%;
	left:90%;
	}
/*
MOVIE
***************************************************************************/
.movie_box{
	height:500px;
	margin:30px auto;
}

.movie_list{
	margin:0 40px;
}

.movie_list li{
	float:left;
	width:238px;
	font-size:12px;
	padding-bottom:30px;
	border-bottom:solid 1px #555555;
	margin:0 25px 30px;
	
}

/*
COMPANY
***************************************************************************/

.com-box{
	position:absolute;
	top:16%;

	width:800px;
	
}

.tbl01{
	widht:600px;
	margin:0 auto;
}

.tbl01 th{
	width:100px;
	padding:5px;
	border-right: solid 4px #FFF;
	vertical-align:top;
	text-align:left;
	font-size:15px;
}
.tbl01 td{
	padding:5px;
	width:370px;
	font-size:15px;
}



/*
CONTACT
***************************************************************************/
.ctbox{
	width:100%;
	height:100px;
	position:absolute;
	top:30%;

}


.tbl02{
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
}

.tbl02 td{
	width:50%;
}

input[type="text"],textarea{
	background:url(../irai/images/input_bg.png) repeat;
	height:30px;
	width:95%;
	border:solid 1px #5a5a5a;
}

textarea{
	height:155px;
}
	
	
#container{
	width:800px;
	margin:30px auto;}	
/*
COMMON PARTS
***************************************************************************/
/* ▼display▼ */
.block { display:block!important; }
.inline { display:inline!important; }
.none { display:none!important; }

/* ▼position▼ */
.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

/* ▼width▼ */
.w10per { width:10%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w33per { width:33%; }
.w34per { width:34%; }
.w35per { width:35%; }
.w40per { width:40%; }
.w50per { width:50%; }
.w60per { width:60%; }
.w65per { width:65%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w80per { width:80%; }
.w90per { width:90%; }

.w450{ width:450px;}

/* ▼square▼ */
.mb140 { margin-bottom:140px!important; }
.mb100 { margin-bottom:100px!important; }
.mb80 { margin-bottom:70px!important; }
.mb75 { margin-bottom:75px!important; }
.mb70 { margin-bottom:70px!important; }
.mb65 { margin-bottom:65px!important; }
.mb60 { margin-bottom:60px!important; }
.mb55 { margin-bottom:55px!important; }
.mb50 { margin-bottom:50px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb27 { margin-bottom:27px!important; }
.mb25 { margin-bottom:25px!important; }
.mb22 { margin-bottom:22px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }
.mb3 { margin-bottom:3px!important; }
.mb0 { margin-bottom:0!important; }

.mlr90 { margin-left:90px!important; margin-right:90px!important; }
.mlr60 { margin-left:60px!important; margin-right:60px!important; }
.mlr55 { margin-left:55px!important; margin-right:55px!important; }
.mlr50 { margin-left:50px!important; margin-right:50px!important; }
.mlr45 { margin-left:45px!important; margin-right:45px!important; }
.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr35 { margin-left:35px!important; margin-right:35px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr24 { margin-left:24px!important; margin-right:24px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr12 { margin-left:12px!important; margin-right:12px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr8 { margin-left:8px!important; margin-right:8px!important; }
.mlr6 { margin-left:6px!important; margin-right:6px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mlr3 { margin-left:3px!important; margin-right:3px!important; }
.mlr1 { margin-left:1px!important; margin-right:1px!important; }
.mlr-5 { margin-left:-5px!important; margin-right:-5px!important; }

.mlr_auto { margin-left:auto!important; margin-right:auto!important; }

.mr65 { margin-right:65px!important; }
.mr45 { margin-right:45px!important; }
.mr40 { margin-right:40px!important; }
.mr35 { margin-right:35px!important; }
.mr30 { margin-right:30px!important; }
.mr25 { margin-right:25px!important; }
.mr20 { margin-right:20px!important; }
.mr15 { margin-right:15px!important; }
.mr10 { margin-right:10px!important; }
.mr8 { margin-right:8px!important; }
.mr5 { margin-right:5px!important; }
.mr0 { margin-right:0px!important; }
.mr-4 { margin-right:-4px!important; }

.ml300 { margin-left:300px!important; }
.ml45 { margin-left:45px!important; }
.ml40 { margin-left:40px!important; }
.ml35 { margin-left:35px!important; }
.ml30 { margin-left:30px!important; }
.ml25 { margin-left:25px!important; }
.ml20 { margin-left:20px!important; }
.ml15 { margin-left:15px!important; }
.ml10 { margin-left:10px!important; }
.ml5 { margin-left:5px!important; }
.ml0 { margin-left:0px!important; }
.ml-3 { margin-left:-3px!important; }
.ml-10 { margin-left:-10px!important; }
.ml-45 { margin-left:-45px!important; }
.ml-50 { margin-left:-50px!important; }

.mt90 { margin-top:90px!important; }
.mt55 { margin-top:55px!important; }
.mt50 { margin-top:50px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt15 { margin-top:15px!important; }
.mt10 { margin-top:10px!important; }
.mt5 { margin-top:5px!important; }
.mt2 { margin-top:2px!important; }
.mt-5 { margin-top:-5px!important; }
.mt-20 { margin-top:-20px!important; }

.p25 { padding:25px!important; }
.p20 { padding:20px!important; }
.p10 { padding:10px!important; }
.p5 { padding:5px!important; }
.p0 { padding:0!important; }

.pb70 { padding-bottom:70px!important; }
.pb65 { padding-bottom:65px!important; }
.pb60 { padding-bottom:60px!important; }
.pb50 { padding-bottom:50px!important; }
.pb40 { padding-bottom:40px!important; }
.pb35 { padding-bottom:35px!important; }
.pb20 { padding-bottom:20px!important; }
.pb15 { padding-bottom:15px!important; }
.pb10 { padding-bottom:10px!important; }
.pb0 { padding-bottom:0!important; }

.pt50 { padding-top:50px!important; }
.pt40 { padding-top:40px!important; }
.pt15 { padding-top:15px!important; }

/* ▼font▼ */
.f12{ font-size:12px!important;}

/* ▼color▼ */
.red{ color:red;}



.w600{
	width:600px!important;}