@charset 'utf-8';
@import url("common.css");

/* ------------------------------
メインブログスタイルシート
------------------------------ */

/* ========== right =================*/


/* ========== main (top) =================*/

.top {	height		:240px;
	background	:url("http://www.oki-k.com/img/top_main.jpg") 10px no-repeat;}

.top h2 {
	padding-top	:105px;
	padding-left:30px;
	font-size	:14px;
	font-weight	:normal;
	line-height	:1.3;
	width		:610px;
	}

.top p img {
	margin:20px 0 10px 80px;
	}
	
.top p a:hover {
	position:relative;
	top:1px;
	left:1px;
	}	

p.apart {
	line-height	:1.3;
	margin-left	:10px;
	font-size:14px;
}

.ex {
	float	:left;
	width	:194px;
	height	:270px;
	border	:1px #999 solid;
	margin	:5px 0px 5px 10px;
	display:inline;
}

.ex h4 {
	background	:url("http://www.oki-k.com/img/buld_blue.gif") no-repeat;
	font-weight	:bold;
	font-size	:14px;
	width		:190px;
	height		:30px;
	margin		:1px 2px;
	line-height	:30px;
	text-indent	:5px;
	color		:#ffffff;
}

.ex img {
	margin	:0px 2px 5px 2px;
}

p.ex_txt {
	margin	:0px 5px;
	line-height	:1.3;
	font-size:14px;
}

p.kochira {
	padding	:5px 5px 5px 0;
	text-align	:right;
}

p.kochira a:hover {
	position:relative;
	top:1px;
	left:1px;
	}

p.ichiran {
	clear	:both;
	margin	:10px 0px 5px 500px;
}

p.ichiran a:hover {
	position:relative;
	top:1px;
	left:1px;
	}

#new {margin	:5px 0px 10px 0px;}

#new p {
	padding		:5px 10px 5px 0;
	line-height	:1.3;
	margin-left	:10px;
	font-size:14px;
}	

.newsBox {
	list-style	:none;
	width		:610px;
	margin-left	:10px;
}

.newsBox li{
	width		:595px;
	list-style	:none;
	background	:url("http://www.oki-k.com/img/li_icon.gif") no-repeat;
	background-position	:0px 7px;
	border-bottom	:1px dotted #666666;
}

.liLeft {
	font-size	:14px;
	color		:#333;
	float		:left;
	width		:400px;
	margin-left	:15px;
	line-height	:1.3;
}

.liRight {
	font-size	:14px;
	color		:#333;
	float		:right;
	text-align	:right;
	width		:150px;
	line-height	:1.3;
}

#report {
	clear	:both;
	padding	:5px 0px;
}

#report h3 {
	margin	:5px 10px 5px 0;
	margin-left	:10px;
}

.Report {
	font-size	:14px;
	line-height	:1.3;
	margin-left	:10px;
}
	
.reportEX {
	float	:left;
	width	:294px;
	height	:320px;
	margin	:5px 3px 5px 10px;
	border	:1px #999 solid;
	display	:inline;
}

.reportEX h4 {
	background	:url("http://www.oki-k.com/img/buld_bg.gif") no-repeat;
	font-weight	:bold;
	font-size	:14px;
	width		:290px;
	height		:28px;
	margin		:2px 2px;
	line-height	:28px;
	text-indent	:20px;
	color	:#ffffff;
}

.REpic {margin	:1px 2px;}

.REex {
	margin		:5px;
	line-height	:1.3;
	font-size:14px;
}

/* ========== main (haika common) =================*/

#tit p {
	height	:120px;
	margin	:10px 0 10px 10px;
}

#tit h2 {
	font-size	:14px;
	font-weight	:normal;
	line-height	:1.3;
	margin-left	:10px;
}

p.pan {
	font-size:14px;
	text-align:right;
	margin:30px 10px 10px 10px;
	}

#title h3 {margin	:10px 0 5px 10px;}

#title p {
	font-size	:14px;
	font-weight	:normal;
	line-height	:1.3;
	margin		:10px 0 10px 10px;
	}
	
