/*---base stylesheet---*/
/*------------------

1.共通設定
2.レイアウト
3.インデックス
4.下層ページレイアウト

-----------------*/


/*1.共通設定
======================================*/
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #5b300a;
}

body {
	min-width: 1180px;
	line-height: 1.6;
	font-size:13px;
}

img {
	border: 0;
	vertical-align:bottom;
}

a {
	color: #7d0000;
}

ul, li {
	list-style: none;
}

.pc {
	display: block;
}

.sp {
	display: none;
}


/*======================================

Font-size Adjustment
77% = 10px	| 	122% = 16px	|	167% = 22px	
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|

=======================================*/

/*----マージン・パディング----*/
.mt5  { margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}
.mb00 { margin-bottom: 0px !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100{	margin-bottom: 100px !important;}
.ml00 {	margin-left: 0px !important;}
.ml5  {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.mr00 {	margin-right: 0px !important;}
.mr5  {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.pb5  {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pt00 {	padding-top: 0px !important;}
.pt5  {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt40 {	padding-top: 40px !important;}
.pa10 {	padding: 10px !important;}
.pa20 {	padding: 20px !important;}
.pl30  {	padding-left: 30px !important;}
.pr5  {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}
.pl120 { padding-left: 120px !important; }


/*----アライン----*/
.cen   { text-align: center !important; }
.left  { text-align: left !important; }
.right { text-align: right !important; }


/*----テキスト----*/
.bold {	font-weight: bold !important;}
.txtRed { color: #ff0000 !important;}
.txtBlue { color: #0052E5 !important;}
.txtPink { color: #cd0047 !important;}
.txtGold { color: #A98552 !important;}
.txtGray { color: #666666 !important;}
.txtWhite {	color: #FFFFFF !important;}
.txtRed2 { color: #a40000 !important;}
.txtOrange { color:#F90 !important;}
.txtYellow { color:#f6ff00 !important;}

.txt11 { font-size: 92% !important;}
.txt13 { font-size: 109% !important;}
.txt14 { font-size: 117% !important;}
.txt15 { font-size: 125% !important;}
.txt17 { font-size: 142% !important;}
.txt18 { font-size: 150% !important;}
.txt20 { font-size: 167% !important;}

/*----ボーダー----*/
.bn {
	border:none !important;
}

/*----クリア----*/
.clear {
	clear: both;
}
/*--clearfix--*/
.cf,#main,.entry,.contBox,footer {
	*zoom: 1;
}
.cf:before, .cf:after,#main:before, #main:after,.entry:before, .entry:after,.contBox:before, .contBox:after,footer:before,footer:after {
	content: " ";
	display: table;
}
.cf:after,#main:after,.entry:after,.contBox:after,footer:after {
	clear: both;
}

/*----フロート----*/
.fLeft {
	float: left !important;
}

.fRight {
	float: right !important;
}

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

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


/*2.レイアウト
======================================*/

div#wrapper {
	width:100%;
	/*overflow:hidden;*/
}

*:first-child+html div#wrapper {
	position:relative;
}
	
.img {
	width:100%;
	height:auto;
}	
		

/*----ヘッダー----*/
#headerBg {
	width:100%;
	height:145px;
	background:url(../images/header_bg.jpg) repeat-x center bottom;
}

header {
	width:980px;
	height:145px;
	margin:0 auto;
	position:relative;
	z-index:999;
}


header h1,header h2,header p,header ul {
	position:absolute;
}

header h1 {
	top:8px;
	left:0;
	width:600px;
	font-size:11px;
	}

header h2 {
	top:56px;
	left:0;
	width:300px;
	}

ul.hNav {
	width:344px;
	right:0;
	top:0;
	}
	
ul.hNav li {
	float:left;
	margin:0 0 0 1px;
	}					

ul.gNav {
	width:630px;
	top:51px;
	right:0;
	}

ul.gNav li {
	float:left;
	}	

	



/*--メイン画像--*/
.over_flow{
	 width:100%;
	 overflow:hidden;
	 }
div#mainImg {
	position:relative;
	min-width:980px;
	height:517px;
	background:url(../images/mainimg_bg.jpg) repeat 0 0;
	}
	
div#mainImg_inner {
	position:relative;
	min-width:980px;
	height:517px;
	overflow:hidden;
	}	

.mainImg_slideArea {
	width: 2940px; 
	position:absolute; 
	top:0;
	left: 50%; 
	margin-left: -1470px;
	height:447px;
	}

.mainImg_slide p {
	width:980px;
	margin: 0 10px;
	}
	
.mainImg_obj {
	position:absolute;
	width:100%;
	height:250px;
	left:0;
	bottom:-40px;
	z-index:99999;
	}	
	
div.mainImg_obj p {
	width:980px;
	height:250px;
	text-align:right;
	margin:0 auto;
	}	

#subImg {
	width:100%;
	height:167px;
	background:url(../images/mainimg_bg.jpg) repeat 0 0;
	margin:0 0 40px;
	}
	
#subImg p {
	width:1050px;
	height:128px;
	margin:0 auto -21px;
	padding:60px 0 0 130px;
	}

/*ページタイトル*/
#subImg #idea{
	background:url(../images/sub_img_idea.png) no-repeat 0 0;
	}
	
#subImg #news{
	background:url(../images/sub_img_idea.png) no-repeat 0 0;
	}	

/*ページタイトル*/
#subImg #flow{
	background:url(../images/sub_img_flow.png) no-repeat 0 0;
	}

#subImg #price{
	background:url(../images/sub_img_price.png) no-repeat 0 0;
	}

