@charset "utf-8";

/* 
name: 川島造園 FP Official Website.
designer: IT-Force Inc.
designer_url: http://it-force.jp/
layouts: 川島造園
Ver1.10 2013/07/20
*/

/* ---------------------------------------------------------------------
ページ全体
--------------------------------------------------------------------- */
body,td,th {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,Verdana;
	font-size: 12px;
}
body {
	margin:0px 0px 0px 0px;
}
a {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,Verdana;
	font-size: 12px;
	color: #36F;
	text-decoration:underline;
}
a:visited {
	color: #36F;
}
a:hover {
	color: #063;
	text-decoration:none;
}
a:active {
	color: #36F;
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,Verdana;
	font-weight: normal;
}
h1 {
	font-size: 12px;
	padding:0px 0px 0px 0px;
	color:#848484;
}
h2 {
	font-size:12px;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 12px;
	font-weight: bold;
}
/* ---------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------- */
/*共通*/

#container {
	width:100%;
	background:url(../images/bg_common.gif) repeat;
	overflow:hidden;
}
#container a img{
	-webkit-transition: 0.6s ease-in-out;
	-moz-transition: 0.6s ease-in-out;
	-o-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
}
#container a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#wrap{
	width:980px;
	margin:20px auto;
	padding:25px 0px 0px 0px;
	overflow:hidden;
}
#right_Area{
	float: right;
	overflow:hidden;
	width:740px;
	line-height:2em;
}
#left_Area{
	float:left;
	overflow:hidden;
	width:210px;
}
.clear{
	clear:both;
}
#panQz{
	width:960px;
	margin:0px auto;
	padding:10px;
}
/*ヘッダー*/
#head_Area{
	width:980px;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	position:relative;
}
#head_mmBox{
	text-align:right;
	line-height:2em;
}
/*ナビ*/
#navi_Area{
	width:980px;
	margin:0px auto;
	padding:10px 0px;
}
/*ヒーロー*/
#hero_Area{
	width:980px;
	margin:0px auto;
}
#heroBpx{
	width:100%;
	padding:40px 0px 0px 0px;
	background:url(../images/bg_hero_sub.jpg) repeat-x top;
}
/*トップページ*/
.top_labelBox{
	width:174px;
	float:right;
	margin:0px 0px 0px 10px;
	background:#FFF;
}
.top_labelTxtBox{
	padding:15px;
	font-size:10px;
	line-height:1.8em;
	height:240px;
}
/*右のコンテンツ*/
.right_contentsBox{
	padding-left:35px;
	overflow:hidden;
}
/*庭職人の逸品*/
.ippin_Box{
	float:left;
	width:190px;
	border:#CCC 1px dotted;
	margin:10px 10px 30px 10px;
	line-height:1.5em;
	padding:10px;
}
/*フロー*/
.flow_ttl{
	border-left:3px #396 solid;
	font-size:16px;
	padding:5px 10px;
	font-weight:bold;
}
.flow_txt{
	padding:10px;
	border-top:#CCC 1px dotted;
	margin-top:10px;
}
/*フッター*/
#foot_area{
	width:100%;
	background:url(../images/bg_foot.gif) repeat;
	clear:both;
}
#foot_bottomBox{
	width:980px;
	margin:0px auto;
	padding:30px 0px 30px 0px;
}
#foot_uppArea{
	width:100%;
	background:url(../images/bg_common.gif) repeat;
}
#foot_uppBox{
	width:980px;
	margin:0px auto;
	text-align:right;
	background:url(../images/bg_foot2.gif) no-repeat top center;
}
/*施工事例*/
.portfolio_ttlBox{
	font-size:16px;
	font-weight:bold;
	border-left:5px solid #396;
	padding:10px;
}
/*お手入れ*/
.oteire_waku{
	float:left;
	padding:0px 10px;
	margin-bottom:10px;
	border:#CCC 1px solid;
	background: #C00;
	color:#FFF;
	font-weight:bold;
}
.oteire_waku a{
	padding:0px 10px;
	margin-bottom:10px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
/*新着情報*/
#news_Area{
	margin-left:15px;
}
/*SNS*/
#btn_sns{
	height:22px;
	overflow:hidden
	margin:0px 0px 0px 0px;
	background:#F2F2F2;
	border:#CCC 1px dashed;
	padding:0px 0px 10px 0px;
	z-index:1000;
	position:absolute;
	top:44px;
	left: 450px;
}
.fb-like{
	float:left;
	margin:0px 0px 0px 15px;
	padding:6px 0px 0px 0px;
	width:110px;
}
.btn-tweet{
	float:right;
	margin:0px 0px 0px 0px;
	padding:6px 10px 0px 0px;
	width:110px;
	text-align:right;
}
/*汎用*/
.text_center{
	text-align:center;
}
/**/
/**/
/**/
/**/

/* ---------------------------------------------------------------------
画像フロート
--------------------------------------------------------------------- */
.float-left {
	float:left;margin-right:10px;margin-bottom:0px;margin-top:0px;
 }
.float-right {
	float:right;margin-left:1em;margin-bottom:1em;margin-top:1em;
 }
 /* ---------------------------------------------------------------------
テーブル専用
--------------------------------------------------------------------- */
table.basic{
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
	border-collapse:collapse;
    border-spacing:0;
    background-color:#CCC;
    empty-cells:show;
	margin:auto;

}
.basic th{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    color:#330000;
    background-image:url();
    background-position:left top;
    padding:0.5em 1em;
    text-align: center;
	color:#313131;
}
.basic td{
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.4em 1em;
    background-color:;
}
table.basic a{
	color: #00F;
}
table.basic a:hover{
	color: #F00;
	text-decoration:underline;
}

