body{
	font-size:12px;
	width:100%;
	}

/* ▼画面一杯に描画する */
html,body {
   margin:0px; padding:0px; height:100%;
}
/* ▼ボックスの高さを最低でも1画面分にする */
div.pagebox {
	width:100%;
}
/* -------------------- */
/* ▼メニューバーの作成 */
/* -------------------- */
#mainNavigation {
   /* ▼ページの上部一杯に固定する */
   top: 0;
   left: 0;
   width: 100%;
   /* ▼背景を白色にして40％ほど透過させる */
   background-color: white; /* ←背景色 */
   opacity: 1.0;            /* ←不透明度 */
   /* ▼メニューを真ん中に寄せる */
   text-align: center;
   z-index:2;
}
#mainNavigation ul {
   /* ▼余計な余白を削除 */
   margin: 0px;
   padding: 0px;
   /* ▼リストの先頭記号を削除 */
   list-style-type: none;
}
/* ------------------------------ */
/* ▼メニュー項目(ボックス)の作成 */
/* ------------------------------ */
#mainNavigation ul li {
	display: inline-block; /* 各項目を横方向に並べる */
	   *display:inline; *zoom:1; /* 上記のIE7対策 */
	   text-indent: -9999px;
}

#mainNavigation ul li a {
		background:url(../img/common/_gnavi.png);
	width:140px;
	height:100px;
}

#mainNavigation ul li.navi2 a {
	background-position: -140px 0;
	width: 140px;
}

#mainNavigation ul li.navi3 a {
	background-position: -280px 0;
	width: 140px;
}

#mainNavigation ul li.navi4 a {
	background-position: -420px 0;
	width: 140px;
}

#mainNavigation ul li.navi5 a {
	background-position: -560px 0;
	width: 140px;
}

#mainNavigation ul li.navi6 a {
	background-position: -700px 0;
	width: 140px;
}
/*ヘッダー固定した分スクロールの位置がずれないように
.scroll_fix {
    margin-top:-100px;
    padding-top:100px;
}*/
/* ---------------------------- */
/* ▼メニュー項目(リンク)の位置 */
/* ---------------------------- */
.navi2 a:link {
	background-position: -140px;
}
/* ---------------------------- */
/* ▼メニュー項目(リンク)の装飾 */
/* ---------------------------- */
#mainNavigation ul li a {
   text-decoration: none;  /* リンクの下線を消す */
   display: block;
   color: black;            /* リンクの文字色 */
}
#mainNavigation ul li a:hover {
   /* ▼リンクの上にマウスが載った際に装飾を変更 */
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
    color: white;
}

.current{
   background-color: red;
}

/*フッター*/
.footer_bg{
	background-color:black;
}
.footer_rogo{
	width: 310px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
	text-align: center;
	padding: 15px 0 15px 0;
}
.record{
	color:#FFF;
	font-size:12px;
	text-align:center;
	}
.record a{
	color:#FFF;
	}
.record a:hover{
	color:#7fffd4;
	}
.copyright{
	color:#FFF;
	font-size:12px;
	text-align:center;
	}

/* ▼各画面の装飾(背景色) */
/* =========================================================
共通
========================================================= */
.bg_color {
	background-color: #F0EFEC;
}

.inner_box{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding: 75px 0 150px 0;
}
.footer_inner_box
{
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px 0 50px 0;
}
/*リンクの点線破線を消す*/
a:focus, *:focus { outline:none; }
/*スクロールの位置調整のための*/
.top_scroll_fix{
	position: relative; top:-175px;
}

/* =========================================================
bigbnr
========================================================= */
div#bigbnr {
	margin-top:10px;
}
/*薄いグレー罫*/
.border_bigbnr{
	border: #e6e6e6 solid 1px
}

/* =========================================================
service
========================================================= */
div#service {
}

.index-service-title{
	margin-top: 0px;
	margin-bottom: 0px;
}

.index-service-cont{
	font-size: 0;
	margin-top: 56px;
	margin-bottom: 0px;
}

.index-service-cont-half{
	display: inline-block;
	width: 375px;
	padding-right: 31px;
	padding-left: 31px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.index-service-cont-half:first-child{
	margin-left: 54px;
}

.index-service-cont-head{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
}

.index-service-cont-img{
	margin-top: 19px;
	margin-bottom: 0px;
}

.index-service-cont-text{
	color: #222222;
	font-size: 12px;
	text-align: left;
	line-height: 23px;
	letter-spacing: normal;
	font-weight: normal;
	margin-top: 24px;
	margin-bottom: 0px;
}

.index-service-cont-btn{
	text-align: center;
	margin-top: 28px;
	margin-bottom: 0px;
}

.index-service-cont-btn:hover{
	opacity: 0.6;
}

.index-service-work{
	margin-top: 84px;
	margin-bottom: 0px;
}

.index-service-work-head{
	text-align: center;
	margin-top: 28px;
	margin-bottom: 0px;
}

.index-service-work-text{
	color: #222222;
	font-size: 12px;
	text-align: center;
	line-height: 23px;
	letter-spacing: normal;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 37px;
}

/* =========================================================
works
========================================================= */
div#works {
}