#subImg #voice{
	background:url(../images/sub_img_voice.png) no-repeat 0 0;
	}

#subImg #faq{
	background:url(../images/sub_img_faq.png) no-repeat 0 0;
	}

#subImg #about{
	background:url(../images/sub_img_about.png) no-repeat 0 0;
	}

#subImg #contact{
	background:url(../images/sub_img_contact.png) no-repeat 0 0;
	}

#subImg #exterior{
	background:url(../images/sub_img_exterior.png) no-repeat 0 0;
	}

#subImg #works{
	background:url(../images/sub_img_works.png) no-repeat 0 0;
	}
	
#subImg #garden_ma{
	background:url(../images/sub_img_garden_ma.png) no-repeat 0 0;
	}	
	
#subImg #garden{
	background:url(../images/sub_img_garden.png) no-repeat 0 0;
	}		


#business #subImg p { background:url(../images/business_main_img.jpg) no-repeat 0 0; }
#fb #subImg p { background:url(../images/fb_main_img.jpg) no-repeat 0 0; }
#meal #subImg p { background:url(../images/meal_main_img.jpg) no-repeat 0 0; }	
#spa #subImg p { background:url(../images/spa_main_img.jpg) no-repeat 0 0; }
#staff #subImg p { background:url(../images/staff_main_img.jpg) no-repeat 0 0; }
#access #subImg p { background:url(../images/access_main_img.jpg) no-repeat 0 0; }
#spend #subImg p { background:url(../images/spend_main_img.jpg) no-repeat 0 0; }
#faq #subImg p { background:url(../images/faq_main_img.jpg) no-repeat 0 0; }
#plan #subImg p { background:url(../images/plan_main_img.jpg) no-repeat 0 0; }		



		
	
/*----メインレイアウト----*/
	
div.contBox {
	width:980px;
	margin:0 auto;
	padding:30px 0;
	position: relative;
}

.bg01 {
	background:url(../images/index_works_bg.jpg) repeat 0 0;
	}

.bg02 {
	background:url(../images/index_under_info.jpg) repeat 0 0;
	}


/*----index----*/
/*--サービス--*/

#indexCon01 .contBox {
	padding-left:15px;
	padding-right:15px;
	width:950px;
	}

.indexWorks_con {
	width:270px;
	height:230px;
	background:url(../images/index_works_cont_bg.png) no-repeat 0 0;
	float:left;
	position:relative;
	padding:20px;
	margin:0 10px 0 0;
	}
	
.indexWorks_con p.mark {
	position:absolute;
	width:105px;
	height:57px;
	top:-15px;
	left:102px;
	}
	
.indexWorks_con p.photo {
	margin:0 0 7px;
	}	
	

/*--実績--*/	
	
.indexWorks {
	width:1010px;
	margin-right:-30px !important;
	}	
	
.indexWorks_fourCon {
	width:220px;
	float:left;
	margin:0 30px 0 0;
	}
	
.indexWorks_fourCon p.photo {
	margin:0 0 5px;
	}	
	
.indexWorks_fourCon p.ttl a {
	color:#5b300a;
	font-size:12px;
	text-decoration:none;
	}
	
.indexWorks_fourCon p.cat {
	color:#999999;
	font-size:12px;
	}
	
