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

/*共通*/

* {
	margin: 0px;
	padding: 0px;
}

html{
	font: 0.75em/1.5em "ＭＳ Ｐ明朝","ＭＳ 明朝","Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック","Osaka","serif";
	-webkit-text-size-adjust:none;
	text-justify:distribute;
	color: #444;
}

img {
	border-style: none;
}

a {  
    outline: none;  
}

a:link {
	color: #444;
	text-decoration: none;
}

a:visited {
	color: #444;
	text-decoration: none;
}

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

#main {
	padding-left: 185px;
	padding-top: 50px;
}

#main #contents {
	width:800px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
}

#contents #page {
	float: right;
	height: auto;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
}

#page #hd {
	clear: both;
	float: left;
	height: auto;
	width: 790px;
	padding-bottom: 25px;
}

#page #hd2 {
	clear: both;
	float: left;
	height: auto;
	width: 790px;
	padding-bottom: 19px;
}

#page #footer   {
	float: left;
	height: auto;
	width: 790px;
	text-align: right;
	padding-bottom: 15px;
}

#footer #copyright {
	background: url(../images/copyright.gif) no-repeat left bottom;
	clear: both;
	float: right;
	height: 11px;
	width: 270px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	padding-top: 15px;
	display: inline;
	position: relative;
	line-height: 0px;
}

#footer #ft_menu {
	float: none;
	height: auto;
	width: 790px;
	text-align: right;
	padding-top: 15px;
	clear: both;
}


/*グローバルナビ*/

#navi  {
	z-index:10;
	position:absolute;
	float: left;
	width: 160px;
	text-align: left;
	padding-left: 10px;
	display: inline;
	margin-top: 50px;
}

#navi #logo a {
	clear: both;
	float: left;
	height: 80px;
	width: 80px;
	padding-left: 40px;
	background: url(../images/logomark.gif) no-repeat 40px top;
	padding-bottom: 20px;
	text-align: left;
	text-indent: -9999px;
}

#navi #name {
	background: url(../images/name.gif) no-repeat left top;
	display: block;
	clear: both;
	float: left;
	height: 37px;
	width: 160px;
	text-align: left;
	text-indent: -9999px;
}

#navi ul li {
	float:left;
	list-style-type: none;
	clear: both;
	text-align: left;
	text-indent: -9999px;
	display: inline;
	margin-top: 25px;
}

ul li.navi_home {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat 0px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_home a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_home a:focus,
ul li.navi_home a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat 0px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_works {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -160px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_works a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -160px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_works a:focus,
ul li.navi_works a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -160px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_about {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -320px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_about a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -320px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_about a:focus,
ul li.navi_about a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -320px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_recruit {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -480px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_recruit a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -480px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_recruit a:focus,
ul li.navi_recruit a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -480px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_overseas {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -640px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_overseas a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -640px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_overseas a:focus,
ul li.navi_overseas a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -640px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_blog {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -800px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_blog a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -800px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_blog a:focus,
ul li.navi_blog a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -800px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_staff_blog {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -960px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_staff_blog a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -960px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_staff_blog a:focus,
ul li.navi_staff_blog a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -960px -36px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_contact {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -1120px -72px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_contact a {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -1120px 0px;
	clear: both;
	float: left;
	height: 36px;
}

ul li.navi_contact a:focus,
ul li.navi_contact a:hover {
	width: 160px;
	background: url(../images/bt_navi.gif) no-repeat -1120px -36px;
	clear: both;
	float: left;
	height: 36px;
}

/*TOPページ*/

#page #top_img {
	clear: both;
	float: none;
	height: 345px;
	width: 790px;
	padding-bottom: 20px;
}

#page #news {
	float: left;
	height: auto;
	width: 490px;
	padding-right: 30px;
}

#news #title_news {
	clear: both;
	float: left;
	height: auto;
	width: 490px;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	padding-bottom: 8px;
}

#title_news .ti_news {
	background: url(../images/ti_news.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 14px;
	width: 48px;
}

#news .news_box {

	border-bottom:1px solid #DDDDDD;
	float:left;
	height:auto;
	padding-bottom:10px;
	padding-top:10px;
	width:490px;	
	
	
}

.news_box .news_image {
	float: left;
	height: auto;
	width: 100px;
	text-align: center;
}

.news_box .news_text {
	float: left;
	height: auto;
	width: 380px;
	padding-left: 10px;
}

.news_text .date {
	color: #666666;
	padding-bottom: 5px;
	clear: both;
	display: block;
	float: none;
}

#page #info {
	float: left;
	height: auto;
	width: 270px;
}

#info #title_info {
	clear:both;
	display:inline;
	float:left;
	height:auto;
	padding-bottom:8px;
	width:270px;
}

#title_info .ti_info {
	background: url(../images/ti_info.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 14px;
	width: 42px;
}

#info .info_box {
	border-top:1px solid #DDDDDD;
	clear:both;
	display:inline;
	float:left;
	height:auto;
	padding-bottom:10px;
	padding-top:10px;
	width:270px;

}




/*WORKS 作品*/

#page #hd .works {
	background: url(../works/images/ti.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 29px;
	width: 142px;
	padding-right: 10px;
}

#page #hd #sub_navi {
	float: right;
	height: auto;
	width: 474px;
	_width: 480px;
}

