@charset "Shift_JIS";

/* Reset
---------------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,img,
blockquote,q,table,thead,tbody,tfoot,caption,th,tr,td,a,
form,fieldset,input,textarea,pre{margin:0; padding:0;}

img { padding: 0px; margin: 0px; border: none; }

a { font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; }
a:link, a:visited { color: #1D4DB8; text-decoration: none; }
a:hover { color: #ff0000; text-decoration: none; }
a:active { color: #ff0000; text-decoration: none; }

/* BASE SETTTING
---------------------------------------------------------- */
body {
	position: relative;
	min-width: 850px;
	background: #ffffff;
	padding: 0;
	text-align: center;
	color: #000000;
    font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
	background:url("../../images/bg_header.gif") repeat-x 50% 0;
}
#wrapper {
	position: relative;
	background: none;
	margin: 0 auto;
	width: 850px;
	text-align: left;
	overflow: visible;
}

#body_top {
	position: relative;
	min-width: 850px;
	background: #ffffff;
	padding: 0;
	text-align: center;
	color: #000000;
    font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}
#wrapper_top {
	position: relative;
	background: none;
	margin: 0 auto;
	width: 850px;
	text-align: center;
	overflow: visible;
}




/* ヘッダー
---------------------------------------------------------- */
#headerarea {
	width: 850px;
	height: 80px;
	border-top:4px solid #6882BB;
}


#logo {
	float: left;
	width: 279px; 
    padding-top: 37px;
}
#navi_header {
	float: right;
	width: 571px; 
    margin-top: 46px;
}

/* フッター
---------------------------------------------------------- */
.bacK_top {
	text-align: right;
	margin-top: 80px;
	padding: 0px 3px 0px 0px;
}

#footerarea {
	text-align: right;
	border-top:1px solid #6882BB;
	margin-top: 5px;
	padding: 10px 3px 50px 0px;
}






/* メインコンテンツ
---------------------------------------------------------- */
#maincontentsarea {
	width: 850px;
}
#maincont_left {
	float: left;
	width: 630px;
	margin-right: 20px;
}
#maincont_right {
	float: right;
	width: 200px;
}



/* コンテンツ共通
---------------------------------------------------------- */
#contentsarea {
	margin-top: 50px;
}

