@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/

body,
td,
th,
input,
textarea {
	color: #ffffff;
	font: 12px/1.5 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
}

/*
a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
	color: #f48a00;
	text-decoration: none;
}
*/

a{
	color: #f48a00;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #f48a00;
}



img {
	vertical-align: bottom;
}
.img_ck {
	font-size: 1px;
	line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 only */
.clearfix {
	*zoom: 1;
}
/* old clearfix */
/*
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*/
/* Hides from IE Mac */
/*
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
*/

html,
body{
	/*width:100%;*/
	height:100%;
	/*min-height:700px;*/
	min-height: 1010px;
	width: auto;
}


/*
main
-----------------------------------------*/
#main_slide {
/*	height: 1300px;*/
	height: 100%;
	position: relative;
	overflow: hidden;
	width: auto;
}
#main_slide ul {
	width: auto;
}
#main_slide li {
	position: absolute;
	top: 0;
	height: 100%;
	width: auto;
}
#main_slide li.main_img_01 {
	left: 0;
}
#main_slide li.main_img_02 {
	left: 6500px;
}
#main_slide li.main_img_03 {
	left: 13000px;
}
#main_slide li img {
	height: 100%;
	width: auto;
}
#main_slide .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/main_mask.png) repeat;
	top:0;
	left:0;
}
#main_slide .gd{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/main_gd.png) repeat-x left bottom;
	top:0;
	left:0;
}

#main_wrap{
	height:100%;
	position:relative;
	/*min-height: 960px;*/
	min-width: 1000px;
	width:100%;
}

#main_pix{
	width:100%; 
	height:100%;
	background-color:#333;
	position:relative;
	overflow:hidden;
}

#main_wrap .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/main_mask.png) repeat;
	top:0;
	left:0;
}
#main_wrap .gd{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/main_gd.png) repeat-x left bottom;
	top:0;
	left:0;
}
#main_wrap .catchCopy{
	display: none;
	position: absolute;
	width: 276px;
	height: 376px;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}


/*
header
-----------------------------------------*/
header{
	border-top: 4px solid #b60101;
	position:fixed;
	width:100%;
	min-width:1000px;
	z-index:100;
	background-color:#000;
	text-align:right;
}
header.nav_top{	border-top: 4px solid #b60101;}
header.nav_service{	border-top: 4px solid #84b617;}
header.nav_flow{border-top: 4px solid #fa860a;}
header.nav_works{border-top: 4px solid #037fde;}
header.nav_company{border-top: 4px solid #81664e;}
header.nav_blog{border-top: 4px solid #4b96c2;}
header.nav_contact{border-top: 4px solid #ffae00;}

/**/
header .h_wrap {
	margin: 0 auto;
	position: relative;
	width: 1000px
}

header h1{}
header h1 .default{
	position:absolute;
	top:20px;
	left:20px;
	z-index:100;
}
header h1.second .default{
	position:absolute;
	top:16px;
	left:20px;
	z-index:100;
}

header h1 .change{
	position:absolute;
	top:0px;
	left:20px;
	z-index:100;
}

#nav ul{
	font-size: 0;
	/*border-top: 4px solid #b60101;*/
	overflow:hidden;
}
#nav li{
	font-size: 12px;
	display: inline-block;
	/display:inline;
	/zoom:1;
	border-left: 1px solid #25231e;
	position:relative;
	cursor:pointer;
}
#nav li a{
	display:block;
	position:relative;
}
#nav li a span.txt{
	width:100%;
	height:80px;
	display:block;
	position:absolute;
	top:-80px;
	left:auto;
}
/**/
#nav li a span.txt span{ visibility:hidden;}

#nav li.nav_top span.txt{	background-color:#b60101;}
#nav li.nav_service span.txt{	background-color:#84b617;}
#nav li.nav_flow span.txt{	background-color:#fa860a;}
#nav li.nav_works span.txt{	background-color:#037fde;}
#nav li.nav_company span.txt{	background-color:#81664e;}
#nav li.nav_blog span.txt{	background-color:#4b96c2;}
#nav li.nav_contact span.txt{	background-color:#ffae00;}

#nav li .link{
	padding: 24px 14px;
	display:block;
	position:relative;
}
.fixed {
	position:fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	margin:0;
}

/*
container
-----------------------------------------*/

#container{
	background: url(../images/bg.jpg) repeat;
	min-width: 1000px;
	width: 100%;
}
#contents_warp{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

/*
seccond_container
-----------------------------------------*/

.second_contents {
	color: #333;
	min-height: 530px;
	padding: 250px 0 0 0;
	position: relative;
}
.second_contents .read_area {
	line-height: 1.8;
	padding-bottom: 30px;
}


#title_area {
	position: absolute;
	margin-bottom: 20px;
	min-width: 1000px;
	text-align: center;
	width: 100%;
	top:72px;
	z-index:90;
	height:150px;
}
#title_area .title {
	padding:50px 0 0px 0;
}

#title_area .arrow{
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	bottom:-16px;
}


/* page_ttle */

#title_area #page_ttle{
	display: none;
	color: #FFF;
	padding: 12px 0 0 0;
	font: 14px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: 0.1em;
}

/* scroll_on */

body.scroll_on #title_area{
	position:fixed;
	height:55px;
}
body.scroll_on #title_area .title{
	display:none;
}
body.scroll_on #title_area #page_ttle{
	display:block;
}



/*
pagetop
-----------------------------------------*/
.pagetop{
	cursor: pointer;
	position: absolute;
	top: -30px;
	right: 0px;
}

/*
footer
-----------------------------------------*/
footer{
	clear: both;
	background: #000;
	color: #FFF;
	height: 130px;
	min-width: 1000px;
	padding-top: 20px;
}
footer a{
	color:#FFF;
}
footer a:hover{
	color:#C00;
}
footer .wrap{
	width: 1000px;
	margin: 0 auto;
	position:relative;
	height:130px;
}

footer .wrap .f_logo{
	display: inline-block;
	/display:inline;
	/zoom:1;
}
footer .wrap ul{
	display: inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: top;
	margin-left: 40px;
	padding-left: 40px;
	border-left: 1px solid #444138;
	padding-top: 6px;
}
footer .wrap ul li{ margin-bottom:6px;}


footer .add{ color:#a8a8a8;}
footer .copy{ color:#7a7a7a; margin-top:2px;}
footer .f_sub{
	position: absolute;
	bottom:10px;
	right:0;
	font-size:10px;
	text-align:right;
}





/*---------------------------------------------------------------------------*/

/* CMS用 */
.file {
	border-top: 1px dotted #ccc;
	margin: 15px 0;
	padding-top: 10px;
	text-align: left;
}
.file .pdf {
    background: url("../images/cms/pdf.gif") left center no-repeat;
    line-height: 30px;
    padding-left: 30px;
    padding-top: 4px;
}
.file .xls {
    background: url("../images/cms/xls.gif") left center no-repeat;
    line-height: 30px;
    padding-left: 30px;
    padding-top: 4px;
}
.file .doc {
    background: url("../images/cms/doc.gif") left center no-repeat;
    line-height: 30px;
    padding-left: 30px;
    padding-top: 4px;
}
/*---------------------------------------------------------------------------*/
a:hover.alpha{opacity:0.80;filter: alpha(opacity=80);}