#sub_navi ul {
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 474px;
	_width: 480px;
	float: left;
}

ul li.bt_subnavi1 {
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat 0px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi1 a {
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat 0px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi1 a:focus,
ul li.bt_subnavi1 a:hover{
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat 0px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi1 a:active {
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat 0px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi2 {
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat -51px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi2 a {
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat -51px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi2on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -51px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:27px;
}

ul li.bt_subnavi2on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -51px -58px transparent;
	float:left;
	height:27px;
	width:27px;
}

ul li.bt_subnavi2 a:focus,
ul li.bt_subnavi2 a:hover{
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat -51px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi2 a:active {
	width: 27px;
	background: url(../works/images/sub_navi.gif) no-repeat -51px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi3 {
	width: 30px;
	background: url(../works/images/sub_navi.gif) no-repeat -102px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi3 a {
	width: 30px;
	background: url(../works/images/sub_navi.gif) no-repeat -102px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi3on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -102px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:30px;
}
ul li.bt_subnavi3on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -102px -58px transparent;
	float:left;
	height:27px;
	width:30px;
}

ul li.bt_subnavi3 a:focus,
ul li.bt_subnavi3 a:hover{
	width: 30px;
	background: url(../works/images/sub_navi.gif) no-repeat -102px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi3 a:active {
	width: 30px;
	background: url(../works/images/sub_navi.gif) no-repeat -102px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi4 {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -156px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi4 a {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -156px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi4on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -156px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:28px;
}
ul li.bt_subnavi4on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -156px -58px transparent;
	float:left;
	height:27px;
	width:28px;
}



ul li.bt_subnavi4 a:focus,
ul li.bt_subnavi4 a:hover{
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -156px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi4 a:active {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -156px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi5 {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -208px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi5 a {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -208px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi5on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -208px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:28px;
}
ul li.bt_subnavi5on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -208px -58px transparent;
	float:left;
	height:27px;
	width:28px;
}


ul li.bt_subnavi5 a:focus,
ul li.bt_subnavi5 a:hover{
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -208px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi5 a:active {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -208px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi6 {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -260px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi6 a {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -260px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi6on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -260px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:28px;
}
ul li.bt_subnavi6on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -260px -58px transparent;
	float:left;
	height:27px;
	width:28px;
}

ul li.bt_subnavi6 a:focus,
ul li.bt_subnavi6 a:hover{
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -260px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi6 a:active {
	width: 28px;
	background: url(../works/images/sub_navi.gif) no-repeat -260px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi7 {
	width: 66px;
	background: url(../works/images/sub_navi.gif) no-repeat -312px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi7 a {
	width: 66px;
	background: url(../works/images/sub_navi.gif) no-repeat -312px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi7on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -312px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:66px;
}
ul li.bt_subnavi7on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -312px -58px transparent;
	float:left;
	height:27px;
	width:66px;
}

ul li.bt_subnavi7 a:focus,
ul li.bt_subnavi7 a:hover{
	width: 66px;
	background: url(../works/images/sub_navi.gif) no-repeat -312px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi7 a:active {
	width: 66px;
	background: url(../works/images/sub_navi.gif) no-repeat -312px -58px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi8 {
	width: 72px;
	background: url(../works/images/sub_navi.gif) no-repeat -402px -58px;
	float: left;
	height: 27px;
	display: inline;
	margin-left: 24px;
}

ul li.bt_subnavi8 a {
	width: 72px;
	background: url(../works/images/sub_navi.gif) no-repeat -402px 0px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi8on {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -402px -58px transparent;
	display:inline;
	float:left;
	height:27px;
	margin-left:24px;
	width:72px;
}
ul li.bt_subnavi8on a {
	background:url("../works/images/sub_navi.gif") no-repeat scroll -402px -58px transparent;
	float:left;
	height:27px;
	width:72px;
}

ul li.bt_subnavi8 a:focus,
ul li.bt_subnavi8 a:hover{
	width: 72px;
	background: url(../works/images/sub_navi.gif) no-repeat -402px -29px;
	float: left;
	height: 27px;
}

ul li.bt_subnavi8 a:active {
	width: 72px;
	background: url(../works/images/sub_navi.gif) no-repeat -402px -58px;
	float: left;
	height: 27px;
}



/*作品TOPページ*/

#page #works_img1 {
	float: left;
	height: 300px;
	width: 790px;
	background: url(../works/images/img1.jpg) no-repeat left top;
}

#page #works_img2 {
	float: left;
	height: 300px;
	width: 220px;
	background: url(../works/images/img2.jpg) no-repeat left top;
}

.works_catch {
	background: url(../works/images/ti_catch.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 27px;
	width: 213px;
	display: inline;
	margin-top: 35px;
	margin-bottom: 40px;
}

.works_text {
	background:url(../works/images/text.gif) no-repeat scroll left top transparent;
	clear:right;
	display:inline;
	float:left;
	height:27px;
	margin:35px 188px 40px 10px;
	text-align:left;
	text-indent:-9999px;
	width:312px;
}

#page .genre_box1 {
	float: left;
	height: auto;
	width: 112px;
}

#page .genre_box2 {
	float: left;
	width: 113px;
}

.genre_img     {
	clear:both;
	float:none;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	width:70px;
}

.ti_genre1 {
	background:url("../works/images/ti_genre1.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;	
	
	
}

.ti_genre2 {
	background:url("../works/images/ti_genre2.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;
}

.ti_genre3 {
	background:url("../works/images/ti_genre3.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;
}

.ti_genre4 {
	background:url("../works/images/ti_genre4.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;
}

.ti_genre5 {
	background:url("../works/images/ti_genre5.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;
}

.ti_genre6 {
background:url("../works/images/ti_genre6.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;
}

.ti_genre7 {
	background:url("../works/images/ti_genre7.gif") no-repeat scroll left 20px transparent;
	clear:both;
	display:block;
	float:none;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
	padding-top:20px;
	text-align:left;
	text-indent:-9999px;
	width:100px;
}


/*作品一覧ページ*/

#page #architecture {
	float: left;
	height: auto;
	width: 790px;
}

#architecture .aechitect_box {
	float: left;
	width: 180px;
	overflow: hidden;
}

/*作品リスト*/
ul li.bt_list {
	background:url("../works/images/bt_list.gif") no-repeat scroll 0 0 transparent;
	float:right;
	height:16px;
	width:85px;
}
ul li.bt_list a {
	background:url("../works/images/bt_list.gif") no-repeat scroll 0 0 transparent;
	clear:both;
	float:right;
	height:16px;
	width:85px;
}
ul li.bt_list a:focus, ul li.bt_list a:hover {
	background:url("../works/images/bt_list.gif") no-repeat scroll 0 -18px transparent;
	float:right;
	height:16px;
	width:85px;
}

ul li.bt_list a:focus,
ul li.bt_list a:hover{
	width: 85px;
	background: url("../works/images/bt_list.gif") no-repeat 0px -18px;
	float: left;
	height: 16px;
}

ul li.bt_print {
	width: 85px;
	background: url("../works/images/bt_print.gif") no-repeat 0px 0px;
	float: left;
	height: 16px;
	text-align: left;
	text-indent: -9999px;
	list-style-type: none;
	margin-top: 10px;
}

ul li.bt_print a {
	width: 85px;
	background: url("../works/images/bt_print.gif") no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 16px;
}

ul li.bt_print a:focus,
ul li.bt_print a:hover{
	width: 85px;
	background: url("../works/images/bt_print.gif") no-repeat 0px -17px;
	float: left;
	height: 16px;
}
ul li.bt_print a:focus, ul li.bt_print a:hover {
background:url("../works/images/bt_print.gif") no-repeat scroll 0 -17px transparent;
float:left;
height:16px;
width:85px;
}
/*作品リストページ*/

.list_box {
	width: 100%;
	float: left;
}

.list_box table {
	margin-top: 10px;
	font-size: 0.938em;
	line-height: 1.5em;
}

.list_box table .list_year {
	vertical-align: top;
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	white-space: nowrap;
}

.list_box table .list_other {
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	white-space: nowrap;
	vertical-align: top;
}

.list_box table .list_name {
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	vertical-align: top;
	white-space: nowrap;
}

.list_box table .list_scale {
	display: table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	padding-top: 5px;
	padding-bottom: 5px;
}

.list_hd {
	clear: both;
	float: left;
	width: 100%;
	padding-top: 10px;
}

.list_hd .logo {
	clear: none;
	float: right;
	height: 32px;
	width: 152px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/logo_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_medical {
	clear: none;
	float: left;
	height: 20px;
	width: 215px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_public {
	clear: none;
	float: left;
	height: 20px;
	width: 205px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_welfare {
	clear: none;
	float: left;
	height: 20px;
	width: 213px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_educations {
	clear: none;
	float: left;
	height: 20px;
	width: 235px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_house {
	clear: none;
	float: left;
	height: 20px;
	width: 145px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_office {
	clear: none;
	float: left;
	height: 20px;
	width: 292px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_06.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_hd .ti_renovation {
	clear: none;
	float: left;
	height: 20px;
	width: 250px;
	text-align: left;
	text-indent: -9999px;
	bottom: 0px;
	display: inline;
	position: relative;
	line-height: 0px;
	background-image: url(../works/images/ti_list_07.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.list_box table a:link {
	color: #369;
	text-decoration: none;
}

.list_box table a:visited {
	color: #369;
	text-decoration: none;
}

.list_box table a:hover {
	color: #036;
	text-decoration: underline;
}

/*作品詳細ページ*/

#page #title {
	clear: both;
	float: left;
	height: 70px;
	width: 790px;
	border-bottom: 1px solid #BBB;
}

#title #control {
	float: right;
	height: 70px;
	width: 210px;
}

#title ul li {
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	display: inline;
}

ul li.bt_menu {
	width: 70px;
	background: url(../works/images/bt_menu.gif) no-repeat 0px 0px;
	float: left;
	height: 70px;
}

ul li.bt_menu a {
	width: 70px;
	background: url(../works/images/bt_menu.gif) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 70px;
}

ul li.bt_menu a:focus,
ul li.bt_menu a:hover{
	width: 70px;
	background: url(../works/images/bt_menu.gif) no-repeat 0px -70px;
	float: left;
	height: 70px;
}

ul li.bt_menu a:active {
	width: 70px;
	background: url(../works/images/bt_menu.gif) no-repeat 0px -140px;
	float: left;
	height: 70px;
}

ul li.bt_back {
	width: 70px;
	background: url(../works/images/bt_back.gif) no-repeat 0px 0px;
	float: left;
	height: 70px;
	display: inline;
}

ul li.bt_back a {
	width: 70px;
	background: url(../works/images/bt_back.gif) no-repeat 0px 0px;
	float: left;
	height: 70px;
}

ul li.bt_back a:focus,
ul li.bt_back a:hover{
	width: 70px;
	background: url(../works/images/bt_back.gif) no-repeat 0px -70px;
	float: left;
	height: 70px;
}

ul li.bt_back a:active {
	width: 70px;
	background: url(../works/images/bt_back.gif) no-repeat 0px -140px;
	float: left;
	height: 70px;
}

ul li.bt_next {
	width: 70px;
	background: url(../works/images/bt_next.gif) no-repeat 0px 0px;
	float: left;
	height: 70px;
}

ul li.bt_next a  {
	width: 70px;
	background: url(../works/images/bt_next.gif) no-repeat 0px 0px;
	float: left;
	height: 70px;
}

ul li.bt_next a:focus,
ul li.bt_next a:hover{
	width: 70px;
	background: url(../works/images/bt_next.gif) no-repeat 0px -70px;
	float: left;
	height: 70px;
}

ul li.bt_next a:active {
	width: 70px;
	background: url(../works/images/bt_next.gif) no-repeat 0px -140px;
	float: left;
	height: 70px;
}

#page #text {
	float: left;
	height: auto;
	width: 400px;
	padding-top: 10px;
	line-height: 1.5em;
}

#page #data {
	float: right;
	height: auto;
	width: 360px;
}

#page #data .ti_data {
	background: #BBB url(../works/images/ti_data.gif) no-repeat 5px 6px;
	text-align: left;
	text-indent: -9999px;
	clear: both;
	float: left;
	height: 24px;
	width: 360px;
}

#data table {
	float: left;
	height: auto;
	width: 360px;
	clear: both;
}

#data table .list1a {
	border-bottom: 1px solid #DDD;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	color: #000;
	width: 50px;
}

#data table .list1b {
	border-bottom: 1px solid #DDD;
	padding-top: 7px;
	padding-bottom:7px;
	padding-left: 5px;
}

#data table .list2a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
	color: #000;
	width: 50px;
}

#data table .list2b {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 5px;
}

/*AboutUs 会社概要*/

#page #hd .about {
	background: url(../about/images/ti.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 29px;
	width: 206px;
	padding-right: 15px;
}

#page #about_img {
	clear: both;
	float: left;
	height: 235px;
	width: 790px;
	background: url(../about/images/image.jpg) no-repeat left top;
}

#page #box_left {
	float: left;
	width: 330px;
	padding-right: 50px;
}

#box_left .about_catch {
	background: url(../about/images/ti_catch.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 18px;
	width: 272px;
	display: inline;
	margin-top: 20px;
	margin-bottom: 30px;
	clear: both;
}

#box_left .about_text {
	background: url(../about/images/text.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 213px;
	width: 326px;
	display: inline;
	clear: both;
}


#page #box_right {
	clear: none;
	float: left;
	width: 410px;
	padding-top: 20px;
}

#box_right table {
	float: left;
	height: auto;
	width: 410px;
	clear: both;
}

#box_right .list1 {
	border-bottom: 1px solid #DDD;
	color: #000;
	padding-bottom: 7px;
	padding-right: 15px;
}

#box_right .list2 {
	border-bottom: 1px solid #DDD;
	padding-bottom: 7px;
}

/*Recruit 採用情報*/

#page #hd .recruit {
	background: url(../recruit/images/ti.gif) no-repeat left top;
	float: left;
	height: 29px;
	padding-right: 15px;
	text-align: left;
	text-indent: -9999px;
	width: 238px;
}

#page #recruit_img {
	background: url(../recruit/images/image.jpg) no-repeat left top;
	clear: both;
	float: left;
	height: 235px;
	width: 790px;
	
}

#box_left .recruit_catch {
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 18px;
	width: 235px;
	display: inline;
	margin-top: 20px;
	margin-bottom: 30px;
	clear: both;
	background-image: url(../recruit/images/ti_catch.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#page #recruit_text {
	background: url(../recruit/images/text.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 138px;
	width: 326px;
	display: inline;
	clear: both;
}

#box_right .ti_recruit1 {
	background: url(../recruit/images/ti_recruit1.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	height: 15px;
	width: 89px;
}

#box_right .ti_recruit2 {
	background: url(../recruit/images/ti_recruit2.gif) no-repeat left top;
	text-align: left;
	text-indent: -9999px;
	height: 15px;
	width: 75px;
}

#page #box_right .attension {
	clear: both;
	float: none;
	height: auto;
	width: 410px;
	padding-top: 10px;
	font-size: 0.9em;
	line-height: 1em;
	color: #666;
}

/*Recruit 採用情報*/

#page #hd2 .privacy {
	background: url(../policy/images/ti.gif) no-repeat left top;
	float: left;
	height: 36px;
	padding-right: 15px;
	text-align: left;
	text-indent: -9999px;
	width: 265px;
}

#page .policy_box {
border-top:1px solid #DDDDDD;
float:left;
height:auto;
padding-bottom:15px;
padding-top:15px;
width:790px;
}
#page .policy_box .box_right .contact_box {
clear:none;
float:left;
padding-top:15px;
}
#page .policy_box .box_left {
float:left;
width:240px;
}
#page .policy_box .box_right {
color:#666666;
float:left;
height:auto;
width:550px;
}
#page h3.ti_poricy1 {
background:url("../policy/images/ti_policy1.gif") no-repeat scroll left top transparent;
float:left;
height:39px;
text-align:left;
text-indent:-9999px;
width:64px;
}
#page h3.ti_poricy2 {
background:url("../policy/images/ti_policy2.gif") no-repeat scroll left top transparent;
float:left;
height:39px;
text-align:left;
text-indent:-9999px;
width:111px;
}
#page h3.ti_poricy3 {
background:url("../policy/images/ti_policy3.gif") no-repeat scroll left top transparent;
float:left;
height:39px;
text-align:left;
text-indent:-9999px;
width:192px;
}
#page p.ti_privacy1 {
background:url("../policy/images/ti_privacy_sub1.gif") no-repeat scroll left 10px transparent;
clear:both;
float:none;
height:14px;
padding-bottom:10px;
padding-top:10px;
text-align:left;
text-indent:-9999px;
width:172px;
}
#page p.ti_privacy2 {
background:url("../policy/images/ti_privacy_sub2.gif") no-repeat scroll left 10px transparent;
clear:both;
float:none;
height:14px;
padding-bottom:10px;
padding-top:10px;
text-align:left;
text-indent:-9999px;
width:207px;
}
#page p.ti_privacy3 {
background:url("../policy/images/ti_privacy_sub3.gif") no-repeat scroll left 10px transparent;
clear:both;
float:none;
height:14px;
padding-bottom:10px;
padding-top:10px;
text-align:left;
text-indent:-9999px;
width:198px;
}
#page p.ti_privacy4 {
background:url("../policy/images/ti_privacy_sub4.gif") no-repeat scroll left 10px transparent;
clear:both;
float:none;
height:14px;
padding-bottom:10px;
padding-top:10px;
text-align:left;
text-indent:-9999px;
width:129px;
}
#page p.contact {
color:#000000;
}
#page ol {
list-style:decimal outside none;
}
.ic_no1 {
background-image:url("../policy/images/ic_no1.gif");
background-position:left 0;
background-repeat:no-repeat;
list-style:none outside none;
padding-bottom:4px;
padding-left:16px;
}
.ic_no2 {
background-image:url("../policy/images/ic_no2.gif");
background-position:left 0;
background-repeat:no-repeat;
list-style:none outside none;
padding-bottom:4px;
padding-left:16px;
}
.ic_no3 {
background-image:url("../policy/images/ic_no3.gif");
background-position:left 0;
background-repeat:no-repeat;
list-style:none outside none;
padding-bottom:4px;
padding-left:16px;
}
#page #hd2 #poricy_navi {
float:right;
height:auto;
padding-top:15px;
width:276px;
}
#page #hd2 #poricy_navi ul {
display:inline;
float:left;
height:16px;
list-style-type:none;
text-align:left;
text-indent:-9999px;
width:276px;
}
ul li.bt_poricynavi1 {
background:url("../policy/images/sub_navi.gif") no-repeat scroll 0 -58px transparent;
display:inline;
float:left;
height:16px;
width:48px;
}
ul li.bt_poricynavi1 a {
background:url("../policy/images/sub_navi.gif") no-repeat scroll 0 0 transparent;
float:left;
height:16px;
width:48px;
}
ul li.bt_poricynavi1 a:focus, ul li.bt_poricynavi1 a:hover {
background:url("../policy/images/sub_navi.gif") no-repeat scroll 0 -29px transparent;
float:left;
height:16px;
width:48px;
}
ul li.bt_poricynavi2 {
background:url("../policy/images/sub_navi.gif") no-repeat scroll -72px -58px transparent;
display:inline;
float:left;
height:16px;
margin-left:24px;
width:83px;
}
ul li.bt_poricynavi2 a {
background:url("../policy/images/sub_navi.gif") no-repeat scroll -72px 0 transparent;
float:left;
height:16px;
width:83px;
}
ul li.bt_poricynavi2 a:focus, ul li.bt_poricynavi2 a:hover {
background:url("../policy/images/sub_navi.gif") no-repeat scroll -72px -29px transparent;
float:left;
height:16px;
width:83px;
}
ul li.bt_poricynavi3 {
background:url("../policy/images/sub_navi.gif") no-repeat scroll -180px -58px transparent;
display:inline;
float:left;
height:16px;
margin-left:24px;
width:96px;
}
ul li.bt_poricynavi3 a {
background:url("../policy/images/sub_navi.gif") no-repeat scroll -180px 0 transparent;
float:left;
height:16px;
width:96px;
}
ul li.bt_poricynavi3 a:focus, ul li.bt_poricynavi3 a:hover {
background:url("../policy/images/sub_navi.gif") no-repeat scroll -180px -29px transparent;
float:left;
height:16px;
width:96px;
}
#ft_menu ul li {
display:inline;
list-style-type:none;
text-align:left;
text-indent:-9999px;
}
ul li.bt_siteporicy {
background:url("../images/bt_policy.gif") no-repeat scroll 0 0 transparent;
float:right;
height:16px;
width:85px;
}
ul li.bt_siteporicy a {
background:url("../images/bt_policy.gif") no-repeat scroll 0 0 transparent;
clear:both;
float:right;
height:16px;
width:85px;
}
ul li.bt_siteporicy a:focus, ul li.bt_siteporicy a:hover {
background:url("../images/bt_policy.gif") no-repeat scroll 0 -18px transparent;
float:right;
height:16px;
width:85px;
}

