/* CSS Document */

/*■初期設定*/

body{
	background:url(../img/common/back_ground.jpg) repeat-x #fff;
	color:#000000;/*通常のテキストカラー*/
	}
a{
	color:#0099FF;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}
ul{
	list-style-type: none;
}

.both10 {
	height: 10px; clear: both;
}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
IMG {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	text-align: center;
}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
	font: 80%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}



/*■レイアウトセレクタ*/
.CNT{
	text-align:center;
	}
.L{
	text-align:left;
	}
.R{
	text-align:right;
	}



.clr_sps{ clear:both; font-size:1px;}

#container{
	width:820px;
	margin:auto;
	text-align:left;
	background-color:#FFF;
	}
#head{
	width:820px;
	height:110px;
	background-image: url(../img/common/head_bg.jpg);BACKGROUND-REPEAT: no-repeat;
	}

#hidariue {
	WIDTH:780px
}
#hidariue P {
	FLOAT: right; MARGIN: 0px 0px 0px 0px; WIDTH: auto
}

h1{
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	text-align:right;
	}

#head h2{
	height:36px;
	font-weight:normal;
     PADDING-RIGHT: 0px;  
	 PADDING-LEFT: 25px;  
	 PADDING-BOTTOM: 0px;
	 PADDING-TOP:10px;
	 }

#head_menu{
	width:820px;
	background:url(../img/common/bg_head_menu.jpg) repeat-x;
	text-align:right;
	font-size:14px;
	line-height:45px;
	color:#000;
	}
#head_menu a{
	color:#FFF;
	font-size:14px;
	letter-spacing:1px;
	text-decoration:none;
	height:40px;
	vertical-align:middle;
	margin:0 4px 0 4px;
	}
#head_menu a:hover{
	color:#FF0066;
	}


#contents{
	margin:6px 0 20px 0;
	clear:left;
	}
#main_image{
	width:810px;
	height:450px;
	margin:10px 0 20px 0;
	padding:8px 7px 6px 3px;
	}

#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333333;
	border:solid #333333;
	border-width:3px 0 0 0;
	padding:2px;
	clear:left;
	}
#copy a{
	color:#333333;
	text-decoration:none;
	}
#copy a:hover{
	color:#333333;
	}


/***トップ***/
#top{
	}
#top h3{
	font-size:22px;
	line-height:1.2em;
	color:#333333;
	font-weight:normal;
	text-indent:10px;
	}
#top p{
	line-height:2em;
		font-size:22px;
	text-align: left;
	}
#top div#top_btm{
	zoom:100%;
	}
#top div#top_btm:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#top div#left{
	float:left;
	width:250px;
	}
#top div#left div#bnr_sps{}
#top div#left div#bnr_sps p{
	width:230px;
	height:80px;
	margin:5px 0px 0 10px;
	text-align:center;
	}
#top div#left div#bnr_sps p a{
	background:url(../img/top/bg_bnr2.jpg) no-repeat;
	display:block;
	width:223px;
	height:78px;
	color:#666666;
	line-height:80px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-indent:5px;
	}
#top div#left div#bnr_sps p a.stuff{
	background:url(../img/top/bg_bnr2.jpg) no-repeat;
	display:block;
	width:223px;
	height:78px;
	color:#666666;
	line-height:80px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-indent:5px;
	}

/* サイドメニュー設定 */
.sidemenu {
	margin: 5px 0 10px 5px;
}

.sidemenu li {
	margin-bottom: 5px;
}

.sidemenu li a {
	display: block;
	width: 220px;
	height:50px;
	padding-top:5px;
	padding-left: 5px;
	text-decoration: none;
	color:#FFF;
	font-size:14px;
	text-indent:20px;
	line-height:35px;
}
.menu1{
	background:url(../img/common/menu/menu1.jpg) no-repeat;
}
.menu2{
	background:url(../img/common/menu/menu2.jpg) no-repeat;
}
.menu3{
	background:url(../img/common/menu/menu3.jpg) no-repeat;
}
.menu4{
	background:url(../img/common/menu/menyu4.jpg) no-repeat;
}

.sidemenu li a:hover {
	color:#F00;
}


#top div#right{
	float:left;
	width:530px;
	margin:0 0 0 20px;
	}
#top div#right h4{
	font-size:12px;
	margin:6px 0 0 0;
	}

#top div#right div#info{
	background:url(../img/top/bg_info.gif);
	width:520px;
	margin-top:10px;
	}
#top div#right div#info div#main{
	background:url(../img/top/bg_info_main.gif) repeat-y;
	text-align:left;
	}
#top div#right div#info div#main h5{
	padding:8px 10px 0 10px;
	font-size:80%;
	}
