@charset "utf-8";

/*=================================================================
	
	サンフロンティア不動産 サンフロンティアについて用 CSS
	
	・Since: 2007.11
	・Modified: 2007.12/27
	・Editor: KIML
	・Customize:

=================================================================*/



/*-----------------------------------------------------------------
		[1]:サンフロンティアについて
-----------------------------------------------------------------*/
#company .main_box{
	background-color:#F7F7F7;
	padding:12px 9px;
}

#company .main_box td{
	padding:0px;
}

#company .main_box td.cat{
	background-color:#ffffff;
	border:solid 1px #CECECE;
	padding:8px;
	font-size: 82%;
	margin:0 0 0 0;
}

#company .main_box td.cat div{
	padding-bottom:8px;
}

/*-----------------------------------------------------------------
		[2]:会社概要
-----------------------------------------------------------------*/

#company .list-table th{
	border-bottom: solid 1px #ebebeb;
	text-align: left;
}


#company.list-table-s td{
	padding-bottom:15px;
	border-bottom: solid 1px #ebebeb;
}

#company.list-table-s2 table,tr,td{
	padding-bottom:10px;
	border-bottom:none;
}

#company .end{
	padding-bottom:0px;
	border-bottom: none;
}

#company .end2{
	padding-bottom:16px;
	border-bottom: none;
}



#company .list-table-s3 td{
	padding:2px 5px 2px 5px;
	border-bottom:none;
	font-size:100%;
}


.list-table_nm {
	border: solid 3px #ebebeb;
}

.list-table_nm th {
	border-bottom: solid 3px #ebebeb;
	background: #f5f5f5;
	padding: 16px;
	font-size: 82%;
	text-align: left;
}

.list-table_nm td {
	border-bottom: solid 3px #ebebeb;
	padding: 16px;
}

.list-table_nm td.inner{
	border-bottom: solid 1px #dedede;
	padding: 16px;
}


.list-table_nm tr.end th {
	border-bottom: none;
	padding: 16px;
}
.list-table_nm tr.end td {
	border-bottom: none;
	padding: 16px;
}

.bottom-50{
margin-bottom:50px;
}




#company ul.icon-list2 li{
	margin: 0 0 3px 0;
	padding: 0 0px 0 20px;
	line-height: 135%;
	background: url(../image/i_list.gif) no-repeat 0px 5px;
}

.wd200{
width:200px;
}


/* 項目整列用 table */
#company table.list-style-tbl th {
	margin: 0 0 0 0;
	padding: 0 0 3px 20px;
	font-size: 82%;
	line-height: 135%;
	background: #ffffff url(../image/i_list.gif) no-repeat 0px 5px;
	text-align: left;
	border-bottom: none;
}

#company table.list-style-tbl td {
	margin: 0 0 0 0;
	padding: 0 0 3px 10px;
	font-size: 82%;
	line-height: 135%;
	text-align: left;
	border-bottom: none;
}

#company table.list-style-tbl .end th {
	padding: 0 0 0 20px;
}

#company table.list-style-tbl .end td {
	padding: 0 0 0 10px;
}

/* 所有資格 */
#company table.p-none td {
	padding: 0 0 0 0;
}

/*-----------------------------------------------------------------
		[3]:人材教育方針
-----------------------------------------------------------------*/



#company .main_box2{
background-color:#b6cddf;
padding:5px;
}


#company .main_box2 table{
background-color:#f3f3f3;
padding:0 0 0 0;
}

#company .main_box2 td{
padding:0 0 0 0;
}

#company .main_box2 .tx{
margin:18px 0 23px 0;
padding:0 0 0 0;
}


#company .main_box2 .right-30{
margin-right:30px;
}


h2.botm-none{
	margin-bottom:0px;
}


#company .photo_box_right{
margin:0 0 6px 25px;
}

#company .photo_box_left{
margin:0 25px 6px 0;
}

