@charset "UTF-8";
/* CSS Document */

/* 1 - index
----------------------------------------------------*/
#fadebox{
	width:849px;
	min-height:100%;
	float:right;
	padding:0 4px;
	display:block;
	position:relative;
	z-index:100;
	}
.fadeboxin{
	width:849px;
	min-height:900px;/*footerの位置固定用の仮幅です*/
	height:100%;
	display:block;
}
#news {
	margin-top:64px;
	margin-bottom:2px;
	margin-left:4px;
	border-bottom:2px solid #9933FF;
	font-size:83%;
}
.whatsnew{
	width:210px;
	padding-bottom:5px;
	margin-bottom:2px;
	border-bottom:2px solid #9933FF;
	}

#news ul{
	padding:12px 0px;
}

#news .date{
	font-weight:bold;
	margin-bottom:5px
}

#news .entry{
line-height:1.8;
}

#news .entry img{
vertical-align:baseline;
}

body.starting {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#first {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  text-align: center;
  background: #000;
}

#first img {
  height: 100%;
}

#wrap_index {
  position: absolute;
  top: 0;
  left: 0;
}

/*--- グリッド用スタイル ---*/
.fadeboxin{
	clear:left;
	padding-left:2px;
}
.box{
	display:block;
	margin-left:5px;
	margin-bottom:5px;
}

.small{
	position:relative;
	width:100px;
	height:100px;
}

.large{
	position:relative;
	width:205px;
	height:205px;
}
/* 2 - Projects
----------------------------------------------------*/

/* 一覧ページ用 */

.list-frame{
	width:680px;
	float:left;
	padding:30px 20px 30px 40px;
	position:relative;
	z-index:999;
	font-size:90%;
	}

#view_navi {
	width:660px;
	height:24px;
	float:left;
	display:block;

}
.view-category {
	float:left;
	width:250px;
	height:24px;
	text-align:left;
	min-height: 24px;
	line-height: 24px;
}
.view-num {
	float:left;
	width:266px;
	margin-right:25px;
	text-align:right;
	min-height: 24px;
	line-height: 24px;
}
.view-select {
	float:left;
	width:119px;
}

#projects_list {
	width:680px;
	float:left;
	margin-top:53px;
	display:block;
	overflow: hidden;
}
#projects_list ul{
	width:150px;
	height:220px;
	float:left;
	margin-right:20px;
	display:block;
}
#projects_list li{ line-height:1.4;}
#projects_list li img{
	margin-bottom:10px;
}
#projects_list li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	margin-bottom:10px;
}
#projects_list a{ text-decoration:none;}


#progress_list {
	width:680px;
	float:left;
	margin-top:0px;
	display:block;
	overflow: hidden;
}
#progress_list ul{
	width:150px;
	height:220px;
	float:left;
	margin-right:20px;
	display:block;
}
#progress_list li{ line-height:1.6;}
#progress_list li img{
	margin-bottom:10px;
}
#progress_list li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	margin-bottom:10px;
}
#progress_list a{ text-decoration:none;}

.progress_text1{
	clear:both;
	float:left;
	line-height:1.6;
	width:200px;
	display:block;
	margin-top:50px;
}

.progress_text2{
	float:left;
	line-height:1.6;
	width:430px;
	display:block;
	margin-top:50px;
	margin-left:30px;
}

.condition_progress{
	line-height:1.7;
}


.pager{
	width:660px;
	float:left;
	padding-top:10px;
	padding-bottom:30px;
	border-top:1px solid #5B4D4D;
}
.pager span{ color:#fff; }


/* 詳細ページ用 */

#projects_detail {
	width:660px;
	text-align:left;
	padding-top:0px;
	padding-bottom:80px;
}

#projects_progress_detail {
	width:660px;
	text-align:left;
	padding-top:32px;
	padding-bottom:0px;
}

.detail_title {
	width:660px;
	text-align:center;
	margin-bottom:32px;
	font-size:140%;
	font-family: "FOT-筑紫明朝 Pro R";
	}
	
	.progress_title {
	width:660px;
	text-align:center;
	font-size:140%;
	font-family: "FOT-筑紫明朝 Pro R";
	}


.detail_text {
	margin-top:30px;
	margin-bottom:28px;
	line-height:2.2;
	text-align:justify;
        -ms-text-justify: distribute;
}