/*マージン*/

.margin_r23px {
	display: inline;
	margin-right: 23px;
}

.margin_ru1px {
	display: inline;
	margin-right: 1px;
	margin-bottom: 1px;
}

.margin_u1px {
	display: inline;
	margin-bottom: 1px;
}

/*パディング*/

.padding_t12px {
	padding-top: 10px;
}

.padding_t20px {
	padding-top: 20px;
}

.padding_r15px {
	padding-right: 15px;
}

/*カラー*/
.red {
	color: #C00;
}

/*Overseas */

#page #hd .overseas {
	background: url(../overseas/images/ti.gif) no-repeat left top;
	float: left;
	height: 29px;
	padding-right: 15px;
	text-align: left;
	text-indent: -9999px;
	width: 227px;
}

#page #overseas_img {
	clear: both;
	float: left;
	height: 235px;
	width: 790px;
}

#overseas_img ul {
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	display: inline;
}

#overseas_img ul li {
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	display: inline;
}

#overseas_img ul li.bt_image1 {
	width: 790px;
	background: url(../overseas/images/ph_mini01.jpg) no-repeat 0px 0px;
	float: left;
	height: 235px;
}

#overseas_img ul li.bt_image1 a {
	width: 790px;
	background: url(../overseas/images/ph_mini01.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 235px;
}