#company .nv_box{
background:#f3f3f3;
border:solid 1px #c8c8c8;
font-size: 82%;
padding:0 0 0 0;
margin:0 0 0 0;
}


#company .nv_box .tx{
padding:20px 30px;
}

#company h3.none{
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font-size: 85%;
	line-height: 105%;
	color: #2b70bd;
	background: none;
}


#company h3 span .none{
	padding: 13px 0 0 20px;
	background: none;
	min-height: 27px;
	_height: 27px;	/*IE用*/
}

#company  td.hdline-b{
border-top:solid 3px #81a7d4;
}


#company  td.hdline-g{
border-top:solid 3px #dedede;
padding-top:15px;
}

/*-----------------------------------------------------------------
		[4]:社長通信
-----------------------------------------------------------------*/

/* テーブル */
#company .president-table th {
	padding: 12px 5px 12px 10px;
	border-bottom: solid 1px #dedede;
	font-weight: normal;
	text-align: left;
}

#company .president-table td {
	padding: 12px 5px 12px 10px;
	border-bottom: solid 1px #dedede;
}

#company .president-table th.btm-nobd{
	padding: 12px 5px 12px 10px;
	border-bottom:none;
	font-weight: normal;
	text-align: left;
}

#company .president-table td.btm-nobd{
	padding: 12px 5px 12px 10px;
	border-bottom:none;
}

#company .main_box3{
background-color:#F7F7F7;
padding:12px 9px;
}
#company .main_box3 td{
padding:0px;
}

#company .main_box3 td.cat{
background-color:#ffffff;
border:solid 1px #CECECE;
padding:7px;
font-size: 82%;
}

#company .main_box3 td.cat div{
margin-right:5px;
padding-bottom:5px;
}

#company .right-25{
margin-right:25px;
}


#company .bottom-40{
margin-bottom:40px;
}


#company .bottom-40{
margin-bottom:40px;
}



#company .main_box4 td.cat{
background-color:#E8E8E8;
padding:5px;
font-size: 82%;
}

#company .main_box4 td .cat_inner{
background-color:#f9f9f9;
text-align:center;
padding-bottom:2px;
}


h2.nmgn{
	margin-bottom: 0px;
	font-size: 100%;
	border-top: solid 3px #739cd0;
	background: #f6fafd url(../image/ttl_bg_h2.gif) repeat-x top;
}

h2.nmgn span{
	display: block;
	border-bottom: solid 1px #dddddd;
	line-height: 110%;
	padding: 10px;
}


/*-----------------------------------------------------------------
		[5]:
-----------------------------------------------------------------*/

#company table.spect td{
background-color:#d5effe;
border-right:solid  1px #ffffff;
border-bottom:solid  1px #ffffff;
padding:3px;
}

#company table.spect td.none{
background-color:#d5effe;
border-right:solid  1px #ffffff;
border-bottom:none;
}

#company table.spect td.none2{
background-color:#d5effe;
border-right:none;
border-bottom:none;
}


#company h5 {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	font-size: 85%;
	line-height: 125%;
}

#company h5.up{
	border-bottom:solid 1px #333333;
	width:300px;
	margin: 0 auto 10px auto;
	padding: 0 0 5px 0;
	font-size: 85%;
	line-height: 125%;
}


#company .main_box .main_tx{
margin-left:15px;
padding-top:20px;
width:453px;
float:right;
}


#company .main_box .main_tx img{
margin-bottom:30px;
}

#company .main_box .main_tx_tp{
margin-left:15px;
padding-top:20px;
width:320px;
float:right;
}


#company .main_box .main_tx_tp img{
margin-bottom:30px;
}


#company .btn-box{
padding: 16px;
margin: 0 0 20px 0;
background-color:#f2f7fd;
border:solid 6px #d6e6f6;
}



/*-----------------------------------------------------------------
		[6]:講演収録CD・テープのご案内
-----------------------------------------------------------------*/


