@charset "utf-8";
/* ================================ 全体設定 ================================ */
* { margin:0; padding:0; }
body { width:922px; margin-left:auto; margin-right:auto; text-align:center; font-size:11px; line-height:1.25; letter-spacing:0.1em;
				font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
h1, h2, h3 { font-size:11px; line-height:1.5; font-weight:normal; }
li { list-style:none; list-style-position:outside; }
sup { vertical-align:top; font-size:70%; }

a { text-decoration:none; }
a:link    { color:#4d4d4d; }
a:visited { color:#4d4d4d; }
a:hover   { color:#b5151d; }
a:active  { color:#b5151d; }
#container #pages a#no_link1, #container #pages a#no_link2 { color:#cccccc; }
#container #pages a.nolink { color:#cccccc; }


/* ================================ ページサイズ ================================ */
#container { width:862px;  padding-left:30px; padding-right:30px; background:url("../images/bg_body.gif") repeat-y; }
#pages { width:862px; margin:0; background-color:#ffffff; text-align:left; color:#4d4d4d; font-size:10px;
				font-family:"ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }


/* ================================ ブロックコンテンツ ================================ */

/* ================ float 制御 ================ */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ zoom:1; min-height:1px; }
* html .clearfix { height:1px;
				   /*¥*//*/ height: auto; overflow: hidden;  /**/ }
.clearfloat{ clear:both;height:0;font-size:1px;line-height:0px; }
.float_r { float:right; }
.float_l { float:left; }

/* ================ ブロックと視覚 ================ */
.hide { display:none; }
.big_navis .tremble810_1, .footer_top .tremble810 { width:862px; height:3px; line-height:3px; background:url("../images/tremble_line_810_1.gif") repeat-x; }
.big_navis .tremble810_2 { width:862px; height:3px; line-height:3px; background:url("../images/tremble_line_810_2.gif") repeat-x; }

/* ================================ インラインコンテンツ ================================ */
.f_col_gy { color:#cccccc; }
.f_col_rd { color:#b5151d; }
.align_r { text-align:right; }
.letter_s0 { letter-spacing:0; }
.letter_s01 { letter-spacing:0.1em; }


/* ================================ メイン画像 ================================ */
.main_image_top { width:864px; margin:5px 0 12px -2px; }

/* ================================ メイン 大ナビゲーション ================================ */
.big_navis { width:862px; margin:5px 0; font-size:11px; line-height:1.2; letter-spacing:0.05em; background:url("../images/bg_bignavi_hline.gif") repeat-y; }
.big_navis .big_navi_container { width:862px; margin-top:20px; margin-bottom:10px; }
.big_navis .big_navi_1 { width:180px; float:left; }
.big_navis .big_navi_1 p { width:156px; }
.big_navis .big_navi_2 { width:252px; float:left; }
.big_navis .big_navi_2 p { width:206px; margin-left:38px; }
.big_navis .big_navi_3 { width:220px; float:left; }
.big_navis .big_navi_3 p { width:174px; margin-left:38px; font-size:10px; }
.big_navis .big_navi_4 { width:210px; float:right; text-align:right; }
.big_navis .big_navi_4 p { width:173px; text-align:left; margin-left:38px; font-size:10px; }
.big_navis .big_navi_2 a img, .big_navis .big_navi_3 a img { margin-left:38px; }


/* ================================ 施工例リスト ================================ */
#mainArea { width:707px; float:left; }
#mainArea p { margin:0; padding:0; }
.toppage_contents { width:682px; margin-left:25px; }
.toppage_main_contents { width:483px; float:left; }
.example_list { width:483px; }
.contents_head_ex { width:483px; font-size:11px; line-height:1; font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0; }
.contents_head_ex .contents_head_j { width:300px; float:left; }
.contents_head_ex .contents_head_e { width:120px; float:right; text-align:right; }
.examples { padding-top:15px; background:url("../images/tremble_line_430_1.gif") repeat-x; }
.exsample_container { width:483px; font-size:10px; line-height:1.5; letter-spacing:0; }
.exsample_l, .exsample_c { width:162px; margin-bottom:18px;  float:left; }
.exsample_r { width:159px; margin-bottom:18px; float:right; text-align:left; }
.ex_image a img { margin-bottom:4px; }
.ex_name, .ex_catch, .ex_detail { width:159px; }
#mainArea .ex_name { font-size:11px; line-height:1.25; font-weight:bold; text-indent:8px; vertical-align:middle; background:url("../images/link_icon.gif") 1px 1px no-repeat; }
#mainArea .ex_name a { font-weight:bold; }


.right_navi { width:175px; float:right; }
.right_navi p { margin:0; padding:0; }
.news_container { margin-bottom:10px; padding-top:2px; background:url("../images/tremble_line_430_2.gif") 0 12px repeat-x; }
.contents_head_news { width:175px; }
.contents_head_news .contents_head_j { width:100px; float:left; }
.contents_head_news .contents_head_e { width:75px; text-align:right; float:right; }
.news_container2 { padding-bottom:8px; background:url("../images/tremble_line_430_2.gif") 0 218px repeat-x; }
.news_box { height:200px; margin-top:2px; padding:8px 2px 8px 0; overflow:auto; }
.news_item { width:155px; margin:5px 0; padding:8px 0 3px; background:url("../images/dot_line.gif") repeat-x; font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:0; }
.news_item.news_1st { margin-top:0; padding-top:0; background-image:none; }
.news_item .news_date { width:150px; font-weight:bold; }
.news_item h3 { width:150px; margin-bottom:4px; font-weight:normal; line-height:1.25; }
.news_item .news_contents { width:150px; }

/*
.right_navi_link
	.contents_head_blog
	.rnavi_link_contaner
	.contents_head_link
	.rnavi_link_contaner
*/

.right_navi_link { width:175px; margin:20px 0; padding:10px 0; background-color:#f0ece9; }
.contents_head_blog { width:165px; margin-left:5px; padding-bottom:14px; background:url("../images/tremble_line_155_1.gif") 0 12px repeat-x; background-color:transparent; }
.contents_head_blog .contents_head_j { width:100px; float:left; }
.contents_head_blog .contents_head_e { width:65px; text-align:right; float:right; }
.contents_head_link { width:165px; margin-left:5px; padding-bottom:14px; background:url("../images/tremble_line_155_2.gif") 0 12px repeat-x; }
.contents_head_link .contents_head_j { width:100px; float:left; }
.contents_head_link .contents_head_e { width:65px; text-align:right; float:right; }
.rnavi_link_contaner { width:155px; margin:0 10px 8px;  background-color:transparent; }
.rnavi_link_contaner img { margin-bottom:3px; }


/* --------------------------------------------------------------------------------------------------------------------- */