.indexWorks_fourCon p.txt {
	font-size:12px;
	}			


/*--ページ下部情報--*/
#indexUnder p{
	width:497px;
	}	
	
p.indexUnder_l {
	float:left;
	margin:0 0 20px -10px;
	}	
	
p.indexUnder_r {
	float:right;
	margin:0 -10px 20px 0;
	}							

	
/*--ページ更新部分--*/
#indexInfo {
	width:980px;
	padding:0 0;
	margin:50px auto 30px;
	}
.indexInfo_l_in {
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	margin: 0 0 10px;
	padding:0 20px;
}
.indexInfo_l_in h3 {
	width: 100%;
	margin: 0 0 5px;
	border-bottom:1px dotted #ccc;

}	
.indexInfo_l {
	width:408px;
	float:left;
	}
	
.indexInfo_r {
	width: 560px;
	float:right;
	border-right:1px solid #ccc;
	}
.indexInfo_area {
	width:366px;
	height:170px;
	margin: 0 0 20px;
	overflow:auto;
	
	}	
	
#indexInfo dl{
	border-bottom:1px dotted #ccc;
	}
	
#indexInfo dt {
	float:left;
	width:80px;
	background:url(../images/mark01.png) no-repeat 10px 16px;
	padding:10px 5px 10px 20px;
	color:#7c9e2c;
	}	
	
#indexInfo dd {
	float:left;
	width:257px;
	padding:10px 0;
	}							
	
#indexInfo dd a {
	color:#666666;
	}					
	
.like_box_b {
	position: relative;
	text-align: right;
	border-top: 1px solid #5b300a;
}
.wp_social_bookmarking_light {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}
.text_inner {
	padding: 0 10px;
	line-height: 180%;
}
.text_inner p {
	margin: 0 0 10px;
}

	
/*--フッター--*/

div#footerBg {
	width:100%;
	background:url(../images/footer_bg.jpg) repeat-x center 0;
	background-size:100% 100%;
}
	
footer {
	width:980px;
	margin:0 auto;
	padding:40px 0;
	
}

	
.ftr01 {
	width:315px;
	float:left;
	padding:30px 0 0;
	}	
	
.ftr02 {
	width:310px;
	float:left;
	}
	
p.txtTtl {
	color:#666;
	background:url(../images/mark01.png) no-repeat 0 6px;
	padding:0 5px 5px 10px;
	}	

.ftr03 {
	width:355px;
	float:right;
	}	
	
ul.ftr03-01 {
	width:115px;
	float:left;
	}	
	
ul.ftr03-02 {
	width:240px;
	float:right;
	}
	
.ftr03 li {
	margin:0 0 10px;
	}	
	
.ftr03 a {
	color:#666;
	background:url(../images/mark01.png) no-repeat 10px 16px;
	padding:10px 5px 10px 20px; 
	}							
	
.copy {
	text-align:center;
	height:15px;
	color:#fff;
	background:url(../images/copy_bg.jpg) repeat-x 0 0;
	padding:30px 0;
}
	
.copy a{
	text-decoration:none;
	color:#fff;
}	





/*3.サブページレイアウト
======================================*/
	
/*--パンクズ--*/	
#pankuzu {
	width:100%;
	background:#FFF8D9;
	height:30px;
	margin:0 0 15px;
}	

#pankuzu ul {
	width:960px;
	margin:0 auto;
}

#pankuzu ul li {
	display:inline-block;
	height:30px;
	font-size:12px;
}
	
#pankuzu ul li a{
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#333;
	padding:6px 20px 0 10px;
	height:24px;
	background:url(../img/pankuzu.jpg) no-repeat right center ;
}
	
#pankuzu ul li span{
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#333;
	padding:6px 20px 0 10px;
	height:24px;
}
	

	

/*--サイド--*/
.side {
	width:230px;
	float:left;
	margin: 0 0 50px;
	}
	
.sideCon {
	padding:10px 7px 7px;
	background:url(../images/index_under_info.jpg) repeat 0 0;
	margin:0 0 20px;
	}
	
.sideCon p {
	margin:0 0 10px;
	}		

.sideInfo {
	padding:10px;
	background:url(../images/side_info_bg.jpg) no-repeat 0 0;
	}
	
.sideInfo p{
	color:#7e6b5a;
	}	



/*--サブレイアウト--*/	
	
.subContents {
	width:980px;
	margin:0 auto 80px;
	}		

