@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.3em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333;
	background-color:#f6fcf6
}

#wrapper{
	width:860px;
	background:url(../images/bg.jpg) repeat-y;
	margin:0px auto;
	padding:0px 7px;
	text-align:left
}


/* リンク
---------------------------------------------------- */
a:link {color: #339933; text-decoration:underline} 
a:visited {color: #339933; text-decoration:underline} 
a:hover, a:active {color: #339933; text-decoration:none}


/* ヘッダー
---------------------------------------------------- */
#header{
	width:820px;
	padding:0px 20px;
	height:118px
}

h1{
	font-size:100%;
	padding:10px 0px;
	line-height:1.0em;
	font-weight:normal;
	font-size:10px;
	height:20px
}
#header p{ float:left; width:319px}
	

/* ナビゲーション
---------------------------------------------------- */
#navigation{
	width:820px;
	padding:8px 20px 0px 20px;
	background:url(../images/navi_bg.gif) no-repeat;
	font-size:12px;
	line-height:120%;
	height:45px
}
#navigation ul{list-style:none}
#navigation li a{display:block;text-decoration:none}
#navigation li{float:left; height:40px}
#navi01{ width:76px; margin-right:21px}
#navi02{ width:136px; margin-right:21px}
#navi03{ width:175px; margin-right:21px}
#navi04{ width:135px; margin-right:21px}
#navi05{ width:84px; margin-right:21px}
#navi06{ width:109px}


/* ページ本体
---------------------------------------------------- */
#pagebody{ width:820px; padding:20px}

h2{ clear:both}
h3{ clear:both}
h4{ clear:both}
h5{ clear:both}


/* フッタ
---------------------------------------------------- */
#footer{
	width:820px;
	padding:0px 20px;
	background:url(../images/footimg.gif) no-repeat center bottom #333;
	color:#fff
}
#footer p{ text-align:right; margin-bottom:10px}

#footer ul{
	text-align:center;
	font-size:10px;
	margin-bottom:10px
}
#footer li{
	list-style:none;
	display:inline;
	border-right:#666 1px solid;
	padding:0px 5px
}
#footer li.last{border:none; padding-right:0px}
#footer li a:link { color:#fff;text-decoration:none} 
#footer li a:visited { color:#fff;text-decoration:none}
#footer li a:hover,
#footer li a:active{ color:#fff;text-decoration:underline}

address{ font-style:normal; font-size:10px; text-align:center; padding-bottom:100px}



/* トップ
---------------------------------------------------- */
.top_text1{ float:left; width:595px}
.top_img1{ float:right; width:212px}
.top_text2{ float:right; width:569px}
.top_img2{ float:left; width:224px}

.top_left{ float:left; width:380px}
.top_right{ float:right; width:420px}

.top_link{
	padding:10px;
	background-color:#f1f1f1;
}
.top_link ul { list-style:none; line-height:1.8em}
.top_link li{ background:url(../images/mark_link.gif) no-repeat left center; padding-left:15px}
.top_link li span{ font-size:10px}

.top_info{
	width:400px;
	padding:10px;
	background:url(../images/top_infobg.jpg) repeat-x
}
.top_info table{ width:100%}
.top_info th{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	padding:5px 0px;
	border-bottom:1px dotted #aaa
}
.top_info td{
	padding:5px 0px;
	border-bottom:1px dotted #aaa
}


/* 鍵、錠前
---------------------------------------------------- */
.key_table{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse
}
.key_table th{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px;
	background-color:#eee;
	vertical-align:top;
	color:#444;
	text-align:center
}
.key_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px
}


/* サッシ・ドア・手摺修繕
---------------------------------------------------- */
.repair_img{
	width:180px;
	padding:5px;
	border:1px solid #ccc;
	margin-bottom:10px
}
.repair_q,
.repair_a{ width:610px}
.repair_q h4{
	font-size:120%;
	background-color:#ebded8;
	padding:5px 10px;
	margin-bottom:10px;
	color:#7d2a09
}
.repair_a h4{
	font-size:120%;
	background-color:#e2f1e2;
	padding:5px 10px;
	margin-bottom:10px;
	color:#339933
}