#company .audition_header{
background:url(../../company/image/bg_audition_comp.gif) repeat-x left top;
}


#company.audition h2 {
	margin-bottom: 8px;
	font-size: 82%;
	border-top: solid 3px #739cd0;
	background: #f6fafd url(../image/ttl_bg_h2.gif) repeat-x top;
	margin:15px 10px;
	text-align:left;
}

#company.audition h2 span {
	display: block;
	border-bottom: solid 1px #dddddd;
	line-height: 110%;
	padding: 4px;
}


#company.audition .main_box{
background-color:#d7e6f6;
padding:7px;
margin:15px 10px;
}


#company.audition .main_box td.cataudph{
background-color:#f2f6fd;
padding:0 0 0 0;
margin:0 0 0 0;
border:none;
}

#company.audition .main_box td.cataud{
background-color:#f2f6fd;
padding:8px;
font-size: 82%;
margin:0 0 0 0;
border:none;
}



#company.audition .main_box td.cat div{
padding-bottom:8px;
}

#company.audition .list-table_nm_box{
	margin:0px 10px 15px 10px;
}


#company.audition .list-table_nm{
	border: solid 3px #ebebeb;
}

#company.audition .list-table_nm th {
	border-bottom: solid 3px #ebebeb;
	background: #f5f5f5;
	padding: 8px;
	font-size: 82%;
}

#company.audition .list-table_nm td {
	border-bottom: solid 3px #ebebeb;
	padding: 8px;
}

#company.audition .list-table_nm td.inner{
	border-bottom: solid 1px #dedede;
	padding: 8px;
}


.list-table_nm tr.end th {
	border-bottom: none;
	padding: 16px;
}
.list-table_nm tr.end td {
	border-bottom: none;
	padding: 16px;
}

.list-table_nm th.nbd{
	border-bottom: none;
}

/*-----------------------------------------------------------------
		[7]:社是・経営理念
-----------------------------------------------------------------*/

#company dt
{
margin-top: 1em;
padding-left: 0.5em;
font-weight: bold;
}
#company dd
{
   margin-top: 0.5em;
padding-left: 3em;

    
}


/*-----------------------------------------------------------------
		[8]:フォーム設定
-----------------------------------------------------------------*/

/* フォームスタイル */

input { vertical-align: middle;}

.entry-table input,
.entry-table textarea,
.entry-table select{
	border: solid 1px #7f9db9;
}

.entry-table .nb{
border:none;
}

.entry-table input.input-width{
	width: 210px;
}
.entry-table input.input-width2{
	width: 110px;
}

.entry-table input.input-width3{
	width: 20px;
}

.entry-table select {
}

.entry-table textarea {
	width: 340px;
}


/* テーブル */
.entry-table table {
	margin-bottom: 10px;
}

.entry-table td {
	padding: 5px;
	background: #f2f2f2;
	font-size: 82%;
}

.entry-table tr.start td {
	border-top: solid 2px #dedede;
	padding: 16px 5px 5px 5px;
}

.entry-table tr.end td {
	padding-bottom: 16px !important;
}

.entry-table td p {
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
}

.entry-table span {
	color: #f4602c;
}

.entry-table span td {
	color: #f4602c;
	font-size: 82%;
}

.entry-table th {
	padding: 16px 5px 5px 16px;
	text-align: left;
	font-size: 85%;
	background: #f3f6fd;
	border-top: solid 2px #7f9db9;
	border-right: solid 1px #ffffff;
}

/* 入力モード */
.entry-table .ime-inactive input {
	ime-mode: inactive;
}


.list-table {
	border: solid 3px #ebebeb;
}

.list-table th {
	background: #f5f5f5;
	padding: 16px;
}

.list-table td {
	border-bottom: solid 1px #dedede;
	padding: 16px;
}

.list-table tr.end td {
	border-bottom: none;
	padding: 16px;
}


