@charset "UTF-8";
/*============================================================
//
//
//  目次---------------------
//  ・初期設定
//  ・共通設定
//  ・トップページ用
//
//
//
//==========================================================*/


/*============================================================
//  初期設定
//==========================================================*/
* {
	margin: 0;
	padding : 0;
}

body {
	font-family: "Verdana","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック";
	text-align: center;
	background : #999999 url(/imgcommon/header_bg.gif) repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height:120%;
}

p{
	line-height:140%;
	color:#777777;
}
/*
ul{
	list-style:none;
}
*/
a img{
	border : 0;
	text-decoration: none;
}

.test{
	border:1px solid #000000;
}

.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.clear
{
	clear: both;
	height: 0.1px;
	padding: 0;
	margin: 0;
}

/*============================================================
//  共通設定
//==========================================================*/

#header {
	margin:0 auto;
	width:760px;
	height:104px;
	text-align: left;
}

#header .logo {
	width:760px;
	height:32px;
	background : url(/imgcommon/header.gif) no-repeat;
}


#header .logo h1 {
	font-size:14px;
	color:#777777;
	text-transform: uppercase;
	text-indent:-9999px;
	padding:11px 0 0 5px;
}
#header .logo h1 a{
	display:block;
	width:335px;
	height:15px;
	text-decoration: none;
}


/*英語版*/

#header .logo-eg {
	width:760px;
	height:32px;
	background : url(/imgcommon/header-eg.gif) no-repeat;
	margin:0px;
	padding:0px;
}


#header .logo-eg h1 {
	font-size:14px;
	color:#777777;
	text-transform: uppercase;
	text-indent:-9999px;
	margin:0px;
	padding:11px 0 0 5px;
	float:left;
}
#header .logo-eg h1 a{
	display:block;
	width:335px;
	height:15px;
	text-decoration: none;
}




#header .logo ul{
	list-style:none;
	display:inline;
	margn-top:-10px;
	
	/*position:absolute;
	top:0px;
	left:100px;*/
}

#header .logo li {
	text-transform: capitalize;
	width:90px;
	height:20px;
	padding-left:2px;
	float:left;
	text-indent:-9999px;

}

#header .logo li a{
	display:block;
	width:90px;
	height:20px;
	text-decoration: none;
}


#header .lang{
	float:right;
	margin-top:5px;
	margin-right:3px;
}

/*英語*/
.lang-eg{
	float:right;
	margin-top:5px;
	margin-right:3px;
}

#header .logo li a:hover{
	background:none;
}

#header .navi {
	width:760px;
	height:30px;
	background : url(/imgcommon/navi_on.gif) no-repeat;
}
#header .navi ul{
	list-style:none;
	padding:5px 1px;
}
#header .navi li {
	text-transform: capitalize;
	width:106px;
	height:20px;
	padding-left:2px;
	float:left;
	text-indent:-9999px;

}
#header .navi li a{
	display:block;
	width:106px;
	height:20px;
	text-decoration: none;
}
#header .navi li.top a{
	background : url(/imgcommon/navi.gif) no-repeat -3px -5px;
}
#header .navi li.news a{
	background : url(/imgcommon/navi.gif) no-repeat -111px -5px;
}
#header .navi li.philosophy a{
	background : url(/imgcommon/navi.gif) no-repeat -219px -5px;
}
#header .navi li.works a{
	background : url(/imgcommon/navi.gif) no-repeat -327px -5px;
}
#header .navi li.c-info a{
	background : url(/imgcommon/navi.gif) no-repeat -435px -5px;
}
#header .navi li.recruite a{
	background : url(/imgcommon/navi.gif) no-repeat -543px -5px;
}
#header .navi li.contact a{
	background : url(/imgcommon/navi.gif) no-repeat -651px -5px;
}

#header .navi li a:hover{
	background:none;
}

#header .line {
	width:760px;
	height:42px;
}
#header .line2 {
	width:760px;
	height:42px;
}

/*============================================================
//  左メニュー
//==========================================================*/
#left-navi .module-categories {
}
#left-navi .module-categories .module-header {
	background-image: url(/imgcommon/menu_category.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#left-navi .module-categories .module-content {
	line-height: 1.8em;
	margin-bottom: 15px;
	margin-left: 5px;
}
#left-navi .module-categories .module-content .module-list-item {
	background-image: url(/imgcommon/navi_li_icon.gif);
	background-repeat: no-repeat;
	/*background-position: 0px;*/
	background-position: 0px 2px;
	text-indent: 12px;
	line-height: 1.4em;
	margin-bottom: 0.4em;
}


.works #header .line {
	background : url(/imgcommon/header_menu_on.gif) no-repeat;
	list-style-image: url(/imgcommon/navi_li_icon.gif);
}
.works #header .line p{
	text-transform: uppercase;
	text-indent:-9999px;
}
.works #header .line2 {
	background : url(/imgcommon/header_menu_on2.gif) no-repeat;
	list-style-image: url(/imgcommon/navi_li_icon.gif);
}
.works #header .line2 p{
	text-transform: uppercase;
	text-indent:-9999px;
}
#contents {
	width:100%;
	text-align: left;
	background-color: #FFFFFF;
}
#contents-inner {
	margin:0 auto;
	padding:10px 0;
	width:760px;
}
#contents-inner-etc {
	margin:0 auto;
	padding:10px 0;
	width:760px;
	display: block;
}