#title h4 {
	background	:url("http://www.oki-k.com/img/bg_greenlong.gif") no-repeat;
	font-size	:16px;
	font-weight	:bold;
	line-height	:1.3;
	height		:30px;
	color		:#ffffff;
	margin		:10px 0 15px 10px;
	text-indent	:10px;
	padding-top	:5px;
	}

/* ========== main (flow) =================*/

.step_title{border-bottom	:1px solid #3366cc;}

.step_title h4 {
	font-size	:16px;
	font-weight	:bold;
	margin-left	:10px;
	/*border-bottom	:1px solid #3366cc;*/
	line-height		:30px;
	display:inline;
	padding: 0 0 3px 0;
}

.step img{vertical-align:text-bottom;}

.step {
	line-height	:1.3;
	font-size	:14px;
	margin		:5px 15px;
}

.step dt {
	font-weight	:bold;
	font-size	:14px;
	margin		:10px 10px 5px 10px;
	line-height	:1.3;
	background	:url("http://www.oki-k.com/img/li_icon.gif") no-repeat;
	background-position	:0 2px;
	text-indent	:10px;
}

.step dd {
	font-weight	:normal;
	font-size	:14px;
	line-height	:1.3;
	margin		:0px 10px 5px 10px;
}

.step p {
	margin	:15px 10px;
	font-size:14px;
	text-align:center;
	}

/* ========== main (company) =================*/

table#COtable {
	width		:600px;
	margin		:0 10px 30px 15px;
	border-collapse:collapse;
	}

#COtable th {
	font-size	:14px;
	line-height	:1.3;
	color		:#333;
	width		:160px;
	height		:70px;
	background-color:#CCFFFF;
	/*==background:	:url("http://www.oki-k.com/img/blue70.gif") repeat-x;*/
	border:#fff 1px solid;
	text-align	:center;
}

#COtable td {
	font-size	:14px;
	color		:#333;
	text-align	:left;
	line-height	:1.3;
	margin-right:10px;
	padding-left:5px;
	border		:1px solid #66cccc;
}

/* ========== report =================*/

#chakko {
	clear	:both;
	border	:2px solid #cccccc;
	width	:605px;
	height	:304px;
	margin	:10px 0 10px 10px;
	}

p.BLDGphoto {
	float	:left;
	width	:400px;
	height	:300px;
	padding	:2px;
	}

.BLDG {
	float	:right;
	font-size:14px;
	line-height:1.3;
	width	:190px;
	padding :10px 2px;
	}

.BLDG dt {
	text-align	:left;
	margin-top	:10px;
	width:60px;
	font-weight	:bold;
	background-color:#99cc99;
	padding-left	:2px;
	}

.BLDG dd {
	margin-bottom:10px;
	border-bottom:1px dotted #99cc99;
	padding-left	:2px;
	}

/* ==========　report & main (sitemap) =================*/

.categoryLi h3 {margin	:10px 0 5px 10px;}
	
.categoryLi ul {
	list-style	:none;
	margin-left	:15px;
}

.categoryLi li{
	list-style	:none;
	margin-bottom:10px;
	background:url("http://www.oki-k.com/img/li_icon.gif") no-repeat;
	background-position	:0px 7px;
	text-indent:15px;
	padding-top:4px;
}

.sitemapTIT h4 {
	font-size:16px;
	font-weight:bold;
	border-left:solid 10px #0000FF;
	height:20px;
	text-indent:10px;
	margin:20px 10px 10px 10px;
	padding-top:5px;
	}

span.new {
    display: none;
    color: red;
    font-weight: bold;
}

.reportLi {
	list-style	:none;
	width		:610px;
	margin-left	:10px;
}

.reportLi li{
	width		:595px;
	list-style	:none;
	background	:url("http://www.oki-k.com/img/li_icon.gif") no-repeat;
	background-position	:1px 11px;
	border-bottom	:1px dotted #666666;
	margin:10px 0;
}

.liL {
	font-size	:14px;
	color		:#333;
	float		:left;
	width		:380px;
	margin-left	:15px;
	line-height	:2;
}

.liR {
	font-size	:14px;
	color		:#333;
	float		:right;
	text-align	:right;
	width		:200px;
	line-height	:2;
}

