@charset "utf-8";

/* ---------- common style ---------- */

@import url(common.css);

/* ----------left area---------- */

/* その他共通 */

.btn_pagetop {
	width: 626px;
}

.btn_pagetop2 {
	margin-top: 1em;
	margin-bottom: 2em;
	text-align: right;
}


#tb_others_head {
	width: 644px;
	border-collapse: collapse;
}

#tb_others_head th {
	width: 470px;
	text-align: left;
	vertical-align: top;
}

#tb_others_head td {
	width: 174px;
	vertical-align: top;
}


#others_text_comment {
	border-bottom: 1px solid #1576D7;
	margin-bottom: 24px;
	padding-bottom: 5px;
}


/* 見出し */

.head_text {
	background: url(../images/others_head_bg.jpg) no-repeat left center;
	margin-top: 20px;
	margin-bottom: 18px;
	padding-left: 20px;
	font-size: 0.875em;
	line-height: 30px;
}


/* ボックスレイアウト */

.box_faq,
.box_guide,
.box_jirei_list {
	width: 610px;
	background: url(../images/others_box_line.gif) repeat-x left bottom;
	margin-bottom: 18px;
	margin-left: 16px;
	padding-bottom: 20px;
}

.box_checklist,
.box_words {
	width: 610px;
	margin-left: 16px;
}

.box_mb0 {
	margin-bottom: 0;
}

.box_faq h3,
.box_words h3 {
	background: url(../images/others_head_line.gif) no-repeat left 4px;
	margin-bottom: 0.75em;
	padding-left: 11px;
	color: #804D04;
}

.box_guide h4,
.box_checklist h4 {
	background: url(../images/others_head_line.gif) no-repeat left 4px;
	margin-bottom: 0.75em;
	padding-left: 11px;
	font-weight: normal;
}

.box_faq .box_answer,
.box_guide .box_comment1,
.box_guide .box_comment2,
.box_words .box_comment {
	background-color: #F3F3F3;
	padding: 10px;
}

.box_guide .box_comment1,
.box_words .box_comment {
	margin-bottom: 1.5em;
}


/* オフィス移転マニュアル */

#tb_guide_tab {
	width: 644px;
	border-collapse: collapse;
	margin-bottom: 18px;
}

#tb_guide_step {
	width: 644px;
	border-collapse: collapse;
}

#tb_guide_step th {
	width: 125px;
	padding-right: 15px;
	text-align: left;
	vertical-align: top;
}

#tb_guide_step td {
	vertical-align: top;
}


.box_guide_note {
	width: 610px;
	background: url(../images/others_box_line.gif) repeat-x left bottom;
	margin-left: 16px;
	padding: 0.5em 0;
}

.box_guide_note p {
	float: right;
	padding-left: 15px;
	text-align: right;
	background-image: url(../images/icon_link_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.guide_comment {
	margin-bottom: 1.5em;
}


ul.list_guide1 li {
	float: left;
	margin-right: 1em;
}


#guide_banner_area .box_left {
	float: left;
	width: 287px;
}

#guide_banner_area .box_right {
	float: right;
	width: 323px;
}


/* オフィス移転チェックリスト */

ul#list_checklist {
	list-style-type: none;
	padding-bottom: 16px;
}

ul#list_checklist li {
	display: block;
	float: left;
	background: url(../images/icon_link_arrow.gif) no-repeat left 6px;
	margin-right: 1em;
	margin-left: 0;
	padding-left: 14px;
}

.tb_checklist {
	width: 610px;
	border-collapse: collapse;
	margin-bottom: 18px;
}

.tb_checklist td {
	font-size: 12px;
	padding: 5px 5px 5px 0;
}

.tb_checklist th {
	width: 35px;
	text-align: center;
	vertical-align: middle;
}

.tb_checklist tr.cell_gray th,
.tb_checklist tr.cell_gray td {
	background-color: #F3F3F3;
}


.tb_checklist .label {
	display: block;
	float: left;
	line-height: 22px;
}


