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

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

img {
	border: none;
}

body {
	background-color: #7d9cbc;
	background-image: url(../images/bg_top.gif);
	background-repeat: repeat-x;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.c_r {
	clear: right;
}

.c_l {
	clear: left;
}

.clear {
	clear: both;
}

.mb10 {
	margin-bottom: 10px;
}


#navi {
	position: relative;
	width: 250px;
	background-image:url(../images/navi/bg.jpg);
	background-repeat: no-repeat;
}

#navi #n_contact {
	border: 1px solid #245bff;
	text-align: center;
	width: 240px;
	margin: 4px;
	height: 168px;
	background-color: #fff;
}

#navi dt {
	cursor: pointer;
}


#navi dd {
	display: none;
}


#main {
	width: 950px;
	margin: 0 auto;
	background:url(../images/bg.gif);
	background-repeat: repeat-y;
	padding: 0 10px;
}

#header {
	width: 950px;
	margin: 0 auto;
}

#header p {
	font-size: 8pt;
	color: #FFF;
	margin-bottom: 5px;
}

#header .logo {
	float:left;
	margin-bottom: 5px;
}

#header h1 {
	font-size: 8pt;
	color: #FFF;
	font-weight: normal;
}

#fontsize {
	font-size: 80%;
	text-align:right;
}

#headmenu {
	float: right;
	font-size: 80%;
}

#fntsml {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 90%;
}

#fntbig {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 150%;
}

#fontsize a {
	text-decoration: none;
	color: #000;
}

#flash {
	height: 200px;
	clear: both;
	background-image: url(../images/flash.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#036;
	margin: 0 0;
	padding: 0 0;
}


#menu {
	width: 250px;
	height: 750px;
}

#contents {
	width: 695px;
	float: right;
}

#cbox ul {
	margin: 0 0;
	padding: 0 0;
	list-style:none;
}	
	
#cbox li {
	width: 200px;
	height: 250px;
	margin: 0 1px 0 0;
	padding: 50px 15px 0 15px;
	display:inline;
	float: left;
	background-color:#333;
	color: #CCC;
	font-size: 90%;
	line-height: 180%;
}

#cbox li.repo {
	background-image: url(../images/reporting.jpg);
	background-repeat:no-repeat;
}

#cbox li.web {
	background-image: url(../images/website.jpg);
	background-repeat:no-repeat;

}

#cbox li.sys {
	background-image: url(../images/system.jpg);
	background-repeat:no-repeat;
}

#ban {
	clear: left;
	margin-top: 20px;
}

#ban img {
	border-color: #CCC #666 #666 #CCC;
	border-width: 1px;
	border-style: solid;

}

#footnavi {
	font-size: 80%;
	text-align: center;
	padding: 10px 0;
	line-height: 180%;
}

#foot {
	background-color:#039;
	color: #FFF;
	font-size: 80%;
	text-align: center;
}

#foot a {
	color: #FFF;
}

#main2 {
	width: 950px;
	margin: 0 auto;
	background:url(../images/bg.gif);
	background-repeat: repeat-y;
	padding: 20px 10px;
}


#intro {
	width: 90%;
	font-size: 90%;
	margin: 0 auto;
	line-height: 180%;
}

#intro ul {
	margin-left: 3em;
	font-weight: bold;
}

.txt {
	font-weight:bold;
	text-align: center;
	margin-top: 10px;
	color: #006;
}

.totop {
	text-align: right;
	font-size: 10pt;
	padding-right: 10px;
	line-height: 180%;
}

.top_kwsk {
	margin-top: 1em;
	margin-left: 80px;
}

#flash_box {
	text-align: center;
	background-color:#FFF;
	clear: both;
}



/* 　会社概要　　*/

#table {
	width: 680px;
	border-collapse:collapse;
	font-size: 90%;

}

#table th, #table td {
	border-bottom: dotted 1px #666;
	padding-top: 5px;
}

#table th {
	width: 135px;
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	background-color: #D9DCE6;
	color: #00002F;
}

#table td {
	padding-left: 10px;
}