.contArea_r {
	width:720px;
	float:right;
	margin:0;
	position: relative;
	}
	
.entry {
	width:720px;
	margin:0 0 50px;
	}	
		
.caution {
	border:3px solid #eeeeee;
	background:#fcfbfb;
	text-align:center;
	padding:10px;
	font-size:12px;
	margin:15px 0;
	}			
	
	
/*--タイトル--*/
#pageTtl {
	text-align:center;
	margin:10px 0;
	}
	
.entryTtl {
	background:url(../images/entry_ttl.jpg) repeat-y 0 0;
	color:#5b300a;
	font-size:20px;
	padding:10px 0 10px 20px;
	margin:0 0 15px;
	}	
	
.entryTtl a {
	color:#5b300a;
	text-decoration:none;
	}	

.imgTtl,.imgTxt {
	text-align:center;
}

.imgTtl {
	position:relative;
	margin:0 auto 20px;
	}

.txtTtl {
	border-bottom:1px dotted #5b300a;
	color:#5b300a;
	padding:0 0 7px;
	margin:0 0 10px;
	font-size:14px;
	font-weight:900;
	}

.line {
	background:url(../images/line02.jpg) no-repeat center bottom;
	padding:0 0 40px;
	margin:0 0 40px;
	}
	

.other_btn {
	position: absolute;
	top: 60px;
	right: 0;
	width: 200px;
	text-align: center;
}

.other_btn a {
	color: #fff;
	display: block;
	padding: 10px 20px 10px 0;
	text-decoration: none;
	background: #443133 url(../images/other_btn_arrow.png) no-repeat 90% 50%;
}
.other_btn a:hover {
	background: #866F72 url(../images/other_btn_arrow.png) no-repeat 90% 50%;
}



/*サブページ-----------------------------*/	

/*--レイアウト--*/

	
			
		
/*--会社概要--*/

.three_col_r {
	width:220px;
	float:right;
	}
	
.three_col_l {
	width:470px;
	float:left;
	}
	
.outlienTable {
	width:720px;
	border-top:1px dotted #999;
	margin:0 0 30px;
	}
	
.outlienTable th,
.outlienTable td {
	padding:10px;
	border-bottom:1px dotted #999;
	}	
	
.outlienTable th {
	width:200px;
	font-weight:900;
	}	
	
.markerArea {
	background:url(../images/index_under_info.jpg) repeat 0 0;
	padding:20px 0 20px 60px;
	}
	
.markerArea h4 {
	text-align:center;
	margin:0 25px 15px 0;
	}
	
.markerArea p {
	float:left;
	width:184px;
	margin:0 25px 30px 0;
	
	}					

.map {
	width:710px;
	padding:4px;
	border:1px solid #eee;
	margin:0 0 5px;
	}	
	
.map iframe {
	vertical-align:bottom;
	}
	


/*--よくある質問--*/	
.q_ttl {
	background:url(../images/q_ttl.jpg) no-repeat 0 0;
	color:#6a3906;
	font-size:14px;
	padding:10px 0 15px 50px;
	margin:0 0 10px;
	}
	
.a_txt {
	background:url(../images/a_ttl.jpg) no-repeat 0 0;
	color:#362e2b;
	padding:5px 0 10px 50px;
	margin:0 0 20px;
	}
	
	
/*--施工事例｜ガーデンプランニング&ウッドデッキ--*/	
.worksArea {
	width:750px;
	margin:0 -15px;
	}
				
.three_col {
	width:220px;
	margin:0 15px 30px;
	float:left;
	}
	
.three_col .photo {
	margin:0 0 10px;
	}
	
.three_col .ttl {
	margin:0 0 5px;
	background:url(../images/line01.jpg) no-repeat center bottom;
	font-weight:900;
	padding:0 0 10px;
	}		
	
.three_col .ttl a,
.three_col .ttl p{
	color: #5b300a;
	text-decoration:none;
	font-weight:900;
	}
	
	
/*--エクステリア--*/		
.btn_l {
	width:310px;
	margin:0 auto;
	}	
	
.halfCol {
	width:345px;
	margin:0 0 25px;
	}
	
.halfCol h5.txtTtl_h {
	font-size:20px;
	background:url(../images/entry_ttl02.jpg) no-repeat 0 bottom;
	padding:0 0 10px;
	margin:0 0 10px;
	}		
	
.halfCol_l {
	float:left;
	}	
	
.halfCol_r {
	float:right;
	}		
	
	
	