.tb_checklist .field {
	display: block;
	float: left;
	height: 22px;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #F3F3F3;
	border-bottom: 1px solid #F3F3F3;
	border-left: 1px solid #CCCCCC;
	margin-left: 15px;
	padding-right: 5px;
	padding-left: 5px;
	color: #999999;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 10px;
	line-height: 22px;
}

.tb_checklist .type01 {
	width: 380px;
}

.tb_checklist .type02 {
	width: 240px;
}

.tb_checklist .type03 {
	width: 140px;
}

.tb_checklist .type04 {
	width: 70px;
}

.tb_checklist .text_right {
	text-align: right;
}

.tb_checklist .text_center {
	text-align: center;
}


.tb_checklist .ml0 {
	margin-left: 0;
}



/* 印刷説明欄 */

#box_print1 {
	width: 622px;
	background-color: #FCF6E5;
	border: 1px solid #CCCCCC;
	margin-bottom: 28px;
	padding: 10px;
}

#box_print2 {
	width: 622px;
	background-color: #FCF6E5;
	border: 1px solid #CCCCCC;
	margin-bottom: 16px;
	padding: 10px;
}

#tb_print {
	width: 622px;
	border-collapse: collapse;
}

#tb_print td.cell_btn {
	width: 135px;
	text-align: center;
	vertical-align: middle;
}


/* オフィスの用語解説 */

#tb_words_tab {
	width: 644px;
	border-collapse: collapse;
	margin-bottom: 18px;
}

#nodata {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}


/* リンクについて */

#about_link_box1 {
	width: 624px;
	background-color: #FCF6E5;
	border: 1px solid #CCCCCC;
	padding:  9px;
}

#about_link_box1 ul {
	list-style-type: none;
}

#about_link_box1 ul li {
	background: url(../images/others_head_line.gif) no-repeat left 4px;
	margin-top: 0.5em;
	margin-left: 0;
	padding-left: 11px;
}

#about_link_box2 {
	width: 610px;
	margin-top: 1.5em;
	margin-left: 16px;
}

#about_link_box2 .box_left {
	float: left;
	width: 120px;
	margin-right: 30px;
	margin-bottom: 1em;
}

#about_link_box2 .box_right {
	float: left;
	widows: 160px;
}

#about_link_box2 .line_box {
	width: 610px;
	background: url(../images/others_box_line.gif) repeat-x left top;
}

#about_link_box2 .line_box p {
	background: url(../images/others_box_line.gif) repeat-x left bottom;
	padding: 0.5em 0;
}


/* お役立ちリンク、プライバシーポリシー、サイトマップ */

.link_box,
.privacy_box,
.sitemap_box1 {
	width: 610px;
	background: url(../images/others_box_line.gif) repeat-x left top;
	margin-left: 16px;
}

.sitemap_box2 {
	width: 610px;
	margin-left: 16px;
}

.sitemap_box_left {
	float: left;
	width: 295px;
}

.sitemap_box_right {
	float: right;
	width: 295px;
}

.sitemap_box2 .sitemap_box_left {
	background: url(../images/others_box_line.gif) repeat-x left top;
}

.sitemap_box2 .sitemap_box_right {
	background: url(../images/others_box_line.gif) repeat-x left top;
}

.link_box ul,
.privacy_box ul,
.sitemap_box1 ul,
.sitemap_box2 ul {
	list-style-type: none;
}

.link_box li,
.privacy_box li,
.sitemap_box1 li,
.sitemap_box2 li {
	background: url(../images/others_box_line.gif) repeat-x left bottom;
	margin-left: 0;
	padding: 0.5em 0;
}
.sitemap_box2 li.noline {
	background-image: none;
}

.link_box span.icon {
	background: url(../images/others_head_line.gif) no-repeat left center;
	margin-right: 1em;
	padding-left: 11px;
}

.privacy_box span.icon {
	background: url(../images/others_head_line.gif) no-repeat left center;
	padding-left: 11px;
}

.sitemap_box1 span.icon,
.sitemap_box2 span.icon {
	background: url(../images/sitemap_icon_arrow.gif) no-repeat left top;
	padding-left: 16px;
}


