@charset "utf-8";

@import url("specific.css");


/* ====================================
基本設定開始
==================================== */
body {
	width:100%;
	margin:0;
	padding:0;
	color:#333333;
	font-size:80%;
	background:url(img/body_back.jpg) repeat 0 0;
	line-height:1.4;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrapper{
	width:800px;
	margin:0 auto;
}
/* 画像のボーダー解除、位置調整 */
img{
	border:0;
	vertical-align:bottom;
}

/* リンク */
a{
	color:#ff6600;
	text-decoration:underline;
	overflow:hidden;
}
a:hover,a:active{
	color:#ff6600;
	text-decoration:none;
}

/* テキスト寄せ */
.txtC{text-align:center;}
.txtR{text-align:right;}
.txtL{text-align:left;}

/* フロート */
.floatl{float:left;margin:0;}
.floatr{float:right;margin:0;}
.floatl10{float:left;margin:0 10px 10px 0;}
.floatr10{float:right;margin:0 0 10px 10px;}
.clear{clear:both;}

/* 詳細はこちらリンク */
.focus {text-align:right;}
.focus a{
	background:url(img/ya1.jpg) no-repeat left center;
	padding-left:15px;
}

/* フォントサイズのパターン */
.font200{font-size:200%;}
.font150{font-size:150%;}
.font140{font-size:140%;}
.font130{font-size:130%;}
.font120{font-size:120%;}
.font110{font-size:110%;}
.font90{font-size:90%;font-weight:normal;}
.font80{font-size:80%;font-weight:normal;}
.font70{font-size:70%;font-weight:normal;}
.font60{font-size:60%;font-weight:normal;}
.font50{font-size:50%;font-weight:normal;}

/* フォント色のパターン */
.fontred1{color:#FF0000;}
.fontred2{color:#FF3300;}
.fontorange1{color:#FF6600;}
.fontorange2{color:#FF9900;}
.fontyellow1{color:#FFcc00;}
.fontyellow2{color:#FFFF00;}
.fontblue1{color:#0000FF;}
.fontblue2{color:#3399CC;}
.fontgreen1{color:#006600;}
.fontgreen2{color:#99CC00;}
.fontbrown1{color:#993300;}
.fontbroun2{color:#CC9966;}
.fontpurple1{color:#6633CC;}
.fontpurple2{color:#9999FF;}
.fontpink1{color:#FF33CC;}
.fontpink2{color:#FF99CC;}
.fontgray1{color:#666666;}
.fontgray2{color:#999999;}

/* 汎用的な幅のパターン */
.width5{width:5%;}
.width7{width:7%;}
.width8{width:8%;}
.width10{width:10%;}
.width12{width:12%;}
.width15{width:15%;}
.width17{width:17%;}
.width18{width:18%;}
.width20{width:20%;}
.width22{width:22%;}
.width25{width:25%;}
.width27{width:27%;}
.width28{width:28%;}
.width30{width:30%;}
.width32{width:32%;}
.width35{width:35%;}
.width37{width:37%;}
.width38{width:38%;}
.width40{width:40%;}
.width42{width:42%;}
.width45{width:45%;}
.width47{width:47%;}
.width48{width:48%;}
.width50{width:50%;}
.width52{width:52%;}
.width55{width:55%;}
.width57{width:57%;}
.width58{width:58%;}
.width60{width:60%;}
.width62{width:62%;}
.width65{width:65%;}
.width67{width:67%;}
.width68{width:68%;}
.width70{width:70%;}
.width72{width:72%;}
.width75{width:75%;}
.width77{width:77%;}
.width78{width:78%;}
.width80{width:80%;}
.width82{width:82%;}
.width85{width:85%;}
.width87{width:87%;}
.width88{width:88%;}
.width90{width:90%;}
.width92{width:92%;}
.width95{width:95%;}
.width97{width:97%;}
.width98{width:98%;}
.width100{width:100%;}
/* ====================================
基本設定終了
==================================== */

/* ====================================
ヘッダー開始
==================================== */
#headwrap{
	width:100%;
	margin:0;
	background:url(img/head_back.jpg) no-repeat 50% 0;
}
#head_inner{
	width:1000px;
	margin:0 auto;
}
#head{
	position:relative;
	width:528px;
	height:357px;
	margin-left:376px;
}
#head p#catch{
	margin:0;
	padding:0;
}
#head h1,
#head p.logo{
	position:absolute;
	left:23px;
	top:249px;
	margin:0;
	padding:0;
}
#head ul.subnavi{
	position:absolute;
	top:137px;
	left:23px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#head ul.subnavi li{
	margin:0;
	padding:0;
	font-size:10px;
}
#head ul.subnavi li.mitsumori{
	position:absolute;
	top:-137px;
	left:393px;
}
#head ul.subnavi li.eigyo{
	position:absolute;
	top:0;
	left:330px;
}

/* ====================================
ヘッダー終了
==================================== */

/* ====================================
グローバルナビ開始
==================================== */
#gnavi{
	width:262px;
	margin:0 auto;
	padding:0;
}
#gnavi dl{
	margin:0;
	padding:0;
}
#gnavi dt{
	margin:0;
	padding:0;
}
#gnavi dd{
	margin:0 0 0 16px;
	padding:0;
}
#gnavi ul{
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(img/gnavi_on.jpg) no-repeat 0 0;
}
#gnavi li{
	display:inline;
	margin:0;
	padding:0;
}
#gnavi a{
	display:block;
	width:236px;
	height:56px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

#gnavi li.g1 a{background:url(img/gnavi1.jpg) no-repeat left top;}
#gnavi li.g2 a{background:url(img/gnavi2.jpg) no-repeat left top;}
#gnavi li.g3 a{background:url(img/gnavi3.jpg) no-repeat left top;}
#gnavi li.g4 a{background:url(img/gnavi4.jpg) no-repeat left top;}
#gnavi li.g5 a{background:url(img/gnavi5.jpg) no-repeat left top;}
#gnavi li.g6 a{background:url(img/gnavi6.jpg) no-repeat left top;}
#gnavi li.g7 a{background:url(img/gnavi7.jpg) no-repeat left top;}
#gnavi li.g8 a{background:url(img/gnavi8.jpg) no-repeat left top;}
#gnavi li.g9 a{background:url(img/gnavi9.jpg) no-repeat left top;}
#gnavi li.g10 a{background:url(img/gnavi10.jpg) no-repeat left top;}
#gnavi li.g11 a{background:url(img/gnavi11.jpg) no-repeat left top;}

/* マウスオーバー */
#gnavi li.g1 a:hover,#gnavi li.g1 a:active{background:url(img/gnavi1_on.jpg) no-repeat left top;}
#gnavi li.g2 a:hover,#gnavi li.g2 a:active{background:url(img/gnavi2_on.jpg) no-repeat left top;}
#gnavi li.g3 a:hover,#gnavi li.g3 a:active{background:url(img/gnavi3_on.jpg) no-repeat left top;}
#gnavi li.g4 a:hover,#gnavi li.g4 a:active{background:url(img/gnavi4_on.jpg) no-repeat left top;}
#gnavi li.g5 a:hover,#gnavi li.g5 a:active{background:url(img/gnavi5_on.jpg) no-repeat left top;}
#gnavi li.g6 a:hover,#gnavi li.g6 a:active{background:url(img/gnavi6_on.jpg) no-repeat left top;}
#gnavi li.g7 a:hover,#gnavi li.g7 a:active{background:url(img/gnavi7_on.jpg) no-repeat left top;}
#gnavi li.g8 a:hover,#gnavi li.g8 a:active{background:url(img/gnavi8_on.jpg) no-repeat left top;}
#gnavi li.g9 a:hover,#gnavi li.g9 a:active{background:url(img/gnavi9_on.jpg) no-repeat left top;}
#gnavi li.g10 a:hover,#gnavi li.g10 a:active{background:url(img/gnavi10_on.jpg) no-repeat left top;}
#gnavi li.g11 a:hover,#gnavi li.g11 a:active{background:url(img/gnavi11_on.jpg) no-repeat left top;}

/* 現在位置表示 */
#gnavi li.g1 a.now{background:url(img/gnavi1_on.jpg) no-repeat left top;}
#gnavi li.g2 a.now{background:url(img/gnavi2_on.jpg) no-repeat left top;}
#gnavi li.g3 a.now{background:url(img/gnavi3_on.jpg) no-repeat left top;}
#gnavi li.g4 a.now{background:url(img/gnavi4_on.jpg) no-repeat left top;}
#gnavi li.g5 a.now{background:url(img/gnavi5_on.jpg) no-repeat left top;}
#gnavi li.g6 a.now{background:url(img/gnavi6_on.jpg) no-repeat left top;}
#gnavi li.g7 a.now{background:url(img/gnavi7_on.jpg) no-repeat left top;}
#gnavi li.g8 a.now{background:url(img/gnavi8_on.jpg) no-repeat left top;}
#gnavi li.g9 a.now{background:url(img/gnavi9_on.jpg) no-repeat left top;}
#gnavi li.g10 a.now{background:url(img/gnavi10_on.jpg) no-repeat left top;}
#gnavi li.g11 a.now{background:url(img/gnavi11_on.jpg) no-repeat left top;}


/* ====================================
グローバルナビ終了
==================================== */


/* ====================================
本文領域開始
==================================== */
#shadow_top{
	width:100%;
	background:url(img/shadow_top.jpg) no-repeat 50% 0;
}
#shadow{
	width:100%;
	background:url(img/shadow.jpg) repeat-y 50% 1px;
}

#contwrap{
	width:972px;
	margin:0 auto;
	padding:14px 0 40px;
}
/* 左カラム */
#left{
	display:inline;
	float:left;
	width:262px;
	margin-left:38px;
	background:url(img/gnavi_back.jpg) no-repeat 0 76px;
}

#left p.banner{
	margin:10px 0 5px 34px;
	padding:0;
}