#page .ti_results {
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 15px;
	width: 65px;
	display: inline;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	background-image: url(../overseas/images/ti_results.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #subimg_box {
	clear: none;
	float: left;
	height: auto;
	width: 790px;
	background-color: #CCC;
	background-image: url(../overseas/images/frame_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	display: block;
}

#subimg_box ul {
	background-image: url(../overseas/images/frame_hd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
}

#subimg_box ul li {
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	display: inline;
}

#subimg_box ul li.bt_image2 {
	width: 100px;
	background: url(../overseas/images/ph_mini02.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image2 a {
	width: 100px;
	background: url(../overseas/images/ph_mini02.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image3 {
	width: 100px;
	background: url(../overseas/images/ph_mini03.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image3 a {
	width: 100px;
	background: url(../overseas/images/ph_mini03.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image4 {
	width: 100px;
	background: url(../overseas/images/ph_mini04.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image4 a {
	width: 100px;
	background: url(../overseas/images/ph_mini04.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image5 {
	width: 100px;
	background: url(../overseas/images/ph_mini05.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image5 a {
	width: 100px;
	background: url(../overseas/images/ph_mini05.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image6 {
	width: 100px;
	background: url(../overseas/images/ph_mini06.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image6 a {
	width: 100px;
	background: url(../overseas/images/ph_mini06.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image7 {
	width: 100px;
	background: url(../overseas/images/ph_mini07.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image7 a {
	width: 100px;
	background: url(../overseas/images/ph_mini07.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image8 {
	width: 100px;
	background: url(../overseas/images/ph_mini08.jpg) no-repeat 0px 0px;
	float: left;
	height: 100px;
}

#subimg_box ul li.bt_image8 a {
	width: 100px;
	background: url(../overseas/images/ph_mini08.jpg) no-repeat 0px 0px;
	clear: both;
	float: left;
	height: 100px;
}

#box_left .logo_AA {
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 52px;
	width: 242px;
	display: inline;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../overseas/images/logo_shanghai.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#page #overseas_text {
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 88px;
	width: 326px;
	display: inline;
	clear: both;
	background-image: url(../overseas/images/text.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#box_left .map {
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 254px;
	width: 271px;
	display: inline;
	margin-top: 20px;
	clear: both;
	background-image: url(../overseas/images/map.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#box_right .tx_info {
	text-align: left;
	text-indent: -9999px;
	float: left;
	height: 52px;
	width: 410px;
	display: inline;
	margin-bottom: 10px;
	clear: both;
	background-image: url(../overseas/images/tx_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*繝槭・繧ｸ繝ｳ*/

.margin_u230px {
	display: inline;
	margin-bottom: 230px;
}

.margin_r23px {
	display: inline;
	margin-right: 23px;
}

.margin_ru1px {
	display: inline;
	margin-right: 1px;
	margin-bottom: 1px;
}

.margin_l12px {
	display: inline;
	margin-left: 12px;
}

.margin_l11px {
	display: inline;
	margin-left: 11px;
}

.margin_u1px {
	display: inline;
	margin-bottom: 1px;
}

/*繝代ョ繧｣繝ｳ繧ｰ*/

.padding_t12px {
	padding-top: 10px;
}

.padding_t20px {
	padding-top: 20px;
}

.padding_r15px {
	padding-right: 15px;
}

/*繧ｫ繝ｩ繝ｼ*/
.red {
	color: #C00;
}