#top div#right div#info div#main p{
	padding:2px 10px 0 10px;
	}

#top div#right div#bnr_sps p a:hover{
	font-size:16px;
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	}

/***サブページの基本CSS***/

#sub_image{
	width:810px;
	height:200px;
	margin:10px 0 20px 0;
	padding:8px 7px 6px 3px;
	}

#right h6{
	padding-left: 10px;
	font-size: 100%;
	color:#333;
	background: url(../img/back_bar.jpg) no-repeat;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	border: 1px solid #ff0000;
	}

#right h3.midashi_bg {
	background: url("../img/common/midashi_bg.gif") no-repeat left top; 
	padding:5px; 
	width: 520px; 
	line-height: 20pt; 
	text-indent: 0px; 
	font-size: 12pt; 
	font-weight: bold;
}

#right h4.midashi_bg2{
	background: url("../img/common/midashi_bg2.gif") no-repeat; 
	padding: 4px 0px 12px; 
	width: 520px;
	line-height: 20pt; 
	text-indent: 35px; 
	font-size: 12pt; 
	font-weight: bold;
}

#right h4.midashi_bg3{
	background: url("../img/common/midashi_bg3.gif") no-repeat; 
	padding: 4px 0px 12px; 
	width: 520px;
	line-height: 20pt; 
	text-indent: 10px; 
	font-size: 12pt; 
	font-weight: bold;
}

/***施工の流れのページ***/


.flow_text {
	margin: 0px 10px; 
	width: 320px; 
	float:left; 
	display: inline;
	font-size:11px;
	line-height:11px;
}

.flow_photo {
	border: 1px solid rgb(221, 221, 221);
	float: left;
}

p.margin20{
	margin-left:20px;
}

/***リフォームのページ***/

ul#areaBox{
    margin: 5px;
	padding: 0px;
	width: 520px;
	float: left;
}

ul#areaBox li{
    margin: 10px 10px 0px 10px;
	padding: 0px;
	float: left;
	width:240px;
}

.reform_text {
	margin: 0px 30px; 
	width: 500px; 
	float:left; 
	display: inline;
	font-size:12px;
}


/***その他のページ***/
#main_image2{
	background:url(../img/top/bg_main_pic.gif) no-repeat;
	width:740px;
	height:194px;
	margin:16px 0 0 0;
	padding:8px 7px 6px 7px;
	}
#main_image2 h2{
	background:url(../img/common/main_pic01.jpg) no-repeat;
	width:726px;
	height:180px;
	font-size:25px;
	color:#ffffff;
	font-weight:normal;
	text-align:right;
	padding:120px 30px 0 0;
	}
#main_image2 h2.t_bk{
	color:#000000;
	}
#main_image2 h2.t_wt{
	color:#FFFFFF;
	}

/*テーブルセット*/
table.company{
	  width:500px;
	  margin:5px ;
	  }

td.company{
	border-top: none;
	border-bottom: 1px solid #999999;
	border-left: none;
	border-right: none;
	padding: 5px;
    background-color:#FFFFff;
	}
	
td.koumoku{
	border-top:none;
	border-bottom: 1px solid #999999;
	border-left: none;
	border-right: none;
	padding: 5px;
    background-color:#6C9;
	}

td.koumoku2{
	border-top:none;
	border-bottom: 1px solid #999999;
	border-left: none;
	border-right: none;
	padding: 5px;
    background-color:#FCC;
	}

/*テーブルセット*/
table.pdf{
	  width:550px;
	  margin:5px ;
	  text-align:left;
	  }

td.pdf{
	padding: 5px;
    background-color:#FFFFff;
	width:220px;
	}

td.bukken{
	padding: 5px;
    background-color:#FFFFff;
	width:160px;
	text-align:center;
	}


/* copyrights */
#copyright{
	float: right;
}
#copyright a{
    display: inline;
    font-size: 9px;
    text-decoration: none;
}
#copyright_box{
	width: 28px;
	height: 11px;
}
#copyright p a{
	background: url(http://pondt.com/img/logo.gif) bottom no-repeat;
	width: 28px;
	float: left;
	text-indent: -9999px;
}
*:first-child+html #copyright_box{
	float:right;
}
#menu2 ul{
    list-style: none;
}
#menu2 li{
    float: left;
    margin: 0 2px;
}
.submenu{
    list-style: none;
    border: 1px solid #cccccc;
    background: #ffffff;
    visibility: hidden;
    position: absolute;
    right: 0px;
    z-index: 1;
}

.rightml10 {float:right;
　　　　　　margin-left:20px;}

.center {text-indent:130px;}

/* topスライダースタイルシートここから*/