@charset "utf-8";

/*************************************/
/* ホクタテ systemカテゴリー用CSS            */
/*************************************/

/* 全ページ共通CSS読み込み */
@import url("common.css");

/* 全ページ共通ヘッダーメニューCSS読み込み */
@import url("menu.css");

/* 全ページ共通ヘッダーサイドメニューCSS読み込み */
@import url("s-link.css");


/***** systemカテゴリー用CSSを記述 *****/

.index_copy_text{
	width:370px;
	text-align:left;
	margin-top:20px;
	margin-bottom:5px;
	float:left;
}
.index_copy_text span.index_copy_L{
	display:block;
	width:370px;
	font-size:large;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.index_copy_text p{
	width:300px;
	margin-top:1em;
}
.index_copy_image{
	width:230px;
	margin-top:20px;
	margin-bottom:5px;
	float:left;
}


.computer_copy_text{
	width:364px;
	text-align:left;
	margin-top:20px;
	margin-bottom:5px;
	float:left;
}
.computer_copy_text span.computer_copy_L{
	display:block;
	width:364px;
	font-size:large;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
.computer_copy_text p{
	width:300px;
	margin-top:1em;
}
.computer_copy_image{
	width:236px;
	margin-top:20px;
	margin-bottom:5px;
	float:left;
}

.kiss_content_area{
	width:600px;
	margin-top:20px;
	text-align:center;
}
.kiss_content_area span{
	display:none;
}

.kiss_content_area .kiss_content_box{
	width:298px;
	height:115px;
	margin-top:4px;
	background-position:left top;
	background-repeat:no-repeat;
}
.kiss_content_area .left_box01{
	background-image:url(../_images/system/bg_kiss01.jpg);
	float:left;
}
.kiss_content_area .left_box01 p{
	display:block;
	width:210px;
	margin-left:auto;
	margin-right:auto;
	margin-top:65px;
	text-align:left;
}
.kiss_content_area .right_box01{
	background-image:url(../_images/system/bg_kiss02.jpg);
	float:right;
}
.kiss_content_area .right_box01 p{
	display:block;
	width:230px;
	margin-left:auto;
	margin-right:auto;
	margin-top:65px;
	text-align:left;
}
.kiss_content_area .left_box02{
	background-image:url(../_images/system/bg_kiss03.jpg);
	float:left;
}
.kiss_content_area .right_box02{
	background-image:url(../_images/system/bg_kiss04.jpg);
	float:right;
}

.kiss_content_area .right_box02 p{
	display:block;
	width:280px;
	margin-left:auto;
	margin-right:auto;
	margin-top:75px;
	text-align:center;
}

.chart_kiss_area{
	width:478px;
	margin-left:51px;
	margin-right:51px;
	margin-top:30px;
	margin-bottom:25px;
}

.kiss_list li{
	list-style:none;
	background-image:url(../_images/common/bg_list.gif);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:15px;
	text-align:left;
}














.text_space_building {
	width:445px;
	margin-top:0px;
	margin-left:20px;
	float:right;
}
.photo_space_building{
	width:115px;
	margin-top:0px;
	margin-left:0px;
	float:right;
}
.icon_service{
	margin-top:15px;
	margin-bottom:5px;
}
.text-service{
	color:#006633;
}

.security-iamge02 {
	margin-top:20px;
	margin-bottom:15px;
}
.text_space_security {
	width:270px;
	margin-top:0px;
	margin-right:18px;
	float:left;
}
.photo_space_security{
	width:292px;
	margin-top:0px;
	margin-right:0px;
	float:left;
}

.pfi-chart01{
	margin-top:10px;
}

.what_pfi{
	width:580px;
	margin-top:15px;
	margin-bottom:30px;
	text-align:center;
	background-position:left top;
	background-repeat:no-repeat;
}
.what_pfi1{
	height:143px;
	background-image:url(../_images/building/bg_what_pfi.jpg);
}
.what_pfi2{
	height:122px;
	background-image:url(../_images/building/bg_what_pfi2.jpg);
}

.what_pfi .pfi_copy{
	display:block;
	width:580px;
	padding-top:5px;
	color:#6666CC;
	font-size:21px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	text-align:center;
}
.what_pfi p.pfi_text{
	display:block;
	width:530px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	font-size:12px;
	text-align:left;
}
.pfi_text_space {
	width:580px;
	margin-top:5px;
	margin-left:0px;
	background-color:#FFFFFF;
}
.text_space_pfi {
	width:290px;
	margin-top:0px;
	margin-left:15px;
	float:right;
}
.photo_space_pfi{
	width:275px;
	margin-top:0px;
	margin-right:0px;
	float:right;
}

.pfi_link {
	margin-top:10px;
}
.pfi_link a span {
	display:none;
}
.pfi_link a{
	display:block;
	width:249px;
	height:28px;
	background-position:center top;
	background-repeat:no-repeat;
}
.pfi_link a:hover{
	background-position:center -28px;
}
.pfi_link a.link01{
	background-image:url(../_images/building/link_pfi01.jpg);
}
.pfi_link a.link02{
	background-image:url(../_images/building/link_pfi02.jpg);
}

.text_space_library {
	width:234px;
	margin-top:0px;
	margin-left:0px;
	float:left;
}
.library_list li{
	list-style:none;
	background-image:url(../_images/common/bg_list.jpg);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:18px;
	text-align:left;
	color:#000066;
	font-size:14px;
	line-height:22px;
}

.photo_space_library{
	width:168px;
	margin-top:0px;
	padding-left:5px;
	float:left;
}