/* 会社概要
---------------------------------------------------- */
.company_table{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse
}
.company_table th{
	width:25%;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px;
	background-color:#eee;
	vertical-align:top;
	color:#444;
	text-align:left
}
.company_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px
}
.company_table ul{ list-style:square; margin-left:20px}

.company_map{ width:500px; float:left}
.company_access{ width:300px; float:right}

.company_map img{ margin-bottom:5px}
.company_access p{ border-top:1px dotted #aaa; padding-top:10px}


/* お問い合わせ
---------------------------------------------------- */
.contact_table{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	border:1px solid #ccc
}
.contact_table th{
	width:25%;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px;
	background-color:#eee;
	font-weight:normal;
	text-align:left
}
.contact_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px
}

.contact_table th span{ color:#c00; font-size:10px}
.contact_table td span{ color:#666; font-size:10px; margin-bottom:0px}

.form01{width:100px}
.form02{width:150px}
.form03{width:400px}
.form04{width:100%}


/* 社長のひとりごと
---------------------------------------------------- */
.blog_left{float:left;width:600px;}
.blog_right{float:right;width:180px;background-color:#f1f1f1;padding:10px;}
.blog_msg{width:600px; text-align:center; margin-left:auto; margin-right:auto; padding-top:50px; padding-bottom:50px;}
.blog_msg table{ margin-left:auto; margin-right:auto;}

/* メイン部分 */
.time{background-color:#ddd; padding:2px 5px; margin-bottom:5px;}
.massage{margin-bottom:15px;}
.massage p { margin-bottom:10px;}
.massage h3{
	font-size:110%;
	line-height:140%;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #669900;
}
.massage2{ border:1px dashed #ccc;padding:9px;margin-bottom:15px;}
.massage2 h4{
	background-color:#eee;
	padding:3px 5px;
	margin-bottom:10px;
	font-size:100%;
}

.x-small{font-size:85%; line-height:130%; padding-top:5px; border:1px #ccc dashed; padding:5px;}
.paging{background-color:#f1f1f1; text-align:center; padding:3px; border-bottom:1px #ddd solid;}

.mt15{ margin-top:15px;}

.entry{border-bottom:1px #ccc solid; padding:5px 0; text-align:left; margin-bottom:0px;}
.comment{ margin:0px;}

/* サイド部分 */
.blog_right h3{ margin-bottom:5px;}

.white_back {
	background:#FFFFFF;
	width:180px;
	padding:0px;
	margin-bottom:15px;
	border-bottom:1px #ddd solid;
}
.white_back table{
	font-size:12px;
	text-align:center;
	width:100%;
	border-collapse:collapse;
}
.white_back th{border-collapse:collapse;}
.white_back td{
	font-size:12px;
	text-align:center;
	border:1px solid #ddd;
	border-collapse:collapse;
}
.pad10 { padding:8px; text-align:center;}
.blog_entry{
	border-bottom:1px #ccc solid;
	padding:5px 0px;
	text-align:left;
	margin-bottom:0px;
}



/* 汎用スタイルシート
---------------------------------------------------- */
p{margin-bottom:1.2em}
img {border: 0px; vertical-align:bottom}
table{ margin-top:1px}
.clear {clear: both}

.tar{text-align:right}
.tac{text-align:center}

.f-left{float:left}
.f-right{float:right}

.red{ color:#c00}

.link{ background:url(../images/mark_link.gif) no-repeat left center; padding-left:15px}

.ol{ margin-left:20px; line-height:1.5em; margin-bottom:15px}

.text-s{ font-size:10px;}

.title{
	font-size:120%;
	border-bottom:3px solid #333;
	padding-bottom:8px;
	margin-bottom:15px
}
.title2{
	font-size:100%;
	border-left:5px solid #333;
	padding-left:7px;
	margin-bottom:10px
}

.mb5{ margin-bottom:5px}
.mb30{ margin-bottom:30px}