#site-title {
	margin-top:50px;
	padding-top:50px;
}

#left-navi {
	width: 115px;
	color: #666666;
	font-size: 10px;
	display: block;
	float: left;
	overflow: hidden;
}
#left-navi a{
	color: #666666;
	text-decoration: none;
}
#left-navi a:hover{
	color: #33CCFF;
	text-decoration: none;
}

#left-navi .module-archives {
}
#left-navi .module-archives .module-header {
	background-image: url(/imgcommon/menu_aetas.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#left-navi .module-archives .module-content {
	line-height: 1.8em;
	margin-bottom: 15px;
	margin-left: 5px;
}
#left-navi .module-archives .module-content .module-list-item {
	background-image: url(/imgcommon/navi_li_icon.gif);
	background-repeat: no-repeat;
	text-indent: 12px;
	background-position: 0px;
}
#left-navi .module-categories .module-content ul {
	list-style-type: none;
}
#ent-box .title_line {
	background-color: #999999;
	height: 1px;
	width: 620px;
	margin: 0px;
	padding: 0px;
}
#navi-logo {
	margin-top: 30px;
	margin-bottom: 10px;
}
#navi-logo .logo-box {
	background-image: url(/imgcommon/navi_bt_logo.gif);
	background-repeat: no-repeat;
	height: 66px;
	width: 102px;
	text-indent: -9999px;
	margin-left: 8px;
}

#navi-logo .logo-box_eg {
	background-image: url(/imgcommon/navi_bt_logo_eg.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 102px;
	text-indent: -9999px;
	margin-left: 8px;
}


#rec-logo {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 102px;
}
#rec-logo .logo-box {
	background-image: url(/imgcommon/navi_bt_logo.gif);
	background-repeat: no-repeat;
	height: 66px;
	width: 102px;
	text-indent: -9999px;
}

#ent-box {
	width: 620px;
	float: left;
	font-size: 12px;
	margin-left: 10px;
}

#ent-box-recruit {
	width: 730px;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}
#ent-box .com-headder {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}

#ent-box-recruit .com-headder {
}

#ent-box #com-dit-desc .desc-txt p {
	margin-bottom: 10px;
	float: left;
}

#ent-box #com-dit-desc .desc-txt-ph p {
	margin-bottom: 10px;
	float: left;
	width: 300px;
}

#ent-box #com-dit-desc .desc-txt-m p {
	width: 498px;
	float: left;
	margin-bottom: 10px;
}

#ent-box #com-dit-desc .desc-txt img {
	float: right;
	width: 198px;
}
#ent-box #com-dit-desc .desc-txt-ph img {
	float: right;
	width: 198px;
}
#ent-box #com-dit-desc .desc-txt-m a {
	color: #0099FF;
	text-decoration: underline;
}
#ent-box #com-dit-desc .desc-txt-m a hover {
	color: #FFFFFF;
}
#ent-box .dst-top a {
}
#ent-box #com-dit-ti {
	width: 87px;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 3px;
	margin-top: 10px;
	font-weight: bold;
}
#ent-box #com-dit-desc #com-dit-sti {
	width: 503px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight: bold;
}

#ent-box #com-dit-desc #com-dit-sti-m {
	width: 503px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight: bold;
}

#recruit-box .box-inner {
	margin-left: 15px;
	margin-bottom: 5px;
	text-align: center;

}

#recruit-box #box-inner #rec-dit-sti {
	width: 570px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: thin;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #869EB8;
	margin-bottom: 5px;
	margin-top: 15px;
	text-align: left;
	color: #666666;
	font-weight: bold;
}

#ent-box .dst-top img {
}

#ent-box .dst-top .dst-ph {
	border: 1px solid #CCCCCC;
}

/*
#ent-box .dst-top .dst-ph img {
	border: 1px solid #CCCCCC;
}
*/
#ent-box .title{
	color: #888888;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 10px;
}
#ent-box .title_b{
	color: #888888;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}
#ent-box .title_s {
	float: right;
	margin-top: 17px;
	margin-bottom: 5px;
}

#recruit-box {
	margin-left: 20px;
}

#recruit-box #box-inner .ss-box {
	color: #666666;
}

#recruit-box #box-inner .catch {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	line-height : 180%;
}

#recruit-box #box-inner .desc-txt-m a {
	color: #00CCFF;
	text-decoration: underline;
}
#ent-box-recruit .title_b{
	color: #888888;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}
#ent-box-recruit .title_s {
	float: right;
	margin-top: 17px;
	margin-bottom: 5px;
}
#recruit-box #box-inner .ss-ti {
	color: #869EB8;
	margin-bottom: 5px;
	margin-top: 15px;
	font-weight: bold;
}
#recruit-box #box-inner .ss-sti {
	color: #FFFFFF;
}