.basic_table {
	width: 630px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.basic_table td {
	border-bottom:1px solid #cccccc;
	padding: 20px 0px 5px 0px;
}


/* 会社概要
---------------------------------------------------------- */
.coinfo_coname {
	border-bottom: 2px solid #6882BB;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}

.coinfo_txt {
	margin-bottom: 10px;
}

.cogroup {
	margin-bottom: 80px;
}

.coinfo_yakuin_left {
	float: left;
	width: 50px;
}
.coinfo_yakuin_right {
	float: right;
	width: 200px;
}

.coinfo_float_left {
	float: left;
	width: 100px;
}
.coinfo_float_right {
	float: right;
	width: 450px;
}
.enkaku p {
	margin-bottom: 5px;
}



/* 採用情報
---------------------------------------------------------- */
.rec_box {
	margin-bottom: 50px;
}

.rec_m {
	margin-bottom: 10px;
}
.rec_sub {
	margin-bottom: 5px;
	font-weight: bold;
}

.rec_sub2 {
	border-bottom: 1px solid #6882BB;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}

.rec_left {
	float: left;
	width: 380px;
}
.rec_right {
	float: right;
	width: 250px;
	text-align: right;
}



/* 実績
---------------------------------------------------------- */
.pagetitle {
	margin-bottom: 20px;
}

.works_box {
	margin-bottom: 18px;
}
.works_box .photo {
	float: left;
	padding-right: 18px;
}

.works_Table {
    border:1px solid #6A6A6A;
}
.works_exhibition_photo {
	padding: 10px 0px 0px 0px;
}
.works_exhibition_photo2 {
	padding: 10px 0px 10px 0px;
}
.works_exhibition_photo3 {
	padding: 10px 10px 10px 0px;
}

.works_top_box1 {
	margin-bottom: 50px;
}
.works_top_box2 .title {
	text-align: center;
}
.works_top_box2 .plan_left {
	float: left;
	width: 230px;
	font-weight: bold;
}
.works_top_box2 .plan_right {
	float: right;
	width: 400px;
}
.works_top_box2 p {
	margin-bottom: 5px;
}



/* アクセス
---------------------------------------------------------- */
.access_box p {
	margin-bottom: 10px;
}
.access_box .root {
	font-weight: bold;
}


/* バナースタンド
---------------------------------------------------------- */
.bannerstand_box p {
	text-align: center;
	margin-bottom: 10px;
}
.bannerstand_left {
	float: left;
}
.bannerstand_right {
	float: right;
}
.bannerstand_table {
	width: 374px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}
.bannerstand_table td {
	border-bottom:1px solid #cccccc;
	padding: 20px 0px 5px 0px;
}




/* ===== サイトマップ */
.sitemap ul.dir1 li {
    padding : 16px 0px ;
    background-image : url("../../sitemap/images/dot.gif");
    background-position : left bottom ;
    background-repeat : no-repeat ;
    list-style: none;
}

.sitemap ul.dir1 li a {
    padding : 3px 0px 3px 13px ;
    background-image : url("../../sitemap/images/link_point.gif");
    background-position : left center ;
    background-repeat : no-repeat ;
    text-decoration: none;
}

.sitemap ul.dir1 li.before {
    background-image : none ;
    padding-bottom : 0px ;
}

.sitemap ul li.last {
    background-image : none ;
}

.sitemap ul.dir1 li.dir2 ul {
    padding : 0px;
    margin : 0 0 0 20px;
    display :block;
    background-image : none ;
}

.sitemap ul.dir1 li.dir2 ul li {
    padding : 5px 0px ;
    background-image : none ;
}

.sitemap ul.dir1 li.dir2 ul li a {
    padding : 3px 0px 3px 13px ;
    background-image : url("../images/link_point.gif");
    background-position : left center ;
    background-repeat : no-repeat ;
}







br.clr{ margin: 0; padding: 0; clear:both; }

.ftLeft { float: left; }
.ftRight { float: right; }
.allClear { clear: both; }

/* PADDING ALL */
.pd1px { padding: 1px; }
.pd3px { padding: 3px; }
.pd5px { padding: 5px; }
.pd10px { padding: 10px; }
.pd15px { padding: 15px; }
.pd20px { padding: 20px; }
.pd25px { padding: 25px; }
/* PADDING TOP */
.pt1px { padding-top: 1px; }
.pt3px { padding-top: 3px; }
.pt5px { padding-top: 5px; }
.pt10px { padding-top: 10px; }
.pt15px { padding-top: 15px; }
.pt20px { padding-top: 20px; }
.pt25px { padding-top: 25px; }
/* PADDING RIGHT */
.pr1px { padding-right: 1px; }
.pr3px { padding-right: 3px; }
.pr5px { padding-right: 5px; }
.pr10px { padding-right: 10px; }
.pr15px { padding-right: 15px; }
.pr20px { padding-right: 20px; }
.pr25px { padding-right: 25px; }
/* PADDING BOTTOM */
.pb1px { padding-bottom: 1px; }
.pb3px { padding-bottom: 3px; }
.pb5px { padding-bottom: 5px; }
.pb10px { padding-bottom: 10px; }
.pb15px { padding-bottom: 15px; }
.pb20px { padding-bottom: 20px; }
.pb25px { padding-bottom: 25px; }
/* PADDING LEFT */
.pl1px { padding-left: 1px; }
.pl3px { padding-left: 3px; }
.pl5px { padding-left: 5px; }
.pl10px { padding-left: 10px; }
.pl15px { padding-left: 15px; }
.pl20px { padding-left: 20px; }
.pl25px { padding-left: 25px; }

/* MARGIN ALL */
.mg1px { margin: 1px; }
.mg3px { margin: 3px; }
.mg5px { margin: 5px; }
.mg10px { margin: 10px; }
.mg15px { margin: 15px; }
.mg20px { margin: 20px; }
.mg25px { margin: 25px; }
/* MARGIN TOP */
.mt1px { margin-top: 1px; }
.mt3px { margin-top: 3px; }
.mt5px { margin-top: 5px; }
.mt10px { margin-top: 10px; }
.mt15px { margin-top: 15px; }
.mt20px { margin-top: 20px; }
.mt25px { margin-top: 25px; }
/* MARGIN RIGHT */
.mr1px { margin-right: 1px; }
.mr3px { margin-right: 3px; }
.mr5px { margin-right: 5px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr20px { margin-right: 20px; }
.mr25px { margin-right: 25px; }
/* MARGIN BOTTOM */
.mb1px { margin-bottom: 1px; }
.mb3px { margin-bottom: 3px; }
.mb5px { margin-bottom: 5px; }
.mb10px { margin-bottom: 10px; }
.mb15px { margin-bottom: 15px; }
.mb20px { margin-bottom: 20px; }
.mb25px { margin-bottom: 25px; }
/* MARGIN LEFT */
.ml1px { margin-left: 1px; }
.ml3px { margin-left: 3px; }
.ml5px { margin-left: 5px; }
.ml10px { margin-left: 10px; }
.ml15px { margin-left: 15px; }
.ml20px { margin-left: 20px; }
.ml25px { margin-left: 25px; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.valignTop { vertical-align: top; }
.valignMiddle { vertical-align: middle; }
.valignBottom { vertical-align: bottom; }




/* ===== headernavi */
#headernavi {
	background: url("../../images/navi_header.gif") no-repeat;
	width: 571px;
	height: 34px;
	position: relative;
	}
#headernavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
#headernavi li, #headernavi a {
	height: 34px;
	display: block;
	}
#headernavi a {
	text-indent: -5000px;
	text-decoration: none;
	}
#headernavi_home, #headernavi_home_stay {left: 0px; width: 118px;}
#headernavi_works, #headernavi_works_stay {left: 118px; width: 61px;}
/* #headernavi_banner, #headernavi_banner_stay {left: 179px; width: 98px;} */
#headernavi_recruit, #headernavi_recruit_stay {left: 179px; width: 66px;}
#headernavi_access, #headernavi_access_stay {left: 245px; width: 100px;}
#headernavi_contact, #headernavi_contact_stay {left: 345px; width: 71px;}
#headernavi_sitemap, #headernavi_sitemap_stay {left: 416px; width: 57px;}

#headernavi_home a:hover, #headernavi_home a:visited:hover { background: transparent url("../../images/navi_header.gif") 0px -34px no-repeat;}
#headernavi_home_stay, #headernavi_home_stay a:hover, #headernavi_home_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") 0px -34px no-repeat;}

#headernavi_works a:hover, #headernavi_works a:visited:hover { background: transparent url("../../images/navi_header.gif") -118px -34px no-repeat;}
#headernavi_works_stay, #headernavi_works_stay a:hover, #headernavi_works_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") -118px -34px no-repeat;}

/* #headernavi_banner a:hover, #headernavi_banner a:visited:hover { background: transparent url("../../images/navi_header.gif") -179px -34px no-repeat;} */
/* #headernavi_banner_stay, #headernavi_banner_stay a:hover, #headernavi_banner_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") -179px -34px no-repeat;} */

#headernavi_recruit a:hover, #headernavi_recruit a:visited:hover { background: transparent url("../../images/navi_header.gif") -179px -34px no-repeat;}
#headernavi_recruit_stay, #headernavi_recruit_stay a:hover, #headernavi_recruit_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") -179px -34px no-repeat;}

#headernavi_access a:hover, #headernavi_access a:visited:hover { background: transparent url("../../images/navi_header.gif") -245px -34px no-repeat;}
#headernavi_access_stay, #headernavi_access_stay a:hover, #headernavi_access_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") -245px -34px no-repeat;}

#headernavi_contact a:hover, #headernavi_contact a:visited:hover { background: transparent url("../../images/navi_header.gif") -345px -34px no-repeat;}
#headernavi_contact_stay, #headernavi_contact_stay a:hover, #headernavi_contact_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") -345px -34px no-repeat;}

#headernavi_sitemap a:hover, #headernavi_sitemap a:visited:hover { background: transparent url("../../images/navi_header.gif") -416px -34px no-repeat;}
#headernavi_sitemap_stay, #headernavi_sitemap_stay a:hover, #headernavi_sitemap_stay a:visited:hover { background: transparent url("../../images/navi_header.gif") -416px -34px no-repeat;}





/* ===== LocalNavi WORKS */
#localnavi_works li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; }
#localnavi_works li, #localnavi_works a { height: 67px; display: block; }
#localnavi_works a { text-indent: -5000px; text-decoration: none; }

#localnavi_works {
	margin: 0;
	padding: 0;
	background: url("../../works/images/subnavi_works.gif") no-repeat;
	width: 200px;
	height: 335px;
	position: relative;
	}

#localnavi_works_1 a:hover, #localnavi_works_1 a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px 0px no-repeat;}
#localnavi_works_1_stay, #localnavi_works_1_stay a:hover, #localnavi_works_1_stay a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px 0px no-repeat;}

#localnavi_works_2 a:hover, #localnavi_works_2 a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -67px no-repeat;}
#localnavi_works_2_stay, #localnavi_works_2_stay a:hover, #localnavi_works_2_stay a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -67px no-repeat;}

#localnavi_works_3 a:hover, #localnavi_works_3 a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -134px no-repeat;}
#localnavi_works_3_stay, #localnavi_works_3_stay a:hover, #localnavi_works_3_stay a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -134px no-repeat;}

#localnavi_works_4 a:hover, #localnavi_works_4 a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -201px no-repeat;}
#localnavi_works_4_stay, #localnavi_works_4_stay a:hover, #localnavi_works_4_stay a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -201px no-repeat;}

#localnavi_works_5 a:hover, #localnavi_works_5 a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -268px no-repeat;}
#localnavi_works_5_stay, #localnavi_works_5_stay a:hover, #localnavi_works_5_stay a:visited:hover { background: transparent url("../../works/images/subnavi_works.gif") -200px -268px no-repeat;}




/* ===== LocalNavi ABOUT */
#localnavi_about1 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; }
#localnavi_about1 li, #localnavi_about1 a { height: 67px; display: block; }
#localnavi_about1 a { text-indent: -5000px; text-decoration: none; }

#localnavi_about1 {
	margin: 0;
	padding: 0;
	background: url("../../about/images/subnavi_about1.gif") no-repeat;
	width: 200px;
	height: 67px;
	position: relative;
	}