/* RSSについて */

.about_rss_box {
	width: 622px;
	border: 1px solid #D5D5D5;
	margin-bottom: 20px;
	padding: 10px;
}

.about_rss_box .box_left {
	float: left;
	width: 305px;
}

.about_rss_box .box_right {
	float: right;
	width: 305px;
}

.about_rss_box h4 {
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 1em;
}

.about_rss_box h4 {
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 1em;
}

.about_rss_box ul {
	list-style-type: none;
}

.about_rss_box ul li {
	margin-left: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.about_rss_box ul li.colored {
	clear: both;
	background-color: #FCF6E5;
}

.about_rss_box ul a {
	background: url(../images/icon_rss.gif) no-repeat 5px center;
	padding: 0.25em 0 0.25em 2.08em;
}

.about_rss_note_head {
	background: url(../images/others_box_line.gif) repeat-x left top;
	padding-top: 3px;
}

.about_rss_note_head h4 {
	background: #F0F0F0 url(../images/about_rss_icon_note.gif) no-repeat 8px center;
	margin-bottom: 1em;
	padding: 0.34em 0 0.34em 36px;
	font-weight: normal;
	line-height: 1.5em;
}

.about_rss_note_box {
	background: url(../images/others_box_line.gif) repeat-x left bottom;
	padding-bottom: 1em;
}


/* はじめての方へ */

#hajimete_box1,
#hajimete_box2,
#hajimete_box3,
#hajimete_box4,
#hajimete_box5 {
	width: 627px;
	margin-bottom: 24px;
	margin-left: 8px;
}

#hajimete_box1 .box_left1 {
	float: left;
	width: 304px;
	margin-bottom: 22px;
}

#hajimete_box1 .box_right1 {
	float: right;
	width: 304px;
	margin-bottom: 22px;
}

#hajimete_box1 .box_left2 {
	float: left;
	width: 304px;
}

#hajimete_box1 .box_right2 {
	float: right;
	width: 304px;
}

#hajimete_box1 h4 {
	background: url(../hajimete/images/icon_arrow_01.gif) no-repeat left center;
	margin-bottom: 5px;
	padding-left: 23px;
}

#hajimete_box1 p.text {
	margin-bottom: 0.5em;
}

#hajimete_box1 .column {
	width: 292px;
	height: 104px;
	border: 1px solid #999999;
	padding: 5px;
}

#hajimete_box1 .fig {
	float: left;
	width: 147px;
}

#hajimete_box1 ul.list_btn {
	float: right;
	list-style-type: none;
}

#hajimete_box1 ul.list_btn li {
	width: 138px;
	height: 104px;
	overflow: hidden;
}

#hajimete_box1 ul.list_btn li.btn1 {
	margin-bottom: 7px;
	margin-left: 0;
}

#hajimete_box1 ul.list_btn li.btn2 {
	margin-left: 0;
}

#hajimete_box1 ul.list_btn li.btn3 {
	margin-top: 28px;
	margin-left: 0;
}

#hajimete_box1 .tb_keyword {
	width: 291px;
	border-collapse: collapse;
	margin-top: 27px;
	margin-bottom: 5px;
}

#hajimete_box1 .tb_keyword .cell_btn {
	width: 57px;
}

#hajimete_box1 .field1 {
	width: 220px;
}


#hajimete_box1 .text_ex {
	margin-left: 4em;
	font-family: "ＭＳ ゴシック", Osaka, sans-serif;
	font-size: 0.625em;
	line-height: 1.4em;
}

#hajimete_box1 .text_ex span {
	margin-left: -4em;
}


#hajimete_box2 .box_left,
#hajimete_box3 .box_left {
	float: left;
	width: 214px;
}

#hajimete_box2 .box_right,
#hajimete_box3 .box_right {
	float: right;
	width: 387px;
}

#hajimete_box4 .box_left {
	float: left;
	width: 260px;
}

#hajimete_box4 .box_right {
	float: right;
	width: 340px;
}

#hajimete_box4 .column_java {
	width: 318px;
	border: 1px solid #D9B9A4;
	padding: 10px;
}