#ent-box .dst-top {
}
#ent-box #com-dit-desc .desc-txt {
	width: 510px;
	margin-bottom: 10px;
}

#ent-box .description{
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
#ent-box #com-dit-desc {
	line-height: 1.5em;
	color: #666666;
	padding: 10px;
}
#ent-box a{
	color: #666666;
	text-decoration: none;
}
#ent-box a:hover{
	color: #33CCFF;
	text-decoration: underline;
}

#ent-box-recruit a{
	color: #666666;
	text-decoration: none;
}
#ent-box-recruit a:hover{
	color: #33CCFF;
	text-decoration: none;
}




#ent-box .list-item {
	background-image: url(/imgcommon/ent_tit_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	font-size: 10px;
	padding-left:14px;
}
#ent-box .dtl-data-item {
	background-image: url(/imgcommon/works_dtl_data_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
	line-height:15px;
	color: #666666;
	padding-left:10px;
}

#ent-box .dtl-data-item-eg {
	background-image: url(/imgcommon/works_dtl_data_bg2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 10px;
	line-height:15px;
	color: #666666;
	padding-left:10px;
}

#ent-box .dtl-data {
	font-size: 10px;
	line-height:15px;
	color: #666666;
	padding-left:10px;
}
#ent-box #news-box {
	width: 610px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
}
#ent-box #news-box .news-dit {
	margin-bottom: 20px;
	border: 1px solid #999999;
}
#ent-box #news-box .news-dit h2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C3CFDC;
	width: 578px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	height: 50px;
}
#ent-box #news-box .news-dit h3 {
	font-size: 10px;
	color: #00CCFF;
	background-image: url(/imgcommon/icon2.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	background-position: 0px;
	margin-left: 10px;
	margin-top: 5px;
}
#ent-box #news-box .news-dit p {
	margin: 10px;
}

.works #contents-inner {
	background-image: url(/imgcommon/cont_bg.gif);
}

.works #contents-inner-etc {
	background : url(/imgcommon/top_bg.gif) repeat-y;
}


#footer {
	margin:0 auto;
	text-align: center;
	width:360px;
	height:25px;
	background : url(/imgcommon/footer.gif) no-repeat;
}
#footer p.copyright {
	position:relative;
	/*text-indent:-9999px;*/
}

/*============================================================
//  ニュース
//==========================================================*/
.box-news{
	width:608px;
	background:#F7F7F7 url(../jp/news/images/news_ttl_bg.gif) no-repeat;
}
.box-news h1{
	font-size:12px;
	font-weight:bold;
	line-height:120%;
	color:#ffffff;
	margin:5px 10px 0px 15px;
	text-align:left;
}
.box-news h2{
	font-size:10px;
	line-height:120%;
	color:#21D1FD;
	margin:25px 0px 0px 15px;
	text-align:left;
}
.box-news p{
	font-size:12px;
	line-height:140%;
	color:#666666;
	margin:10px 15px 10px 15px;
	text-align:left;
}
.box-news img{
	margin:0px 10px 0px 0px;
}


/*============================================================
//  Philosophy
//==========================================================*/
#ent-box-philosophy {
	width: 730px;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	padding-right: 15px;
	padding-left: 15px;
}

#ent-box-philosophy #philosophy-box {
	width: 730px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#ent-box-philosophy .title_b{
	color: #888888;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	float: left;
	margin-bottom: 5px;
}
#ent-box-philosophy .title_s {
	float: right;
	margin-top: 17px;
	margin-bottom: 5px;
}

.philosophy-box-inner {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C2CCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2CCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C2CCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C2CCCC;
	margin-bottom: 15px;
	margin-left: 20px;

}

.philosophy_ttl {
	text-align: left;
	font-size: 12px;
	line-height:22px;
	color: #ffffff;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 10px;
}

.philosophy_lead {
	text-align: left;
	color: #777777;
	margin-left: 10px;
	margin-bottom: 5px;
}

.philosophy_sub01 {
	background : url(/jp/philosophy/images/philosophy_sub01.gif) no-repeat;
	height:22px;	
}

.philosophy_sub02 {
	background : url(/jp/philosophy/images/philosophy_sub02.gif) no-repeat;
	height:22px;	
}

.philosophy_sub03 {
	background : url(/jp/philosophy/images/philosophy_sub03.gif) no-repeat;
	height:22px;	
}

/*英語版*/

.philosophy_sub-eg01 {
	background : url(/eg/philosophy/images/philosophy_sub-eg01.gif) no-repeat;
	height:22px;	
}

.philosophy_sub-eg02 {
	background : url(/eg/philosophy/images/philosophy_sub-eg02.gif) no-repeat;
	height:22px;	
}

.philosophy_sub-eg03 {
	background : url(/eg/philosophy/images/philosophy_sub-eg03.gif) no-repeat;
	height:22px;	
}

#op {
	width: 760px;
	height: 100%;
	text-align: center;
	background : url(swf/op.gif) repeat-y;
}