@charset "utf-8";

body{
margin:0;
padding:0;
text-align:center; /* IEでセンタリング */
background:#EEEEEE url(img/bg1.gif) repeat-x;
color:#555555;
}

a:link {
color:#996600;
text-decoration:none;
}

a:visited {
color:#996600;
text-decoration:none;
}

a:hover {
color: #ff9a00;
text-decoration:underline;
}

img{
border-style:none;
}

a:link img{
border-style:none;
}

a:hover img{
border-style:none;
}

a:visited img{
border-style:none;
}

#container{
width:822px;
margin:0px auto 0px auto; /* Mozilla系ブラウザでセンタリング */
background:#EEEEEE url(img/bg2.gif) repeat-y;
}

#left{
float:left;
width:207px;
padding:0px;
margin:0px auto 0px auto;
position:relative;
}

#ci-bg{
display:block;
margin:0;
padding:0;
}

#ci-flash{
display:block;
width:207px;
height:203px;
margin:0;
padding:0;
}

#ci h1,#ci a{
display:block;
width:207px;
height:203px;
margin:0;
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/ci.gif') no-repeat;
}

#ci a{
background-position:0px 0px;
}

#ci a:hover{
background-position:0px 0px;
}

#ci-bg h2{
font-size:0px;
margin:0;
padding:0;
text-indent:-9999px;
}



#right {
float:right;
width:615px;
margin:0px auto 0px auto; /* Mozilla系ブラウザでセンタリング */
font-family: Verdana, Arial, sans-serif;
font-size:12px;
}

#flash-box{
padding:0;
margin:0;
width:615px;
height:275px;
background:url(img/flash-bg.gif) no-repeat;
position:static;
}

/*Flash IEハック*/
*div#flash-box{
display:block;/*ie対策*/
padding:0;
margin:0;
width:615px;
height:275px;
background:url(img/flash-bg.gif) no-repeat;
text-align:left;
}

#flash{
padding:30px 0 0 3px;
margin:0;
width:600px;
height:275px;
}

/*Flash IEハック*/
*div#flash{
display:block;/*ie対策*/
margin:0px;
padding:30px 0 0 3px;
width:600px;
height:275px;
}

#kanban{
display:block;/*ie対策*/
padding:0;
margin:0;
width:615px;
height:203px;
}

/*パンくずリスト IEハック*/
*div#pankuzu-box{
width:605px;
height:20px;
padding:0;
margin:0 10px 0 0;
border-bottom:1px solid #cccc99;
background-color:#eeeedd;
text-align: right;
font-family: Verdana, Arial, sans-serif;
line-height: 18px;
top:0;
left0;
}

/* safari only \*/
html:\66irst-child div#pankuzu-box{
padding:0 5px 0 0;
margin:0;
width:605px;
height:20px;
border-bottom:1px solid #cccc99;
background-color:#eeeedd;
text-align: right;
font-family: Verdana, Arial, sans-serif;
line-height: 18px;
}
/* end */

/*パンくずリスト*/
#pankuzu-box{
padding:0;
margin:0 5px 0 0;
width:605px;
height:20px;
border-bottom:1px solid #cccc99;
background-color:#eeeedd;
text-align: right;
font-family: Verdana, Arial, sans-serif;
top:0;
left:0px;
line-height: 18px;
}

#pankuzu{
padding:0;
margin:0;
width:595px;
font-size: 1em;
line-height: 18px;
font-family: Verdana, Arial, sans-serif;
text-align: right;
top:0;
left:0px;
}

/*
#pankuzu a{
padding:0;
margin:0;
width:595px;
font-size: 1em;
font-family: Verdana, Arial, sans-serif;
text-decoration:none;
text-align: right;
top:0;
left:0px;
}*/

#pankuzu img{
vertical-align:middle;
}
/*バンくずリスト終わり*/


*div#textbox{
width:560px;
padding:20px 10px 0 10px;
margin:0;
text-align:left;
}

/* safari only \*/
html:\66irst-child div#textbox{
width:550px;
padding:0;
margin:25px 0 0 20px;
text-align:left;
}
/* end */

#textbox{
width:560px;
padding:0;
margin:20px 10px 0 20px;
text-align:left;
}

*div#textbox2{
width:560px;
padding:0;
margin:5px 10px 0 10px;
text-align:left;
}