.reportTIT h3 {
	background	:url("http://www.oki-k.com/img/bg_greenlong.gif") no-repeat;
	font-size	:16px;
	font-weight	:bold;
	line-height	:1.3;
	height		:30px;
	color		:#ffffff;
	margin		:10px 0 0px 10px;
	text-indent	:25px;
	padding-top	:3px;
	}
	
.waku {
	width:610px;
	margin:10px;
	}
	
.Rpic {
	float:left;
	width:400px;
	margin:0px 0 5px 0px;
	}
	
.Rdetails {
	margin:0px 10px 5px 5px;
	float:left;
	width:195px;
	}

p.Rhead {
	background:url("http://www.oki-k.com/img/blue20.gif") repeat-x;
	width:170px;
	height:20px;
	margin:10px 0 5px 0;
	text-indent:5px;
	padding-top:4px;
	}

.Rdetails p {
	margin:0 0 10px 0;
	padding-left:5px;
	}

p.Rtext {
	clear:both;
	margin:10px 10px 0 10px;
	}	

/* ========== works =================*/

.worksLi {margin-bottom:50px;}

.worksLi ul {
	list-style	:none;
	margin-left	:15px;
}

.worksLi li{
	list-style	:none;
	margin		:20px 0;
}

.worksLi li a:hover {
	position:relative;
	left:3px;
	}

.worksTIT h3 {
	font-size:16px;
	font-weight:bold;
	border-left:solid 10px #0000FF;
	height:20px;
	text-indent:10px;
	margin:10px;
	padding-top:5px;
	}

.workBOX {
	width:610px;
	margin:10px;
	}
	
.Wpic {
	float:left;
	width:400px;
	margin:0px 0 5px 0px;
	}
	
.workBOX2 {
	clear:both;
	width:600px;
	margin:10px;
	padding-top:10px;
	border-top:dotted 1px #CEFEC5;
	}
	
.workB {
	width:280px;
	float:left;
	margin:0px 0 5px 0px;
	}
			
p.Wtext {margin:10px 5px 5px 0;}

.worksMAP {
	float:left;
	border:solid 1px #333;
	}	
		
/* ========== main (ask) =================*/

#askform {margin:20px 10px;}

#askform p {
	margin-bottom:5px;
	font-size:14px;
	line-height:1.3;
	}

p.askT {
	color		:#333;
	background:url("http://www.oki-k.com/img/blue20.gif") repeat-x;
	border:#FFFFFF 1px solid;
	height:20px;
	width:220px;
	text-indent:10px;
	padding-top:3px;
	margin-top:20px;
	}

/* ========== main (blog) =================*/

.blog h4 {
	background	:url("http://www.oki-k.com/img/blog.gif") no-repeat;
	font-size	:16px;
	font-weight	:normal;
	line-height	:1.3;
	height		:30px;
	color		:#ffffff;
	margin		:10px 0 0px 10px;
	text-indent	:10px;
	padding-top	:5px;
	}

.blog h4 a:link {color:#ffffff;}

.blog h4 a:active  {color:#ffffff;}

.blog h4 a:visited  {color:#ffffff;}

.blog h4 a:hover{color:#ff9900;text-decoration:none;}

.blog p {
	line-height:1.8;
	margin:5px 20px 5px 20px;
	}

p.blogdate {
	line-height	:1.5;
	text-align	:right;
	margin		:0 20px 15px 20px;
	}
	
/* ========== main (land apart) =================*/

.EXtit h4 {
	clear:both;
	background:url("http://www.oki-k.com/img/bg_greenlong.gif") no-repeat;
	text-indent:5px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	height:30px;
	margin:10px 0px 10px 10px;
	padding:6px 0 0 0px;
	}

.EXtit p {margin-left:10px;}
	
p.place {
	color:#006600;
	font-weight:bold;
	font-size:16px;
	margin:5px 10px;
	line-height:1.3;
	}

.TB1 h5 {
	padding-left:150px;
	}

table#begin {
	float:left;
	width		:450px;
	margin		:10px 0px 10px 10px;
	border-collapse:collapse;
	}

#begin thead {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
}

#begin thead th {
	background:url("http://www.oki-k.com/img/pink1.gif") repeat-x;
	border:#202020 1px solid;
	background-color:#ff9999;
	text-align	:center;
	height:50px;
	}

#begin tfoot th{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background:url("http://www.oki-k.com/img/pink3.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:center;
	height:50px;
}

