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

/* ============ 共通項目 ============ */
body {
	margin:0px auto;
	padding:0px;
	background-color:#eeeeee;
	font-size:10pt;
	color:#000000;
	line-height:1.5em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
	background-image:url(/kawara/images/common/bg_common.gif);
	background-position:center;
	background-repeat:repeat-y;
}

img {
	border: 0px;
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
    font-size: 0px;
	line-height:0px;
	margin:0;
	padding:0;
}

.fleft {
	float:left;
}

.fright {
float:right;
}

.tleft {
text-align:left;
}

.tcenter {
text-align:center;
}

.tright {
text-align:right;
}


/* ============ 文字設定 ============ */
.f_bold {
font-weight:bold;
}

.f8 {
font-size:8pt;
line-height:9pt;
}

.f14 {
font-size:14pt;
}

a {
color:#666666;
text-decoration:none;
}

a:hover {
color:#009966;
}

.fc_lightgreen {
color:#66CC66;
}

.fc_pink {
color:#FF6699;
}


/* ============ メインボックス設定 ============ */
#box_main {
	width:800px;
	margin:0px auto;
	padding:0px;
}


/* ============ ヘッダー設定 ============ */
.box_head_read {
width:800px;
height:20px;
margin:0px;
padding:5px 0px 5px 0px;
background-color:#009900;
color:#FFFFFF;
text-align:center;
}

#box_head_menu {
width:790px;
margin:5px 0;
padding:5px;
}

#list_head_menu {
width:790px;
margin:0px;
padding:0px;
list-style-type: none;
display: block;
}

#list_head_menu li {
margin:0px;
padding:0px;
list-style-type: none;
float:left;
}

#list_head_menu li a {
    display: block;
    line-height: 0px;
    font-size: 0px;
}

/* ============ コンテンツ設定 ============ */
#box_contents {
width:780px;
margin:0px auto;
padding:5px 0px 5px 0px;
}
/* ============ フッター設定 ============ */
.box_footer {
width:800px;
height:40px;
margin:5px 0px;
padding:5px 0px 0px 0px;
border-top:1px solid #cccccc;
}

.box_footer_left {
width:300px;
height:36px;
margin:0px 20px 0px 0px;
padding:0px;
float:left;
font-size:8pt;
text-align:right;
}

.box_footer_right {
width:480px;
height:26px;
margin:0px;
padding:10px 0 0 0;
float:left;
font-size:8pt;
text-align:left;
line-height:8pt;
}


/* ============ トップ(index.html) ============ */

.box_top_menu {
width:800px;
height:330px;
margin:0px;
padding:0px;
text-align:center;
background-image:url(/kawara/images/top/bg_toptitle.jpg);
background-position:top;
background-repeat:no-repeat;
}

.list_top_menu {
width:780px;
margin:0px auto;
padding:210px 0 0 0;
list-style-type: none;
display: block;
}

.list_top_menu li {
margin:0px;
padding:0px;
list-style-type: none;
float:left;
}

.list_top_menu li a {
    display: block;
    line-height: 0px;
    font-size: 0px;
}


#box_top_left {
width:333px;
margin-right:20px;
padding:0px;
float:left;
}
#box_top_left h3 {
width:328px;
margin:0 0 5px 0;
padding:5px;
background:#215aa8; /* =青= */
color:#ffffff;
}

#box_top_right {
width:420px;
margin:0px;
padding:0px;
float:left;
border:1px solid #17902d; /* =緑= */
}
#box_top_right h1 {
margin:0 0 10px 0;
padding:0;
color:#17902d; /* =緑= */
font-weight:bold;
}
#box_top_right h3 {
width:410px;
margin:0 0 5px 0;
padding:5px;
background:#17902d; /* =緑= */
color:#ffffff;
}

#box_top_right a {
font-size:12pt;
font-weight:bold;
color:#009900;
margin:0px;
padding:0px;
}

/* ===トップページブログ表示エリア=== */
.blogarea {
    margin:0;
    padding:5px;
    border-bottom:1px dotted #aaaaaa;
    height:170px;
}
.blogareaimg {
    width:200px;
    margin: 0;
    padding:0;
    float:left;
}
.blogareatxt {
    width:180px;
    margin:0;
    padding:0 5px 0 10px;
    float:left;
    vertical-align:top;
}



/* ============ 下層ページ共通(gaiyou.html_kinrin.html) ============ */
#box_common_left {
width:160px;
margin:0px;
padding:5px;
float:left;
}

#box_common_right {
width:600px;
margin:0px auto;
padding:5px;
float:left;
}

.title_common {
width:520px;
height:20px;
margin:0px 0px 10px 0px;
padding:15px;
color:#ffffff;
font-size:18pt;
font-weight:bold;
}

.return_top {
text-align:right;
width:100%;
height:30px;
border-bottom:#cccccc solid 1px;
}


/* ============ 工事概要(koujigaiyou.html) ============ */

#box_contents_gaiyou {
width:780px;
margin:0px auto;
padding:5px 0px 5px 0px;
}
#box_contents_gaiyou h2 {
    width:590px;
    margin:0 0 5px 0;
    padding:5px;
    font-size:12pt;
    background:#17902d; /* =緑= */
    color:#ffffff;
}
#box_contents_gaiyou h5 {
    margin:5px 0;
    padding:0;
    font-size:12pt;
    font-weight:bold;
    color:#17902d; /* =緑= */
}

ul.menu_gaiyo {
	width:140px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}

.menu_gaiyo li {
	width:128px;
	height:20px;
	margin:0px 0px 5px 0px;
	padding:5px;
	border:#009900 solid 1px;
	list-style-type:none;
}

.menu_gaiyo a {
color:#009900;
}

.menu_gaiyo a:hover {
color:#00CC66;
}

table.table_gaiyo {
margin:5px 0px;
border-collapse:collapse;
border-spacing:0;
width:100%;
}

.table_gaiyo td {
margin:0px;
padding:10px;
border:1px solid #cccccc;
}

.table_gaiyo th {
	width:150px;
	margin:0px;
padding:10px;
line-height:10pt;
border:1px solid #cccccc;
	color:#ffffff;
	background-color: #99CC99;
	text-align:center;
}

.table_nagare td {
margin:0px;
padding:5px;
font-size:9pt;
line-height:10pt;
border:0px;
border-collapse:collapse;
border-spacing:0;
}




/* ============ ライブカメラ(livecamera.html) ============ */

#box_live {
width:550px;
margin:10px auto;
padding:0px;
}


/* ============ 近隣の皆様へ(kinrin.html) ============ */

#box_contents_kinrin {
width:780px;
margin:0px auto;
padding:5px 0px 5px 0px;
}
#box_contents_kinrin h2 {
    width:590px;
    margin:0 0 5px 0;
    padding:5px;
    font-size:12pt;
    background:#09519c; /* =濃青= */
    color:#ffffff;
}
#box_contents_kinrin h3 {
    margin:5px 0;
    padding:0;
    font-size:12pt;
    font-weight:bold;
    color:#09519c; /* =濃青= */
}