#left ul#guide_menu{
	margin:0 0 0 30px;
	padding:0;
	list-style-type:none;
}
#left ul#guide_menu li{
	margin:0;
	padding:0;
}
/* 右カラム */
#right{
	display:inline;
	width:610px;
	float:right;
	margin-right:49px;
}
#right h1{
	margin:0;
	padding:32px 0 18px;
	font-size:140%;
	text-align:center;
	color:#FFF;
}
#right h1.price{background:url(img/sub/h1_price.jpg) no-repeat 0 50%; color:#333;} /* 安心の料金システム */
#right h1.fuyohin{background:url(img/sub/h1_fuyohin.jpg) no-repeat 0 50%;} /* 粗大ゴミ、不用品回収 */
#right h1.chikara{background:url(img/sub/h1_chikara.jpg) no-repeat 0 50%;} /* 力仕事 */
#right h1.kosho{background:url(img/sub/h1_kosho.jpg) no-repeat 0 50%;} /* 高所作業・危険作業 */
#right h1.niwa{background:url(img/sub/h1_niwa.jpg) no-repeat 0 50%;} /* 庭仕事 */
#right h1.house_cleaning{background:url(img/sub/h1_house_cleaning.jpg) no-repeat 0 50%;} /* ハウスクリーニング */
#right h1.mizumawari{background:url(img/sub/h1_mizumawari.jpg) no-repeat 0 50%;} /* 水廻り修理 */
#right h1.bohan{background:url(img/sub/h1_bohan.jpg) no-repeat 0 50%;} /* 防犯・防災 */
#right h1.gijyutsu{background:url(img/sub/h1_gijyutsu.jpg) no-repeat 0 50%;} /* 技術作業 */
#right h1.dairi{background:url(img/sub/h1_dairi.jpg) no-repeat 0 50%;} /* 代理・代行・調査等 */
#right h1.reform{background:url(img/sub/h1_reform.jpg) no-repeat 0 50%;} /* リフォーム全般 */
#right h1.kyodai{background:url(img/sub/h1_kyodai.jpg) no-repeat 0 50%; color:#333;} /* 京大塗装 */
#right h1.common{background:url(img/sub/h1_common.jpg) no-repeat 0 50%; color:#333;} /* その他共通ページ */