/* サイトマップ　*/

#sitemap ul {
	margin-left: 20px;
	font-size: 80%;
	list-style-image: url(../images/mark.gif);
}

#sitemap li {
	padding: 5px 0;
}

#sitemap ul.svcl {
	float: left;
	width: 300px;
}

#sitemap ul.svcr {
	float: right;
	width: 300px;
}

#sitemap li.sm_ttl{
	margin-top: 10px;
	font-size: 120%;
	font-weight: bold;
}

#sitemap h5 {
	display:block;
	background-color:#2E63D1;
	border-top:#85A6F3 1px solid;
	border-left: #85A6F3 1px solid;
	border-right: #010F3D 1px solid;
	border-bottom: #010F3D 1px solid;
	padding: 5px;
	color:#FFF;
	margin-bottom: 5px;
}
	


#web, #reporting, #sys {
	width: 90%;
	font-size: 90%;
	margin: 0 auto;
}

#web h3, #reporting h3, #sys h3 {
	background-color:#36C;
	color: #FFF;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#web p, #reporting p, #sysp {
	padding: 0 1em;
}


#form table th {
	background-color: #06F;
	color: #FFF;
	width: 150px;
	font-size: 80%;
	padding: 10px 0;
}

#form .red {
	color: #F00;
}


#pp {
	width: 90%;
	margin: 0 auto;
	font-size: 80%;
}

.pptxt {
	font-size: 75%;
}





#works .box {
	display:block;
	width: 313px;
	border: #aaa solid 1px;
	padding: 10px;
	margin-top: 10px;
	margin-right:10px;
	float: left
}


#works .box h3 {
	border-left: #29313D solid 5px;
	padding-left:10px;
	font-size: 12pt;
	margin-bottom: 10px;
}

#works .box img {
	border-color: #CCC #666 #666 #CCC;
	border-width: 1px;
	border-style: solid;
	margin-left: 30px;
}

#works .box p {
	text-align: center;
	font-size: 80%;
}


#works .snsbox {
	display:block;
	width: 650px;
	border: #aaa solid 1px;
	padding: 10px;
	margin-top: 10px;
	margin-right:10px;
	float: left
}


#works .snsbox h3 {
	border-left: #29313D solid 5px;
	padding-left:10px;
	font-size: 12pt;
	margin-bottom: 10px;
}

#works .snsbox img {
	border-color: #CCC #666 #666 #CCC;
	border-width: 1px;
	border-style: solid;
	margin-left: 50px;
	float: left;
}

#works .snsbox p {
	text-align: center;
	font-size: 80%;
}


#works h5 {
	display:block;
	background-color:#2E63D1;
	border-top:#85A6F3 1px solid;
	border-left: #85A6F3 1px solid;
	border-right: #010F3D 1px solid;
	border-bottom: #010F3D 1px solid;
	padding: 5px;
	color:#FFF;
	margin-bottom: 5px;
	margin-top: 10px;
}
	



.f_r2 {
	float: right;
	margin-right: 2em;
}

.f_l2 {
	float: left;
	margin-left: 2em;
}


#root {
	font-size: 80%;
	margin-bottom: 20px;
}

.temali {
	margin-left: 2em;
}


.temali li {
	float: left;
	width: 330px;
	list-style-image: url(../images/system/mark.gif);
	font-size: 90%;
	padding-top: 10px;
}

.m10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mt10c {
	margin-top: 10px;
	margin-left: 323px;
}


#temabox {
	font-size: 90%;
	margin: 0 auto;
}

#temabox p {
	margin: 0 10px;
}

#temabox strong {
	color:#F60;
}

.imgz img {
	border-style: solid;
	border-width: 1px;
	border-color: #CCC #333 #333 #CCC;
	margin-bottom: 10px;
}

.tmirz h3 {
	color: #006;
}


/*																	レポーティング		*/


#repo_head {
	background-image: url(../images/report_ttl.gif);
	background-repeat: no-repeat;
	width: 680px;
	height: 100px;
}