.condition {
	width:660px;
	float:left;
	font-size:93%;
	padding-bottom:13px;
	line-height:1.4;
}
.condition li{
	float:left;
	}
.p_head{
	width:50px;
	}

.p_cont{
	width:110px;
	padding-right:5px;
	}
.p_cont_last{
	width:115px;
	padding-right:0;
	}
.mb80{ margin-bottom:80px;}


/*-- 英語 --*/
.en_p_head{
	width:85px;
	padding-right:5px;
	}

.en_p_cont{
	width:60px;
	padding-right:15px;
	}
.en_p_cont_last{
	width:75px;
	padding-right:0;
	}
	
/*-- 中国語 --*/
.cn_condition {
	width:720px;
	float:left;
	margin-bottom:80px;
	font-size:93%;
}
.cn_p_head{
	width:70px;
	}

.cn_p_cont{
	width:85px;
	padding-right:15px;
	}
.cn_p_cont_last{
	width:70px;
	padding-right:0;
	}



.photo_frame {
	width:660px;
	margin-top:50px;
	line-height:2.2;
	display:block;
}

.photo_frame .box {
	width:auto;
	margin:50 auto 0 auto;
	text-align:center;
}
.photo_frame .box img{
	padding-bottom:10px;
}
.main_image{
	text-align:center;
}

.back{
	display:block;
	padding-left:30px;
	padding-top:15px;
}
/* 3 - Profile
----------------------------------------------------*/

/*profile-common*/

.bg_philosophy{
	width:740px;
	min-height:923px;
	display:block;
	background:url(../_images/profile/bg_philosophy.jpg) no-repeat right 110px;
	/*background-attachment:fixed;*/
}

.bg_philosophy2{
	width:740px;
	min-height:923px;
	display:block;
	background:url(../_images/profile/bg_philosophy2.jpg) no-repeat right 110px;
	/*background-attachment:fixed;*/
}

.bg_carrer{
	width:740px;
	min-height:940px;
	display:block;
	background:url(../_images/profile/bg_carrer.jpg) no-repeat right 0px;
	/*background-attachment:fixed;*/
}

.bg_carrer_2{
	width:740px;
	min-height:940px;
	display:block;
	background:url(../_images/profile/bg_carrer_test.jpg) no-repeat right 0px;
	/*background-attachment:fixed;*/
}

.bg_award{
	width:740px;
	min-height:840px;
	display:block;
	background:url(../_images/profile/bg_award.jpg) no-repeat right 0px;
	/*background-attachment:fixed;*/
}


.pagename{
	font-size:150%;
	padding:10px 0;
	}


/*Profile_philosophy*/
.philo_name{
	width:660px;
	font-size:120%;
	font-weight:bold;
	padding:40px 0;
	}
.philo_text{
	line-height:2.6;
	}
.sign{
	width:100%;
	padding-top:100px;
	}

/*Profile_carrer*/

.prof-name{
	width:660px;
	padding:50px 0 35px 0;
	}

.cv{line-height:2.8em;}

.career_list {
	min-height:100%;
	margin-top:50px;
	line-height:1.8em;
}
.career_list dl{
	padding-bottom:11px;
}
.career_list dt{
	float:left;
}
.career_list dd{
	margin-left:4em;
}


/*Profile_award*/

.award_list {
	min-height:100%;
	margin-top:30px;
}
.award_list dl{
	padding-bottom:17px;
	line-height:1.7em;
}
.award_list dt{
	float:left;
}
.award_list dd{
	margin-left:4em;
}

/*Profile_exhibition*/

/*Profile_column*/
/*list*/
.column_list {
	width:660px;
	min-height:896px;
	display:block;
	text-align:left;
	font-size:93%;
	padding-top:25px;
}
.column_index{
	margin-top:45px;
	margin-right:18px;
    float: left;
	min-height: 30px;
	line-height: 30px;
}
.column_title{
	margin-top:45px;
	margin-right:20px;
    float: left;
	min-height: 30px;
	line-height: 30px;
}
.column_margin{
	margin-top:45px;
	margin-right:15px;
	float: left;
	min-height: 30px;
	line-height: 30px;
}

.column_index{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	color:#ffffff;
    font-size:250%;
}