#right h2{
	margin:35px 10px 0;
	padding:0 7px;
	background:url(img/h2_back.jpg) repeat 0 0;
	font-size:120%;
}
#right h2 span{
	padding:7px 20px;
	display:block;
	background:url(img/h2_ya.jpg) no-repeat 0 50%;
}
/* 各ページの見出し */
#right h2.yellow{
	background:url(img/sub/h2_yellow.jpg) repeat 0 0;
	border:1px solid #f2c304;
}
#right h2.yellow span{
	background:url(img/sub/h2_yellow_ya.jpg) no-repeat 0 50%;
}
#right h2.orange{
	background:url(img/sub/h2_orange.jpg) repeat 0 0;
	border:1px solid #ff6600;
}
#right h2.orange span{
	background:url(img/sub/h2_orange_ya.jpg) no-repeat 0 50%;
}
#right h2.red{
	background:url(img/sub/h2_red.jpg) repeat 0 0;
	border:1px solid #ff0101;
}
#right h2.red span{
	background:url(img/sub/h2_red_ya.jpg) no-repeat 0 50%;
}
#right h2.green{
	background:url(img/sub/h2_green.jpg) repeat 0 0;
	border:1px solid #3dc135;
}
#right h2.green span{
	background:url(img/sub/h2_green_ya.jpg) no-repeat 0 50%;
}
#right h2.blue{
	background:url(img/sub/h2_blue.jpg) repeat 0 0;
	border:1px solid #4d94ea;
}
#right h2.blue span{
	background:url(img/sub/h2_blue_ya.jpg) no-repeat 0 50%;
}
#right h2.yellowgreen{
	background:url(img/sub/h2_yellowgreen.jpg) repeat 0 0;
	border:1px solid #8bd70d;
}
#right h2.yellowgreen span{
	background:url(img/sub/h2_yellowgreen_ya.jpg) no-repeat 0 50%;
}
#right h3{
	margin:20px 10px 0;
	padding:0 3px 5px;
	font-size:110%;
	background:url(img/h3_line.jpg) no-repeat 0 100%;
}
#right h3 span{
	padding:5px 18px;
	display:block;
	background:url(img/h3_ya.jpg) no-repeat 0 50%;
}