/*ページ内共通テーブル*/
table.common_tb {
    border-top:1px solid #CCC;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#CCC;
    empty-cells:show;
	margin:5px auto;

}
.common_tb th{
    border-bottom:1px solid #CCC;
    color:#330000;
    background-color:#CCC;
    background-image:url();
    background-position:left top;
    padding:5px 1em;
    text-align:left;
}
.common_tb td{
    border-bottom:1px solid #CCC;
    padding:5px 1em;
    background-color:;
	font-size:12px;
}
/*ページ内共通テーブル(ラインなし)*/
table.common_tb_noline {
    border-top:0px solid;
	border-right:0px solid;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
    empty-cells:show;
	margin:10px auto;

}
.common_tb_noline th{
    border-bottom:0px solid;
	border-right:0px solid;
    color:#330000;
    background-color:;
    background-image:url();
    background-position:left top;
    text-align:left;
}
.common_tb_noline td{
    border-bottom:0px solid;
	border-right:0px solid;
}
/*ページ内共通テーブル(ラインなし+テキストセンタリング)*/
table.common_tb_noline_txt_c {
    border-top:0px solid;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
    empty-cells:show;
	margin:10px auto;

}
.common_tb_noline_txt_c th{
    border-bottom:0px solid;
    color:#330000;
    background-color:;
    background-image:url();
    background-position:left top;
    text-align:center;
}
.common_tb_noline_txt_c td{
    border-bottom:0px solid;
}
/*ページ内共通テーブル(横線のみ)*/
table.line_w{
    border-top:1px solid #F5F4EF;
    border-left:0px solid #F5F4EF;
	border-collapse:collapse;
    border-spacing:0;
    background-color:#CCC;
    empty-cells:show;
	margin:;

}
.line_w th{
    border-right:0px solid #F5F4EF;
    border-bottom:1px solid #F5F4EF;
    background-image:url();
    background-position:left top;
    padding:0.5em 1em;
    text-align:;
	color:#FFF;
}
.line_w td{
    border-right:0px solid #F5F4EF;
    border-bottom:1px solid #F5F4EF;
    padding:0.5em 1em;
    background-color:;
}
table.line_w a{
	color: #00F;
}
table.line_w a:hover{
	color: #F00;
	text-decoration:underline;
}
/*ページ内共通テーブル(横線のみの中央揃え)*/
table.line_wc{
    border-top:1px solid #CCC;
    border-left:0px solid #CCC;
	border-collapse:collapse;
    border-spacing:0;
    background-color:#CCC;
    empty-cells:show;
	margin:auto;
	text-align:center;
}
.line_wc th{
    border-right:0px solid #CCC;
    border-bottom:1px solid #CCC;
    background-image:url();
    background-position:left top;
    padding:0.5em;
    text-align:;
	color:#FFF;
	text-align:center;
}
.line_wc td{
    border-right:0px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.5em;
    background-color:;
	text-align:center;
}
table.line_wc a{
	color: #00F;
}
table.line_wc a:hover{
	color: #F00;
	text-decoration:underline;
}
/*ページ内共通テーブル(ラインなし+テキストセンタリング+左寄せ)*/
table.common_tb_noline_txt_c2 {
    border-top:0px solid;
    border-collapse:collapse;
    border-spacing:0;
    background-color:;
    empty-cells:show;
	margin:0px;
	text-align:center;

}
.common_tb_noline_txt_c2 th{
    border-bottom:0px solid;
    color:#330000;
    background-color:;
    background-image:url();
    background-position:left top;
    text-align:center;
}
.common_tb_noline_txt_c2 td{
    border-bottom:0px solid;
	text-align:center;
}
/*ページ内共通テーブル(横線のみ)*/
table.line_w2{
    border-top:1px solid #CCC;
    border-left:0px solid #CCC;
	border-collapse:collapse;
    border-spacing:0;
    background-color:#CCC;
    empty-cells:show;
	margin:;

}
.line_w2 th{
    border-right:0px solid #CCC;
    border-bottom:1px solid #CCC;
    background-image:url();
    background-position:left top;
    padding:0.5em 1em;
    text-align:;
	color:#FFF;
}
.line_w2 td{
    border-right:0px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:0.5em 1em;
    background-color:;
}
table.line_w2 a{
	color: #00F;
}
table.line_w a:hover{
	color: #F00;
	text-decoration:underline;
}
/*フォント*/
.f10_px {
	font-size:10px;
	line-height:1.5em;
}
.f10_px a {
	font-size:10px;
}
.f10_px a:hover{
	font-size:10px;
}
.f10_px_red {
	font-size:10px;
	color:#F00;
	line-height:1.5em;
}
.f12_px {
	font-size:12px;
}
.f12_px a {
	font-size:12px;
}
.f12_px a:hover{
	font-size:12px;
}
.f14_px {
	font-size:14px;
}
.f14_px a {
	font-size:14px;
}
.f14_px a:hover{
	font-size:14px;
}
.f120per_px {
	font-size:180%;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}
.f110per_px {
	font-size:110%;
}
/*ライン*/
.line_30px{
	line-height:30px;
}
.line_20px{
	line-height:20px;
}
.line_18px{
	line-height:18px;
}
.line_15px{
	line-height:15px;
}
.txt_r{
	text-align:right;
}
.txt_c{
	text-align:center;
}