#localnavi_about1_1 a:hover, #localnavi_about1_1 a:visited:hover { background: transparent url("../../about/images/subnavi_about1.gif") -200px 0px no-repeat;}
#localnavi_about1_1_stay, #localnavi_about1_1_stay a:hover, #localnavi_about1_1_stay a:visited:hover { background: transparent url("../../about/images/subnavi_about1.gif") -200px 0px no-repeat;}





/* ===== LocalNavi ABOUT */
#localnavi_about2 li { margin: 0; padding: 0; list-style: none; position: relative; top: 0px; left: 0px; }
#localnavi_about2 li, #localnavi_about2 a { height: 67px; display: block; }
#localnavi_about2 a { text-indent: -5000px; text-decoration: none; }

#localnavi_about2 {
	margin: 0;
	padding: 0;
	background: url("../../about/images/subnavi_about2.gif") no-repeat;
	width: 200px;
	height: 268px;
	position: relative;
	}

#localnavi_about2_1 a:hover, #localnavi_about2_1 a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px 0px no-repeat;}
#localnavi_about2_1_stay, #localnavi_about2_1_stay a:hover, #localnavi_about2_1_stay a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px 0px no-repeat;}

#localnavi_about2_2 a:hover, #localnavi_about2_2 a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -67px no-repeat;}
#localnavi_about2_2_stay, #localnavi_about2_2_stay a:hover, #localnavi_about2_2_stay a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -67px no-repeat;}

#localnavi_about2_3 a:hover, #localnavi_about2_3 a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -134px no-repeat;}
#localnavi_about2_3_stay, #localnavi_about2_3_stay a:hover, #localnavi_about2_3_stay a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -220px -134px no-repeat;}

#localnavi_about2_4 a:hover, #localnavi_about2_4 a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -201px no-repeat;}
#localnavi_about2_4_stay, #localnavi_about2_4_stay a:hover, #localnavi_about2_4_stay a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -201px no-repeat;}

#localnavi_about2_5 a:hover, #localnavi_about2_5 a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -268px no-repeat;}
#localnavi_about2_5_stay, #localnavi_about2_5_stay a:hover, #localnavi_about2_5_stay a:visited:hover { background: transparent url("../../about/images/subnavi_about2.gif") -200px -268px no-repeat;}