/*--価格--*/	

#price_ttl01{
	width: 422px;
	height: auto;
	margin: 0 auto;
	}
					
.priceTable {
	width:720px;
	border-left:1px solid #efefef;
	border-bottom:1px solid #efefef;
	}	
	
.priceTable th,
.priceTable td {
	border-right:1px solid #efefef;
	border-top:1px solid #efefef;
	vertical-align:middle;
	padding:10px;
	}
	
.priceTable th {
	background:#fbf9f9;
	}	
	
.pt01 {
	width:142px;
	}
	
.pt02 {
	font-size:18px;
	}
	
.pt03 {
	font-size:15px;
	background:#fbf9f9;
	width:220px;
	}					
		


/*--流れ--*/		
		
.flow_r01 {
	width:220px;
	float:right;
	margin:0 0 40px;
	}
	
.flow_l01 {
	width:470px;
	float:left;
	margin:0 0 40px;
	}	
	
.flow_l02 {
	width:220px;
	float:left;
	margin:0 0 40px;
	}
	
.flow_r02 {
	width:470px;
	float:right;
	margin:0 0 40px;
	}		
	
.flowCont {
	background:url(../images/flow_bg.jpg) repeat-y 0 0;
	padding:0 0 30px;
	}		
	
.flowNum {
	float:left;
	width:98px;
	}	
	
.flowTxt {
	float:right;
	width:350px;
	}		
		
		
/*--ガーデンメンテナンス--*/		
.garden_ma_concept {
	background:url(../images/garden_ma_img01.jpg) no-repeat 0 0;
	padding:130px 0 30px;
	}					

.oneCol h5.txtTtl_h {
	font-size:20px;
	background:url(../images/entry_ttl03.jpg) no-repeat 0 bottom;
	padding:0 0 10px;
	margin:0 0 10px;
	}
	
.before {
	width:310px;
	float:left;
	position:relative;
	}
	
.after {
	width:310px;
	float:right;
	position:relative;
	}	
	
.baArea {
	background:url(../images/arrow.jpg) no-repeat center center;
	}
	
.baArea p.mark {
	position:absolute;
	top:10px;
	left:-5px;
	}			


/*--お知らせ--*/
.date {
	color:#f39700;
	font-size:11px;
	margin:0 0 10px;
	}
	
.blogPhoto {
	width:220px;
	}
	
.blogPhoto p {
	margin:0 0 15px;
	}	
	
.blogTxt {
	width:480px;
	}	
	
.blogBtn {
	width:214px;
	margin:10px 0 0 auto;
	}
	
.listBtn {
	clear:both;
	width:214px;
	padding:30px 0;
	margin:0 auto;
	}	
	
/*--お客様の声--*/	
.voiceTtl {
	background:url(../images/voice_ttl_s.jpg) no-repeat 0 0;
	color:#5b300a;
	font-size:20px;
	padding:23px 0 32px 100px;
	}

.voiceArea {
	background:url(../images/mainimg_bg.jpg) repeat 0 0;
	padding:30px 20px;
	margin:0 0 30px;
	}	
	
.vaPhoto_l {
	width:320px;
	float:left;
	margin:0 0 15px;
	}	
	
.vaPhoto_r {
	width:320px;
	float:right;
	margin:0 0 15px;
	}		
	
	
/*--詳細--*/	
.pc_r {
	position:relative;
	margin:0 0 10px;
	}

.pc_r_m {
	margin:0 0 20px;
	}
.pc_r_m img{
	max-width: 100%;
	height: auto;
}
.pc_r ul {
	width:740px;
	margin:0 -20px 0 0;
	}
	
.pc_r ul li {
	float:left;
	margin:0 20px 0 0;
	display:inline;
	width:128px;
	}
.pc_r ul li.last {
	float:right;
	margin:0;
	}
	
.pc_r ul li img {
	width:128px;
	}
	
.pc_r ul li p {
	cursor:pointer;
	}		
	
.txtTtl_d {
	font-size:20px;
	background:url(../images/entry_ttl03.jpg) no-repeat 0 bottom;
	padding:0 0 10px;
	margin:0 0 20px;
	}	
	
.detailSpec {
	margin:0 0 40px;
	}				
	
/*--お問い合わせ--*/
.contactBnr {
	margin:0 10px 20px;
	text-align:center;
	font-size:11px;
	color:#CC9900;
	}
	
.contactBnr img {
	margin:0 0 5px;
	}	
	