#right p{
	margin:0;
	padding:10px 10px 0px;
}

/* 料金 */
#right table.price{
	margin:12px auto 12px;
	padding:0;
	background:none;
	border:2px solid #eae5d4;
}
#right table.price th{
	width:63px;
	background:url(img/price_back.gif) no-repeat 0 50%;
	vertical-align:middle;
	text-align:center;
}
#right table.price td{
	padding:8px 0 8px 10px;
	background:#FFF;
	font-size:110%;
	font-weight:bold;
	color:#4D3400;
}
#right table.price td span{
	font-size:85%;
}

/* 写真枠 */
#right img.waku{
	padding:3px;
	border:1px solid #DDD;
}

/* ワンポイントアドバイス */
#right .one_point{
	width:590px;
	margin:10px auto;
	padding-bottom:8px;
	background:url(img/one_point_back.jpg) no-repeat 0 100%;
}
#right .one_point h2{
	margin:0;
	padding:0 0 10px;
	background:none;
}
#right .one_point p{
	margin:0;
	padding:0 24px 10px 36px;
}
.one_point_mark {background:url(img/one_point_ya.jpg) no-repeat 24px 4px;}

/* ページ下部お問い合わせボックス */
#right .inqbox{
	margin:20px 0;
	width:608px;
	border:1px solid #D6EDA0;
	background:url(img/inqbox_back.jpg) no-repeat 0 0;
}
#right .inqbox .inner{
	padding:10px 20px 0;
}
#right .inqbox .inner h3{
	margin:0 0 10px;
	padding:0 0 0 15px;
	background:url(img/inqbox_ya.jpg) no-repeat 0 50%;
	color:#437720;
}
#right .inqbox .inner p.photo{
	width:110px;
	margin:0;
	padding:0;
	float:left;
}
#right .inqbox .inner ul{
	width:457px;
	float:left;
	margin:0;
	padding:0 0 10px;
	list-style-type:none;
}
#right .inqbox .inner ul li{
	margin:0;
	padding:0;
}
/* テーブル */
table{
	margin:10px auto;
	background:#FFF;
}
table th{
	background:#f4eddd;
	text-align:left;
	vertical-align:top;
}
table td{
	background:#f8f3e9;
}

/* リスト */
ul,ol{
	margin:10px 26px;
	padding:0;
}
ul li{
	margin:0;
	padding:1px 0;
}
ol li{
	margin:0;
	padding:0;
}
/* パンくずリスト */
#right p.path{
	margin:0;
	padding:38px 0 0;
	text-align:right;
}
/* ページトップへ　*/
#right p.pagetop{
	margin:0;
	padding:10px 24px;
	text-align:right;
}
/* ====================================
本文領域終了
==================================== */


/* ====================================
フッター開始
==================================== */
#foot{
	width:972px;
	margin:0 auto;
	background:url(img/foot_back.jpg) repeat-x 0 0 #f8f3e9;
}
#foot a{
	color:#333;
}
#foot .inner{
	padding:13px 0 13px 75px;
}
#foot p.name{
	margin:0;
	padding:0;
	font-weight:bold;
}

#foot address{
	margin:0;
	padding:0;
	font-style:normal;
}
p#foot_copyright{
	width:972px;
	margin:0 auto;
	padding:5px 0 5px;
	text-align:center;
	background:#DACDAD;
	color:#705732;
}
/* ====================================
フッター終了
==================================== */

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.dis_none {display:none;}