#repo_head #repo_ban {
	padding-top: 50px;
	margin-left: 330px;
}

.repo3 {
	margin: 0 auto;
	text-align: center;
	width: 378px;
	height: 326px;
	background-image: url(../images/reporting/3repo_bg.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.bgc {
	background-color: #FFC;
	margin: 5px 20px;
	padding: 10px 20px;
	line-height: 150%;
	font-weight: bold;
}

.nayamibox {
	border: 2px solid #999;
	padding: 10px;
	line-height: 180%;
}

.ta_c {
	text-align: center;
}

.tc_blue {
	color: #039;
}







/*																				web		*/

.imgb1 img {
	border: 1px solid #999;
	vertical-align: middle;
	margin-top: 10px;
}

.gld {
	border: 1px solid #c60;
}

.point_box {
	border: 1px solid #039;
	padding-left: 20px;
}










.s_f_l {
	float: left;
	margin: 10px;
}

.s_p {
	margin: 10px;
}

.fs80 {
	font-size: 80%;
}







ul.cst_list {
	margin-left: 50px;
	list-style: none;
}


ul.cst_list ol {
	font-weight: bold;
	margin-top: 10px;
	margin-left: -20px;
}

.cst_ttl {
	border: 1px solid #039;
	background-color: #B6D3F3;
	width: 500px;
	padding: 5px;
	font-weight: bold;
	color:#03C;
}




/*																			form			*/

#form {
	line-height: 150%;
}

#form td {
	padding: 5px;
}





/*																			LINK		*/

#link {
	margin: 0 30px;
}

.brd1 {
	border: 1px solid #999;
	text-align: center;
	padding: 20px 0;
}
	
#link p {
	font-size: 80%;
}

.linktag {
	padding: 10px;
	text-align: center;
	display: block;
	background-color: #eee;
	border: 1px solid #666;
	margin: 0 20px;
}

#link ul {
	margin-left: 30px;
	margin-top:10px;
}






















/*																						*/


table.din {
	width: 600px;
	border-collapse:2px;
	border-spacing: 1px;
	border: 1px solid #333;
}

table.din th {
	background-color: #add8e6;
	text-align: center;
	border: 1px solid #333;
}
	
table.din .e {
	background-color: #f0e68c;
	width: 30px;
	text-align: center;
}

table.din .s {
	background-color: #d8bfd8;
	width: 30px;
	text-align: center;
}

table.din td {
	background-color: #fff;
	text-align: left;
	border: 1px solid #333;
	padding: 5px;
}



#form_img {
	height: 200px;
	clear: both;
	background-image: url(../images/form.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#FFF;
}

#system_img {
	height: 200px;
	clear: both;
	background-image: url(../images/system/sys_main.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#FFF;
}

#din_img {
	height: 200px;
	clear: both;
	background-image: url(../images/system/din_main.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#FFF;
}

#tema_img {
	height: 200px;
	clear: both;
	background-image: url(../images/system/tema_main.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#FFF;
}


#web_img {
	height: 200px;
	clear: both;
	background-image: url(../images/works/works_main.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#FFF;
}


#repomain {
	height: 200px;
	clear: both;
	background-image: url(../images/repo_main.jpg);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#FFF;
}


#form_img p, #system_img p, #web_img p,  {
	display: none;
}







table#recruit th {
	background-color: #6476A4;
	text-align: left;
	width: 150px;
	padding: 5px;
}

table#recruit td {
	background-color: #DDE2EA;
}



#rec table {
	font-size: 80%;
	margin-left: 20px;
	width: 600px;
}


#rec table th {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #033;
	border-right: 1px solid #033;
	font-weight: normal;
	width: 120px;
	padding: 5px 10px;
	background-color: #DDE6DB;
}

#rec table td {
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #033;
	border-right: 1px solid #033;
	font-weight: normal;
	padding: 5px 10px;
	background-color: #eDf6eB;
}


#rec table tr.ttl th, #rec table tr.ttl td {
	background-color: #9ECBAE;
}


#nnmt p {
	margin-bottom: 5px;
}