/* safari only \*/
html:\66irst-child div#textbox2{
width:550px;
padding:0;
margin:10px 0 0 20px;
text-align:left;
}
/* end */

#textbox2{
width:560px;
padding:0;
margin:5px 10px 0 25px;
text-align:left;
}

/*トップトテキストの見出し*/

#topics-title{
width:560px;
height:40px;
margin:0;
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/topics-title.gif') no-repeat;
}

#blog-title{
width:145px;
height:40px;
margin:20px 0 0 0;
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-title.gif') no-repeat;
}

#blog-subtitle01{
width:560px;
height:29px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-subtitle01.gif') no-repeat;
}

#blog-subtitle02{
width:560px;
height:29px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-subtitle02.gif') no-repeat;
}

/*カテゴリ用Q&Aタイトル*/
#blog-qatitle{ 
width:560px;
height:138px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-qatitle.gif') no-repeat;
}

#blog-subtitle03{
width:560px;
height:29px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-subtitle03.gif') no-repeat;
}

/*カテゴリ用業界施工日記タイトル*/
#blog-executiontitle{ 
width:560px;
height:100px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-executiontitle.gif') no-repeat;
}

/*現場レポートタイトル*/
#blog-genbatitle{ 
width:560px;
height:100px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-genbatitle.gif') no-repeat;
}

#staff01-title{
width:560px;
height:65px;
margin:0; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/staff01-title.gif') no-repeat;
}

#staff02-title{
width:560px;
height:65px;
margin:0; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/staff02-title.gif') no-repeat;
}


#staff03-title{
width:560px;
height:65px;
margin:0; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/staff03-title.gif') no-repeat;
}

#staff04-title{
width:560px;
height:65px;
margin:0; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/staff04-title.gif') no-repeat;
}

#blog-subtitle04{
width:560px;
height:29px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-subtitle04.gif') no-repeat;
}

/*カテゴリ用業界トピックスタイトル*/
#blog-industrytitle{ 
width:560px;
height:100px;
margin:15px 0 0 0px; 
padding:0;
text-indent:-9999px;
background:#FFFFFF url('img/blog-industrytitle.gif') no-repeat;
}

.text-indent{
margin-left:10px;
}

li.topsam{
list-style:url(img/arrow.gif);
}

#staff01 a{
background:#FFFFFF url(img/staff01-subtitle.gif) no-repeat right bottom;
display:block;
width:125px;
height:18px;
height:27px !important;
margin:10px 0 0 10px;
padding:0;
text-indent:-9999px;
font-size:1px;
}


#staff02 a{
background:#FFFFFF url(img/staff02-subtitle.gif) no-repeat right bottom;
display:block;
width:150px;
height:18px;
height:27px !important;
margin:15px 0 0 10px;
padding:0;
text-indent:-9999px;
font-size:1px;
}

#staff03 a{
background:#FFFFFF url(img/staff03-subtitle.gif) no-repeat right bottom;
display:block;
width:150px;
height:18px;
height:27px !important;
margin:15px 0 0 10px;
padding:0;
text-indent:-9999px;
font-size:1px;
}

#staff04 a{
background:#FFFFFF url(img/staff04-subtitle.gif) no-repeat right bottom;
display:block;
width:150px;
height:18px;
height:27px !important;
margin:15px 0 0 10px;
padding:0;
text-indent:-9999px;
font-size:1px;
}

#staff01-sub a{
	background: #FFFFFF url(img/staff01-subtitleindex.gif);
	float: left;
	height: 20px;
	width: 90px;
	margin:0 0 0 5px;
	text-indent:-9999px;
}


#staff02-sub a{
	background: #FFFFFF url(img/staff02-subtitleindex.gif) no-repeat;
	float: left;
	height: 20px;
	width: 90px;
	margin:0 0 0 5px;
	text-indent:-9999px;
}

#staff03-sub a{
	background: #FFFFFF url(img/staff03-subtitleindex.gif) no-repeat;
	float: left;
	height: 20px;
	width: 90px;
	margin:0 0 0 5px;
	text-indent:-9999px;
}
#staff04-sub a{
	background: #FFFFFF url(img/staff04-subtitleindex.gif) no-repeat;
	float: left;
	height: 20px;
	width: 90px;
	margin:0 0 0 5px;
	text-indent:-9999px;
}