#hajimete_box4 .column_java .box_left {
	float: left;
	width: 30px;
}

#hajimete_box4 .column_java .box_right {
	float: right;
	width: 280px;
}

#hajimete_box4 .column_java h4 {
	margin-bottom: 0.5em;
	font-weight: normal;
}

#hajimete_box4 .column_java .box_right p {
	font-size: 0.625em;
}


/* オフィス移転の成功事例 */

.rss_right {
	float: right;
}

.box_jirei_list {
	padding-bottom: 1em;
}

.box_jirei_list .box_left {
	float: left;
	width: 100px;
}

.box_jirei_list .box_right {
	float: right;
	width: 497px;
}

.box_jirei_list .box_left p {
	border: 5px solid #E6DED2;
}

.box_jirei_list .mt_list img {
	border: 5px solid #E6DED2;
}
.box_jirei_list ul.list_link li {
	margin-left: 115px;
}
.box_jirei_list .mt_entry {
	border: 1px solid #B4BE8A;
	padding: 10px;
}
.box_jirei_list .mt_entry img {
	border: 5px solid #E6DED2;
	margin: 15px;
}

.box_jirei_list h3 {
	background-color: #F3F3F3;
	margin-bottom: 1em;
	padding-left: 1em;
	color: #AA9272;
	line-height: 2.17em;
}

.box_jirei_list h3 .jirei_num {
	color: #1576D7;
}

.box_jirei_list h4 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #FF6600;
}


/* お問い合わせ */

.inquiry_head {
	color: #1576D7;
	font-weight: bold;
}

#inquiry_list_box1 {
	width: 642px;
	height: 100px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 24px;
}


#tb_inquiry_list {
	width: 602px;
	border-collapse: collapse;
	margin: 10px;
}

#tb_inquiry_list th {
	width: 40px;
	text-align: center;
}

#tb_inquiry_list td {
	padding: 0.5em 0;
	font-size: 0.75em;
}

#tb_inquiry_list tr.cell_colored th,
#tb_inquiry_list tr.cell_colored td {
	background-color: #FCF6E5;
}

#inquiry_list_box2 {
	width: 642px;
	height: 50px;
	overflow: auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 24px;
}

#inquiry_list_box2 p {
	width: 602px;
	margin: 10px;
}


.tb_inquiry_form {
	width: 644px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
}

.tb_inquiry_form th,
.tb_inquiry_form td {
	border: 1px solid #CCCCCC;
	padding: 6px;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	vertical-align: middle;
}

.tb_inquiry_form th {
	width: 15em;
	background-color: #FCF6E5;
}

.tb_inquiry_form em {
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
}

.tb_inquiry_form_wide {
	width: 644px;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
	margin-bottom: 3px;
}

.tb_inquiry_form_wide th,
.tb_inquiry_form_wide td {
	border: 1px solid #CCCCCC;
	padding: 6px;
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	vertical-align: middle;
}

.tb_inquiry_form_wide th {
	background-color: #FCF6E5;
}
.tb_inquiry_form_wide table {
	width: 100%;
}
.tb_inquiry_form_wide table td {
	border: 0px solid #CCCCCC;
	border-bottom: 2px dotted #CCCCCC;
	padding: 2px;
	padding-right: 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: left;
	vertical-align: middle;
}

#tb_bottom1,
#tb_bottom2 {
	margin-bottom: 20px;
}

.inquiry_btn {
	margin-top: 20px;
	margin-bottom: 24px;
	text-align: center;
}

/* リクエスト登録フォーム */

.tb_inquiry_form table td {
	font-size: 1em;
	margin: 0px;
	padding: 2px 0px;
	border: 0px dotted #CCCCCC;
}
.tb_inquiry_form td p {
	font-size: 1em;
	margin: 8px 0px;
	padding: 2px 0px;
	background-color: #EEEEEE;
}
.tb_inquiry_form table td em{
	font-size: 0.875em;
	font-style: normal;
	color: #999999;
	margin-left: 2px;
}
.tb_inquiry_form_wide td select{
	margin: 2px;
}