/* =========================================================
company
========================================================= */
div#company {
}

/* =========================================================
map
========================================================= */
div#map {
}

/* =========================================================
policy
========================================================= */
div#policy {
}

/* =========================================================
contact
========================================================= */
div#contact {
}

/* =========================================================
footer
========================================================= */
div#footer {
	background-color: #000;
}

#header {
	text-align: center;
	padding: 40px 0 20px 0;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
}
}

.content {
	width: 970px;
	margin:auto;
}

#works_slider{
	width: 897px;
	z-index: 1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.works_slider{
	width:857px;
	margin:auto;
}


/*トップ==================================*/
.content_center{
      text-align: center;
}
.content_right{
   text-align: right;
}

.policy_txt{
   width: 47%;

}
.width_49{
   width: 49%;
}
.width_50{
   width: 50%;
}
.width-auto{
   width: auto;
}
.padding_left_20{
   padding-left: 20px;
}

.margin_right_20{
   margin-right: 20px;
}
.company_txt_area{
   background-color: #fff;
   padding: 70px;
}

/*common==================================*/
.mar-top_150{
      margin-top: 150px;
}
.mar-top_100{
      margin-top: 100px;
}
.mar-bottom_100{
      margin-bottom: 100px;
}
.mar-bottom_50{
      margin-bottom: 50px;
}
.mar-bottom_75{
      margin-bottom: 75px;
}
.mar-bottom_200{
      margin-bottom: 200px;
}
.mar-bottom_25{
      margin-bottom: 25px;
}
.padding_top_50{
   padding-top: 80px;
}

.bottan_01{
   font-size: 16px;
   letter-spacing: 0.5em;
   padding: 15px 20px 15px 28px;
   margin-left: auto;
   margin-right: auto;
   border: 1px solid black;
}

.float_left{
   float: left;
}
.float_right{
   float: right;
}

.clear-fix{
   clear: both;
}

.margin-center{
   margin-left: auto;
   margin-right: auto;
}

.margin-auto_left{
   margin-left: auto;
}
.margin-auto_right{
   margin-right: auto;
}
.boader_right{
   border-right: 1px solid black;
}
.margin-left_5px{
   margin-left: 5px;
}

/*会社概要の表==================================*/
.company_table{
	text-align: left;
	font-size: 12px;
}
.company_table td{
	padding: 0 0 10px 0;
}
.company_table .company_table_title td{
	padding-top: 15px;
}
.company_table .company_table_title:first-child td{
	padding-top: 0px;
}

 .company_table_last{
 padding-bottom: 0; !important;
 }
 .company_table_last_r{
	text-align: right;
	padding-bottom: 0; !important;
	}
.profile_sel{
   width: 120px;
}
.day_sel{
   width: 150px;
}
.line-height155{
	line-height:155%;
}
.line-height180{
	line-height:180%;
}
.vertical-align_top{
	vertical-align:top;
}

/*タブ実験==================================*/
*{margin:0;padding:0;}
body{padding:0px;}
#tab-box ul {
width:500px;
margin:0 10px;
padding: 0;
list-style: none;
}
#tab-box ul li {
margin-right:3px;
float:left;
display:inline;
font-size:0;
}
#tab-box ul li a img{
outline:none;
border:none;
}
#tab-box div {
display:none;
width:500px;
margin-bottom:30px;

}
.clearFix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
zoom:1;
}
/*タブ実験==================================*/

.main_li {
	width: 700px;
}

/*タブ==================================*/
.full_content {
	width:911px;
	height:380px;
	position:relative;
	margin:0 auto;
	clear:both;
}
.serbvice_li{
	width:260px;
	height:240px;
	float:left;
	list-style:none;
	margin-right:63px;
	text-align:center;
	display:block;
	cursor: pointer;
	color:#FFF;
}

.serbvice_li_last{
	width:260px;
	height:244px;
	float:left;
	list-style:none;
	text-align:center;
	display:block;
	cursor: pointer;
	color:#FFF;
}

ul li:first-child {
	margin-left:0;
}
ul {
	padding:0;
	margin:0;
}
/*タブ==============================
.active , .hover {
	background:#6CC;
	font-weight:bold;
}
====*/
.content {
	width: 478px;
	height: 320px;
	background: #FFF;
	top: 295px;
	left: 0px;
	position: absolute;
}
/*works詳細*/
#works_detail_slider{
	width: 856px;
	z-index: 1;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;}

.bx-pager{
	text-align:center;
	margin-top:10px;
}
.bx-pager a img {
	opacity: 0.5;
	filter: alpha(opacity=50);

}

.bx-pager a.active img {
opacity: 1;
filter: alpha(opacity=100);
}
/*works_詳細ページ*/
.media_name{
	font-size:16px;
	margin-bottom:20px;
}
.company_name{
	font-size:14px;
	margin-bottom:40px;
	}
.media_samary{
	font-size:12px;
	line-height:180%;
	margin-bottom:30px;
}
.media_category{
	font-size:12px;
	margin-bottom:30px;

}
.media_url{
	font-size:12px;
	border:#000 solid 1px;
	padding:10px;
	width:15em;
	margin-left:auto;
	margin-right:auto;

}