* html body #staff-subindex{
float:right;
width:190px;
height:20px;
margin:10px 0 0 0;
padding:0;
}

#staff-subindex{
float:right;
width:190px;
height:20px;
margin:10px 0 0 0;
padding:0;
}

.gray{
color:#999999;
font-size:0.9em;
margin:0;
padding:0;
}

#backnumber a{
background:#FFFFFF url(img/backnumber.gif) no-repeat right bottom;
display:block;
width:96%;
height:10px;
height:12px !important;
margin:10px 0 0 10px;
padding:0;
text-indent:-9999px;
font-size:1px;
}


.underline{
width:auto;
margin:0 0 15px 7px;
border-bottom:1px solid #DDDDDD;
text-indent:-9999px;
}

.underline2{
width:auto;
margin:5px 0 5px 20px;
font-size:1px;
background:url(img/underbar.gif) repeat-x;
text-indent:-9999px;
}

.underline3{
width:280px;
margin:5px 0 0 0;
font-size:1px;
background:url(img/underbar.gif) repeat-x;
text-indent:-9999px;
}

.underline4{
width:auto;
height:2px;
margin:5px 0 0 0;
font-size:1px;
background:url(img/underbar.gif) repeat-x;
text-indent:-9999px;
}

/*トップテキストの見出し終わり*/

/*カテゴリー関連*/
#pagelink{
text-align:center;
}
/*カテゴリー関連終わり*/

/*エントリーの見出し１*/
.entry-subtitle{
font-size:1em;
color:#996600;
font-weight:bold;
text-indent:35px;
background:url(img/arrow.gif) no-repeat 20px 2px;
}

.entry-body{
margin-top:5px;
margin-left:35px;
font-size:1em;
color:#333333;
font-weight:normal;
}

/*エントリーの見出し１終わり*/

/*投稿テーブル*/

li.coment-subtitle1{
font-size:1em;
color:#996600;
font-weight:bold;
list-style:url(img/arrow.gif);
}


li.coment-subtitle2{
font-size:1em;
color:#333333;
font-weight:normal;
list-style:url(img/arrow.gif);
}

ul.trackback-subtitle1{
font-size:1em;
color:#333333;
font-weight:normal;
list-style:url(img/arrow.gif);
}

#coment{
float:left;
width:280px;
}

#coment-form{
float:right;
width:240px;
}

table{
font-size:1em;
}

.coment-box{
font-size:1em;
}
/*投稿テーブル終わり*/


/*エントリーの見出し*/
h3{
font-size: 12px;
/*border-top:1px solid #cc9900;*/
/*border-right:1px solid #cc9900;*/
/*border-bottom:1px solid #FF9900;*/
/*border-left:5px solid #FF9900;*/
background-color:#FFFFFF;
color:#996600;
}

h3.coment-uptitle{
width:280px;
height:25px;
font-size:1px;
margin:0;
padding:0;
background:url(img/coment-title01.gif) no-repeat;
text-indent:-9999px;
}

h3.coment-senttitle{
width:240px;
height:25px;
font-size:1px;
margin:0 0 10px 0;
padding:0;
background:url(img/coment-title02.gif) no-repeat;
text-indent:-9999px;
}

h3.trackback-title{
width:560px;
height:25px;
font-size:12px;
margin:0;
padding:4px 0 0 0;
background:url(img/trackback-title.gif) no-repeat;
color:#FFFFFF;
text-decoration:underline;
text-indent:110px;
}

/*エントリーの見出し終わり*/

/*各データの日付*/
.date-header{

font-family: Verdana, Arial, sans-serif;
color:#aaaaaa;
font-size: 10px;
text-align:right;
margin:3px 0px;
}

/*フッター関連*/
#copyright{
margin-top:10px;
padding-top:5px;
font-size: 10px;
color:#aaaaaa;
font-family: Verdana, Arial, sans-serif;
text-align:center;
line-height: 150%;
clear: both;
}

#footer{
width:822px;
height:100px;
font-size: 10px;
color:#aaaaaa;
font-family: Verdana, Arial, sans-serif;
vertical-align:middle;
background:url(img/bg22.gif) repeat-y;
}

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

.tptitle{
font-weight:bold;
}