#begin tfoot td{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	background:url("http://www.oki-k.com/img/pink3.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:right;
	padding-right:5px;
}

#begin tbody th {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background-color:#FDBBE1;
	border:#202020 1px solid;
	text-align	:center;
}

#begin tbody td {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	border:#202020 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	}

td.td1st {
	width:150px;
	text-align	:right;
	padding:5px;
}

td.td2nd {
	text-align	:left;
	padding:5px;
}

.rightPIC {
	float:left;
	text-align:left;
	}

p.up img {margin:70px 20px 50px 10px;}

p.down img {margin:170px 20px 50px 1px;} 

p.detailsPIC {clear:both;}

p.detailsPIC img {margin:15px 5px 30px 10px;}

.TB2 h5 {padding-left:130px;}

table#year {
	float:left;
	width		:450px;
	margin		:20px 0px 35px 10px;
	border-collapse:collapse;
	}

#year thead {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
}

#year thead th {
	color		:#333333;
	border:#202020 1px solid;
	background:url("http://www.oki-k.com/img/green1.gif") repeat-x;
	text-align	:center;
	height:50px;
	}

#year tfoot th{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background:url("http://www.oki-k.com/img/green3.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:center;
	height:50px;
}

#year tfoot td{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	background:url("http://www.oki-k.com/img/green3.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:right;
	padding-right:5px;
}

#year tbody th {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background-color:#DFFEDA;
	border:#202020 1px solid;
	text-align	:center;
}

#year tbody td {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	border:#202020 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	}

.TB3 h5 {
	padding-left:150px;
	}

table#begin2 {
	float:left;
	width		:450px;
	margin		:10px 0px 10px 10px;
	border-collapse:collapse;
	}

#begin2 thead {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
}

#begin2 thead th {
	background:url("http://www.oki-k.com/img/o1.gif") repeat-x;
	border:#202020 1px solid;
	background-color:#ff9999;
	text-align	:center;
	height:50px;
	}

#begin2 tfoot th{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background:url("http://www.oki-k.com/img/o2.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:center;
	height:50px;
}

#begin2 tfoot td{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	background:url("http://www.oki-k.com/img/o2.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:right;
	padding-right:5px;
}

#begin2 tbody th {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background-color:#CFFBFE;
	border:#202020 1px solid;
	text-align	:center;
}

#begin2 tbody td {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	border:#202020 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	}

td.td1st {
	width:150px;
	text-align	:right;
	padding:5px;
}

td.td2nd {
	text-align	:left;
	padding:5px;
}

.TB4 h5 {padding-left:130px;}

table#year2 {
	float:left;
	width		:450px;
	margin		:10px 0px 35px 10px;
	border-collapse:collapse;
	}

#year2 thead {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
}

#year2 thead th {
	color		:#333333;
	border:#202020 1px solid;
	background:url("http://www.oki-k.com/img/o4.gif") repeat-x;
	text-align	:center;
	height:50px;
	}

#year2 tfoot th{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background:url("http://www.oki-k.com/img/o3.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:center;
	height:50px;
}

#year2 tfoot td{
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	background:url("http://www.oki-k.com/img/o3.gif") repeat-x;
	border:#202020 1px solid;
	text-align	:right;
	padding-right:5px;
}

#year2 tbody th {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	width		:100px;
	background-color:#FEECB6;
	border:#202020 1px solid;
	text-align	:center;
}

#year2 tbody td {
	font-size	:16px;
	font-weight:bold;
	line-height	:1.3;
	color		:#333;
	border:#202020 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	}

.other {margin-bottom:20px;}

.other h3 {margin	:10px 0 5px 10px;}

.other p {
	font-size	:14px;
	font-weight	:normal;
	line-height	:1.3;
	margin		:10px 0 10px 10px;
	}