#company ul.icon-list_nl {
	margin: 0 0 10px 10px;
	padding: 0 0 0 0;
	list-style: none;
}

#company ul.icon-list_nl li{
	margin: 0 0 3px 0;
	padding: 0 0px 0 20px;
	font-size: 82%;
	line-height: 135%;
	background: url(../image/i_list.gif) no-repeat 0px 5px;
}


#company .mapbox{
background-color:#eeeff1;
padding:7px;
}

.bg_blue{
background-color:#f2f6fd;
}


/*-----------------------------------------------------------------
		[9]:左メニュー設定
-----------------------------------------------------------------*/

/* 背景切り替え */
#side-menu {
	background: url(../../company/image/side_menu.jpg) no-repeat left top;
}

/* H2設定 */
#side-menu h2 a {
	background: url(../../company/image/side_menu.jpg) no-repeat left top;
}

body.back_number #side-menu h2 a:hover { background-position: -205px 0px;}


/* イメージメニュー設定 */

#side-menu .image-menu li a {
	background: url(../../company/image/side_menu.jpg) no-repeat left top;
}

#side-menu .image-menu li.s-greeting a { background-position: 0px -152px;}
#side-menu .image-menu li.s-outline a { background-position: 0px -187px;}
#side-menu .image-menu li.s-history a { background-position: 0px -222px;}
#side-menu .image-menu li.s-origin a { background-position: 0px -257px;}
#side-menu .image-menu li.s-idea a { background-position: 0px -292px;}
#side-menu .image-menu li.s-educate a { background-position: 0px -327px;}
#side-menu .image-menu li.s-president a { background-position: 0px -362px;}
#side-menu .image-menu li.s-relation a { background-position: 0px -397px;}


/* マウスオーバー */
body#company #side-menu .image-menu li.s-greeting a:hover { background-position: -205px -152px;}
body#company #side-menu .image-menu li.s-outline a:hover { background-position: -205px -187px;}
body#company #side-menu .image-menu li.s-history a:hover { background-position: -205px -222px;}
body#company #side-menu .image-menu li.s-origin a:hover { background-position: -205px -257px;}
body#company #side-menu .image-menu li.s-idea a:hover { background-position: -205px -292px;}
body#company #side-menu .image-menu li.s-educate a:hover { background-position: -205px -327px;}
body#company #side-menu .image-menu li.s-president a:hover { background-position: -205px -362px;}
body#company #side-menu .image-menu li.s-relation a:hover { background-position: -205px -397px;}

/* カレント */
body.index #side-menu h2 a:hover { background-position: 0px 0px;}
body.s-greeting #side-menu .image-menu li.s-greeting a { background-position: -205px -152px;}
body.s-outline #side-menu .image-menu li.s-outline a { background-position: -205px -187px;}
body.s-history #side-menu .image-menu li.s-history a { background-position: -205px -222px;}
body.s-origin #side-menu .image-menu li.s-origin a { background-position: -205px -257px;}
body.s-idea #side-menu .image-menu li.s-idea a { background-position: -205px -292px;}
body.s-educate #side-menu .image-menu li.s-educate a { background-position: -205px -327px;}
body.s-president #side-menu .image-menu li.s-president a { background-position: -205px -362px;}
body.relation #side-menu .image-menu li.s-relation a { background-position: -205px -397px;}


/* テキストメニュー */

#side-menu .txt-menu {
	border-top:none;
	border-bottom:none;
	border-right: solid 1px #1e57a4;
	border-left: solid 1px #1e57a4;
	border-top: none;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	line-height: 100%;
}

.txt-menu { display: none; }
body.s-president .txt-menu.txt-menu-message { display: block; }
body.msg .txt-menu.txt-menu-msg { display: block; }
body.report .txt-menu.txt-menu-report { display: block; }
body.relation .txt-menu.txt-menu-branch { display: block; }

