@charset "utf-8";

*{margin:0;padding:0;}

body {
    font: 13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#fff;
    background: #660;
    position:relative;
}

/*全体*/
#wrapper {
    margin: 0 auto;
    padding: 0 auto;
    width: 640px;
    background:#000;
	text-align: center;
	overflow: hidden;
}
.left { 
    float:left;
}
.right { 
    float:right;
}
.nn { 
    list-style-type: none;
}        /* マークなし */

/*TOP*/
#header {
	position:relative;
	margin:0 auto;
	width: 640px;
	height:80px;
	background:#000;
}
.logo {
	padding-left: 15px;
	padding-top: 10px;
}
.tel {
	padding-right: 15px;
	float: right;
	text-align:center;
	font-size: 120%;
	padding-top: 15px;
	text-decoration: underline;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/*.tel a img:hover {
	filter:alpha(opacity=70);
	opacity:0.70;
}/*マウスオーバー*/

/*メイン画像*/
#main {
	margin:0 auto;
	width: 640px;
	height: 416px;
}

/*グローバルナビ*/
#globalnavi {
    margin: 0;
    padding: 20px;
    list-style-type: none; /* リストマークの削除 */
    width: 600px;
}

#globalnavi li {
    width: 600px;
    height: 40px;
    margin: 0;
    padding: 0;
    display: inline;
}

#globalnavi a {
    text-indent: -9999px; /* テキストを隠す */
    text-decoration: none;
    display: block;
    width: 600px;
    height: 40px; /* リンク領域を広げる */
    background-image: url(images/navi.png);
    background-repeat: no-repeat;
}

#menu1 a { background-position: 0 0; } /* 表示画像の位置を指定 */
#menu2 a { background-position: 0 -40px; }
#menu3 a { background-position: 0 -80px; }
#menu4 a { background-position: 0 -120px; }
#menu5 a { background-position: 0 -160px; }
#menu6 a { background-position: 0 -200px; }

#globalnavi a:hover {
    text-decoration: none;
    background-image: url(images/navi.png);
    background-repeat: no-repeat;
}

#menu1 a:hover { background-position: -600px 0; } /* 入れ替え画像の位置を指定 */
#menu2 a:hover { background-position: -600px -40px; }
#menu3 a:hover { background-position: -600px -80px; }
#menu4 a:hover { background-position: -600px -120px; }
#menu5 a:hover { background-position: -600px -160px; }
#menu6 a:hover { background-position: -600px -200px; }

/*SNS*/
#sns {
	padding-bottom: 140px;
}
.facebook1 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 90px;
	float: left;
	width:110px;
	text-align: center;
}
.facebook2 {
	padding-top: 10px;
	float: left;
	width:110px;
	text-align: center;
}
#sns .facebook1 dd {
	text-align:center;
	padding-top: 10px;
}
#sns .facebook2 dd {
	text-align:center;
	padding-top: 10px;
}
.twitter {
	padding-top:10px;
	float: left;
	width:110px;
	text-align: center;
}
#sns .twitter dd {
	text-align:center;
	padding-top: 10px;
}
.line {
	padding-top: 10px;
	margin-left: 15px;
    float: left;
	width:110px;
}

/*cont01　コンセプト*/
.cont01bg {
	clear:both;
	background:url(images/bg_cont01.jpg) repeat;
}
.title1 {
	padding-top:10px;
	padding-left: 25px;
	padding-right: 25px;
	text-align:center;
}
.title2 {
	padding-top:15px;
}
.txt {
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	text-align:left;
	color: #000;
}

.attention {
	color:#960;
	font-size: 120%;
	line-height: 1.5;
}
.point {
	color:#090;
}

/*cont02　庭師紹介*/

#cont02 {
	text-align:left;
}

.subtitle {
	padding-top: 25px;
}
.name2 {
	padding-top: 10px;
}
.name {
	padding-top: 10px;
	padding-right: 280px;
	float: right;
}
.cont02txt {
	text-align:left;
	width: 640px;
}
.photo01 {
	text-align:left;
	padding-top: 10px;
	padding-left:20px;
}
.photo02{
	padding-left:10px;
	float: left;
}

.masudaL {
	float: left;
}
.masudaR {
	float: right;
	padding-left: 20px;
	padding-top: 20px;
}
.txtright {
	padding-left: 200px;
	padding-top: 50px;
	padding-bottom: 80px;
	font-size: 110%;
	line-height: 1.7;
	width: 400px;
}
.cont02txt2 {
	width: 350px;
	font-size: 110%;
	line-height: 1.7;
	padding-bottom: 10px;
	padding-top: 10px;
}


/*cont03　施工例*/

#cont03 {
	padding-bottom: 120px;
}
.subtitle2 {
    clear: both;
	padding-top: 30px;
	padding-bottom: 8px;
}
.sekou04 {
	padding-top: 10px;
}
.sekou06 {
	padding-top: 9px;
}
.sekou07 {
	padding-left: 15px;
	padding-top: 9px;
	padding-bottom:8px;
}
.sekou08 {
	margin-left: -8px;
	padding-top: 9px;
	padding-bottom:20px;
}
.sekou08 {
	margin-left: -8px;
	padding-bottom:20px;
}
.sekouL {
	float: left;
	padding-left: 10px;
}
.sekouR {
	float: right;
}

/*cont04　釣り指導*/
.subtitle3 {
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 20px;
	float:left;
}
.fishingphoto {
	text-align:center;
	clear: both;
}
.fishtxt {
	clear:both;
    text-align: left;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
}
.fish02 {
	padding-left:10px;
}
.fish03 {
	padding-left:10px;
}


/*cont05　鰻筒所有*/
.subtitle4 {
	padding-left: 30px;
	padding-bottom: 8px;
	float: left;
}
#cont05 {
	width:640px;

}
.unagiphoto {
	padding-left: 24px;
	padding-bottom: 10px;
	width: 600px;
	clear: both;
}
#cont05 dl{
	float: left;
	padding-left: 13px;
	padding-right: 13px;
}
#cont05 dt {
	padding-top: 20px;
	padding-bottom: 5px;
}
#cont05 .ebi {
	padding-top: 72px;
}
.unagitxt {
	text-align: left;
	padding: 0 20px;
	width: 600px;
}

/*フッター*/
#footer {
	clear: both;
	padding: 10px;
	width: 620px;
}
.foottop1 {
	padding-bottom: 190px;
}
.foottop {
	padding-bottom: 70px;
}
.footbg {
	background:url(images/bg_foot_01.png) no-repeat center;
    padding-bottom: 15px;
	border-radius: 10px;
}
.footbg02 {
	background:url(images/bg_foot_02.png) no-repeat center;
    padding-bottom: 15px;
	border-radius: 10px;
}
.hishi {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 25px;
}
.telnumber {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 25px;
}
#step {
	padding-left: 20px;
	padding-right: 10px;
	float: left;
}
.step1 {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}
.step2 {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}
.step3 {
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}

/*コピーライト*/
.copyRight {
	text-align:center;
	padding-top:10px;
	padding-bottom: 30px;
}

/*ボーダー*/
.border {
	text-align: center;
	padding: 5px 0;
}

/*ページトップへ*/
.page-back {
 position: absolute;
 bottom: 10px;
 right: 10px;
}