p.BT {
	float:left;
	margin:20px 25px 20px 30px;
	width:250px;
	}

p.BT a:hover {
	position:relative;
	left:3px;
	}

/* ========== main (kodawari) =================*/

.Ktit {
	margin	:20px 0 10px 10px;
	clear:both;
	}

.Ktit h4 {
	background	:url("http://www.oki-k.com/img/bg_greenlong2.gif") no-repeat;
	font-size	:16px;
	font-weight	:bold;
	line-height	:1.3;
	height		:30px;
	color		:#ffffff;
	margin		:10px 0 5px 0px;
	text-indent	:25px;
	padding-top	:3px;
	}
	
.Kbox {
	float	:left;
	background	:url("http://www.oki-k.com/img/kodawari_bg2.gif") no-repeat;
	width	:194px;
	height	:280px;
	margin	:5px 0px 5px 10px;
	display:inline;
}

.Kbox h5 {
	font-weight	:bold;
	font-size	:14px;
	width		:190px;
	padding-top:1px;
	margin		:1px 2px;
	line-height	:40px;
	text-align:center;
	color		:#333;
}

p.Kpic {margin	:0px 5px 5px 5px;}

p.Ktext {
	margin	:0px 5px;
	line-height	:1.3;
	font-size:14px;
}

.Kbox2 {
	float	:left;
	background	:url("http://www.oki-k.com/img/kodawari_bg.gif") no-repeat;
	width	:194px;
	height	:280px;
	margin	:5px 0px 5px 10px;
	display:inline;
}

.Kbox2 h5 {
	font-weight	:bold;
	font-size	:14px;
	width		:190px;
	padding-top:1px;
	margin		:1px 2px;
	line-height	:40px;
	text-align:center;
	color		:#333;
}

p.Kpic {margin	:0px 5px 5px 5px;}

p.Ktext {
	margin	:0px 5px;
	line-height	:1.3;
	font-size:14px;
}

.suitopia {
	width	:565px;
	margin	:0 0 0 15px;
}


/* ========== main (staff) =================*/

.staffbox {
	clear:both;
	background:url("http://www.oki-k.com/img/staff_bg.gif") no-repeat;
	margin:10px 0 15px 10px;
	height:350px;
	width:600px;
	}

.staffdetails {
	float:left;
	width:380px;
	line-height:1.3;
	}

p.profile {margin:5px 5px 5px 10px;}

p.preList {margin:10px 10px 5px 15px;}

.staffdetails ol {list-style-type:decimal;}

.staffdetails li {
	margin:5px 10px 5px 40px;
	list-style-position:outside;
	}	

.preName {
	float:right;
	width:220px;
	}
	
p.staffPIC {margin:25px 10px;}
	
p.yaku {
	text-align:center;
	font-weight:bold;
	color:#003300;
	margin:20px 0 5px 0;
	}
	
p.name {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	}
	
#titleStaff {clear:both;}

#titleStaff h3 {margin	:20px 0 5px 10px;}

#titleStaff p {
	font-size	:14px;
	font-weight	:normal;
	line-height	:1.3;
	margin		:10px 0 10px 10px;
	}

/*************************************************スタッフ紹介（亀甲）***************************************************/

.staffBox {
	clear:both;
	width:600px;
	margin:10px 0 15px 10px;
	border-top:1px dotted #00F;
	}
	
.staffPic {
	float:left;
	margin:21px 10px;
	border:1px solid #C0C0C0;
	padding:2px;
	margin-bottom:10px;
	}
	
.staffDetails {
	float:left;
	width:408px;
	padding:18px 0 0 0px;
	}

.staffJob {
	font-weight:bold;
	color:#333;
	line-height:1.3;
	padding-bottom:5px;
	}

.staffNameBox {
	background:url("../img/staffjob_bg.gif") no-repeat;
	width:408px;
	height:30px;
	}

.staffName {
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	line-height:1.3;
	padding:4px 0 0 23px;
	}

.staffComent {
	margin:10px 5px;
	font-size:14px;
	color:#333;
	line-height:1.3;
	}