body.txt-menu-message-01 #txt-menu-message-01 a,
body.txt-menu-message-02 #txt-menu-message-02 a,
body.txt-menu-message-03 #txt-menu-message-03 a,
body.txt-menu-message-04 #txt-menu-message-04 a,
body.txt-menu-msg-01 #txt-menu-msg-01 a,
body.txt-menu-msg-02 #txt-menu-msg-02 a,
body.txt-menu-msg-03 #txt-menu-msg-03 a,
body.txt-menu-msg-04 #txt-menu-msg-04 a,
body.txt-menu-repor-01 #txt-menu-repor-01 a,
body.txt-menu-repor-02 #txt-menu-repor-02 a,
body.txt-menu-repor-03 #txt-menu-repor-03 a,
body.txt-menu-repor-04 #txt-menu-repor-04 a,
body.txt-menu-repor-05 #txt-menu-repor-05 a,
body.txt-menu-branch-01 #txt-menu-branch-01 a,
body.txt-menu-branch-02 #txt-menu-branch-02 a,
body.txt-menu-branch-03 #txt-menu-branch-03 a,
body.txt-menu-branch-04 #txt-menu-branch-04 a,
body.txt-menu-branch-05 #txt-menu-branch-05 a,
body.txt-menu-branch-06 #txt-menu-branch-06 a,
body.txt-menu-branch-07 #txt-menu-branch-07 a,
body.txt-menu-branch-08 #txt-menu-branch-08 a {
	font-weight: bold;
	color: #4f4f4f;
	text-decoration:none;
}


/*-----------------------------------------------------------------
		[10]:その他
-----------------------------------------------------------------*/


.btn-box {
	padding: 16px;
	border: solid 3px #dedede;
	text-align: center;
	margin: 0 0 20px 0;
}


#company .center_box5{
background-color:#dedede;
padding:3px;
margin:0 0 0 0;
}

#company .center_box5 td{
background-color:#ffffff;
padding:14px;
}

#company .center_box5 td td{
background-color:#f8f8f8;
padding:2px 10px;
border-bottom:solid 1px #ffffff;
}


#company p.arw-dwn {
margin:0;
text-align:right;
}
#company p.arw-dwn a {
padding:0 0 0 21px;
background:url(/company/image/icn_arw_down.gif) no-repeat left center;
text-decoration:none;
}
#company p.arw-dwn a:hover {
text-decoration:underline;
}

#company .staff-area {
display:block;
height:auto;
}

#company .staff-area .box {
width:310px;
margin:0 0 20px 0;
padding:10px;
border:5px solid #CCE1F1;
background:url(/company/image/bg_staff-box.jpg) repeat-x left top;
}
#company .staff-area .lft {
float:left;
}
#company .staff-area .rgt {
float:right;
}
#company .staff-area .box p.pic {
float:left;
width:92px;
margin:0 0 5px 0;
}
#company .staff-area .box .cont {
float:right;
width:198px;
margin:0 0 5px 0;
}
#company .staff-area .box .cont .ttl {
margin:0 0 6px 0;
padding:0 0 0 6px;
border-left:3px solid #739CD0;
font-size:100%;
}
#company .staff-area .box .cont .ttl h3 {
margin:0;
background:none;
line-height:1.2;
font-size:100%;
}
#company .staff-area .box .cont .ttl p {
margin:0;
color:#2B70BD;
font-size:65%;
}
#company .staff-area .box .cont table {
font-size:65%;
}
#company .staff-area .box .cont th,
#company .staff-area .box .cont td {
vertical-align:top;
padding-bottom:2px;
line-height:1.4;
text-align:left;
}
#company .staff-area .box .cont th {
padding-right:5px;
white-space:nowrap;
}
#company .staff-area .box .txt {
zoom:1;
clear:both;
min-height:185px;
background:#F5F5F5;
}
* html #company .staff-area .box .txt {
height:185px;
}
#company .staff-area .box .txt p {
zoom:1;
margin:0;
padding:5px 5px 0px 5px;
}