/*detail*/
.column_detail {
	width:660px;
	min-height:872px;
	display:block;
	padding-top:45px;
	font-size:93%;
}
.column_detail a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}
.lead {
	width:660px;
	float:left;
	display:block;
	margin-bottom:45px;
}
.prev {
	width:45px;
	height:45px;
	float:left;
}
.next {
	width:45px;
	height:45px;
	float:left;
}
.pagetitle {
	width:570px;
	min-height: 45px;
	line-height: 45px;
	float:left;
	display:block;
	text-align:center;
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	color:#ffffff;
	font-size:200%;
}

.column_text {
	width:280px;
	float:left;
	display:block;
	padding-right:20px;
	padding-bottom:20px;
	line-height:2.8;
	text-align:justify;
        -ms-text-justify: distribute;
}

.column_text_no_image {
	float:left;
	display:block;
	padding-right:0px;
	padding-bottom:20px;
	line-height:2.8;
	text-align:justify;
        -ms-text-justify: distribute;
}

.column_img{
	width:360px;
	float:right;
	padding-bottom:20px;
}

.column_title{
	font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
	color:#C2C2C2;
    font-size:133.3%;
}
.column_title a{
color:#C2C2C2;
text-decoration:none;
}
.column_title a:hover{
color:#6B6161;
text-decoration:none;
}
.column_title a:active{
color:#C2C2C2;
text-decoration:none;
}

.back_list{
	padding-top:80px;
	}


/*Company*/

.company_photo{
	margin-top:10px;
	}
.company_title {
	margin-top:40px;
	font-size:150%;
	font-family: "FOT-筑紫明朝 Pro R";
}
.company_text {
	margin-top:23px;
	margin-bottom:5px;
	line-height:2.4;
	text-align:justify;
        -ms-text-justify: distribute;
}



/*Publications*/

.public_category {
	padding-top:10px;
	font-size:160%;
	padding-bottom:45px;
	font-family: "FOT-筑紫明朝 Pro R";
	}

.public_box {
	width:660px;
	float:left;
	padding-bottom:55px;
}

.public_box .thumnail {
	width:128px;
	float:left;
	margin-right:22px;
	display:block;
}
.public_box .entryarea {
	width:510px;
	float:left;
	line-height:1.6;
}
.entryarea h3{
	font-size:130%;
	}
.entryarea p{ font-size:90%}
.entryarea .publisher{ padding:9px 0; }


/*News*/

#news_cont {
	width:660px;
	min-height:817px;
	margin-left:320px;
	display:block;
	text-align:left;
	font-size:93%;
	padding-top:45px;
	padding-bottom:100px;
}

.news_list {
	min-height:100%;
	margin-top:50px;
}
.news_list dl{
	padding-bottom:40px;
	line-height:1.8;
}
.news_list dt{
	float:left;
}
.news_list dd{
	margin-left:8em;
}

/*Company_outline*/

.outline_list {
	min-height:100%;
	margin-top:30px;
}
.outline_list dl{
	padding-bottom:17px;
	line-height:1.7em;
}
.outline_list dt{
	float:left;
}
.outline_list dd{
	margin-left:10em;
}

.office_name {
	margin-top:40px;
	font-size:120%;
	font-family: "FOT-筑紫明朝 Pro R";
}
.office_text {
	margin-top:13px;
	margin-bottom:5px;
	line-height:2.2;
}

.map_canvas{
	width:660px;
	padding-top:10px;
	line-height:220%;
	font-size:90%;
	color:#fff;
	}
/*Contact*/
.cont-lead{
    width:100%;
    padding-top:20px;
    padding-bottom:15px;
    line-height:1.5;
    }

.form_in{
    width:660px;
    float:left;
    display:block;
    padding:25px 0 5px 0;
}

.form_in dl{
    width:660px;
    float:left;
    display:block;
    padding:0 0 15px 0;
}

.form_in dt{
    width:170px;
    float:left;
}

.form_in dd{
    width:490px;
    float:left;
}

.btn{
    width: 660px;
    float:left;
    padding-top: 15px;
	text-align:center;
}


.telfax{
	line-height:1.5;
	padding:5px 0;
	font-weight:bold;
	color:#FFF;
	font-size:110%;
	}

.confirm-text{ line-height:200%; padding:10px 0;}
.thx-text{ font-size:120%; font-weight:bold; padding:20px 0; }
.cont-mail{ padding-top:10px; }