.pp {
	border:3px solid #eeeeee;
	background:#fcfbfb;
	padding:20px;
	font-size:12px;
	margin:15px 0;
	}	
	
.pp_ttl {
	font-size:18px;
	margin:0 0 15px;
	}	
	
	
.formTable {
	width:720px;
	margin:0 0 30px;
	border-bottom:1px solid #ccc;
	}
	
.formTable td {
	padding:20px 10px;
	border-top:1px solid #ccc;
	}
	
.formTable td:first-child {
	width:180px;
	position: relative;
	}

.rec_mark::after {
	content: "";
	background: url("../images/rec_mark.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 35px;
	height: 21px;
	top: 20px;
	left: 75%;
	display: inline-block;
	position: absolute;
}

.formTable td > div {
	display: inline-block;
	}

.formTable td > div:nth-child(2) {
	padding-left: 10px;
	}
	
.formTable input {
	padding:3px;
	}	
	
.form_s input {
	width:180px;
	}	
	
.form_m input {
	width:240px;
	}	
	
.form_l input,
.form_l textarea {
	width:500px;
	}			
	
.col_m {
	width: auto;
	}	
	
.ck_box {
	width:50%;
	margin:0 0 5px;
	float:left;
	}
	

p.btn_submit input:hover {
  background:#707070;
}

p.btn_send input{
	cursor: pointer;
	display: block;
	width: 185px;
	height: 40px;
	border: none;
	float:right;
	color:#fff;
	margin:0 auto;
	background: #f39700;
}

p.btn_send input:hover {
  background: #ec6941;
}	

p.btn_return input{
	cursor: pointer;
	display: block;
	width: 185px;
	height: 50px;
	border: none;
	float:left;
	color:#fff;
	margin:0 auto;
	background: #ccc;
}

p.btn_return input:hover {
	background: #f39700;
}	
	
p.btn_center input{
	cursor: pointer;
	display: block;
	width: 185px;
	height: 40px;
	border: none;
	color:#fff;
	margin:0 auto;
	background: #f39700;
}

p.btn_center input:hover {
  background: #ec6941;
}	

p.btn_top {
	width: 185px;
	height: 40px;
	margin:0 auto;
	
	}
	
p.btn_top a,
p.btn_top a:link,
p.btn_top a:visited {
	display:block;
	width: 165px;
	height: 20px;
	background: #f39700;
	border: none;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:10px;
	}	
	
p.btn_top a:hover,
p.btn_top a:active {
	display:block;
	background: ec6941;
	}							
			
			


.btnArea {
	width: 400px;
	margin: 0 auto 100px;
}


#form01 p.btn_submit input {
	cursor: pointer;
	display: block;
	width: 185px;
	height: 40px;
	border: none;
	color:#fff;
	background: #f39700;
	margin:0 auto;
	}

#form02 p.btn_submit input{
	cursor: pointer;
	display: block;
	width: 185px;
	height: 40px;
	border: none;
	color:#fff;
	float:left;
	background: #f39700;
	}

#form02 p.btn_return input{
	cursor: pointer;
	display: block;
	width: 185px;
	height: 40px;
	border: none;
	float:right;
	color:#fff;
	background: #ccc;
}	
	
	
/*--Add pager--*/
/*--ページャー--*/
div.pager {
	width:630px;
	text-align:center;
	margin:0 0 40px;
	}
	
div.pager a {
	color:#000;
	border:1px solid #f8c46e;
	}	
	
.page-numbers {
	padding:5px 10px;
	color:#fff;
	border:1px solid #f8c46e;
	}

.current {
	padding:5px 10px;
	background:#f8c46e;
	border:1px solid #f8c46e;
	}	
	
div.pager a.next,div.pager a.prev {
	border:1px solid #f8c46e;
	background:#fff;
	padding:5px 15px;
	}

.upload_list {
	margin: 0 0 20px;
}
.upload_list li {
	width: 33.3%;
	float: left;
	text-align: center;
}
.mw-wp-form_image img {
	width: 100%;
	height: auto;
}


.sns_box {
	text-align: center;
	margin: 0 0 30px;
}

/*=========================================
	バナー
=========================================*/
.da-bnr-list li {
	list-style-type: none;
}
.da-bnr {
	margin: 0 0 40px;
}
.da-bnr-list {
	display: flex;
	justify-content: center;
}
.da-bnr-list li:first-of-type {
	margin-right: 30px;
}