@charset "utf-8";

/*
Theme Name: FlyingKids
Theme URI: http://simplesurf-flyingkids.com/dog/
Description: This theme was made by a hot rocket
Author: Hachi
*/

/*================================
■共通
================================*/
#wrapper {
	width: 800px;
	margin: 0 auto;
	padding: 0 3px;
	background: url(images/common/bg_wrapper.png) repeat-y left top;
}

/****** トップページ用ヘッダー ******/
#header, #header2 {
	height: 110px;
	width: 800px;
	position: relative;
}

/****** コンテンツページ用ヘッダー ******/
#header {
	background: url(images/common/header.png) no-repeat left top;
}
#header2 {
	background: url(images/common/header2.png) no-repeat left top;
}

#header h1, #header2 h1 {
	height: 61px;
	width: 230px;
	position: absolute;
	left: 20px;
	top: 10px;
}

/*サイト紹介文*/
#header2 h2 {
	color: #7d8dff;
	font-size: 85%;
	text-align: right;
	letter-spacing: 0.1em;
	position: absolute;
	right: 80px;
	top: 60px;
}

/****** グローバルナビ ******/
#gnavi {
	position: absolute;
	top: 85px;
	left: 10px;
	width: 80%;
	height: 1em;
}
#gnavi li {
	font-size: 85%;
	line-height: 1.8em;
	text-align: center;
	float: left;
	height: 1em;
	margin-left: 10px;
}
#gnavi li a {
	display: block;
	padding: 2px 3px;
}
#gnavi li a:hover {
	background-color: #ffffcc;
}

.bnr_info {
	clear: both;
	padding: 20px 0;
}

/****** メインコンテンツ ******/
#main {
	width: 780px;
	padding: 20px 10px 0;
	background: url(images/top/main_img.jpg) no-repeat right top;
}
#main2 {
	width: 780px;
	padding: 20px 10px 0;
}

/****** ヘルプナビ ******/
#hnavi {
	width: 780px;
	height: 20px;
	border-bottom: solid 3px #FF7DA5;
	margin-bottom: 10px;
	clear: both;
}
#hnavi ul {
	text-align: center;
}
#hnavi li {
	display: inline;
	list-style-type: none;
	font-size: 10px;
	margin-left: 10px;
	padding-left: 10px;
	color: #666666;
}
#hnavi li a {
	color: #666666;
}
#hnavi li a:visited {
	color: #666666;
}
#hnavi li a:hover {
	color: #0000ff;
	text-decoration: underline;
}
#hnavi .navi {
	border-left: solid 1px #666666;
}
#hnavi .first {
	border: none;
}

/****** フッター ******/
#footer {
	clear: both;
	height: 50px;
	width: 800px;
}
address {
	color: #333;
	font-weight: normal;
	font-style: normal;
	font-size: 85%;
	text-align: center;
	line-height: 1.6em;
}
.created {
	font-size: 10px;
	text-align: right;
	margin-right: 10px;
	display: block;
}
.created a {
	color: #000;
	text-decoration: none;
}

p.top_link {
	font-size: 85%;
	text-align: right;
	clear: both;
	padding-top: 10px;
}

/****** サイドナビ ******/
#side_l {
	width: 200px;
	float: left;
}


/*=====================================================
■ トップページ
=====================================================*/
#about_us {
	background: url(images/top/bg_about2.jpg) no-repeat left 30px;
	width: 360px;
	height: 290px;
	margin-bottom: 20px;
}
#about_us h2 {
	margin-bottom: 5px;
}
#about_us p.note {
	line-height: 1.6em;
	padding: 10px 10px 0 115px;
}
#about_us p.btn {
	padding: 15px 0 0 115px;
}

#information {
	width: 780px;
	border-top: solid 3px #FF7DA5;
}
.space {
	float: left;
	width: 205px;
	margin-top: 20px;
}

.space .bnr2 {
	margin-top: 10px;
}
#update {
	float: left;
	width: 350px;
	height: 175px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20px;
}
#update ul {
	height: 175px;
	margin-top: 10px;
	padding: 0px 5px;
	overflow: auto;
}
#update li {
	color: #666;
	line-height: 1.4em;
	background: url(images/top/info_point_p.gif) no-repeat left 3px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom: dotted 1px #4C73E7;
}
#update li .date {
	color: #758cea;
	display: block;
	margin-right: 10px;
}

/*=====================================================
■ ショップページ
=====================================================*/
#access {
	width: 780px;
	margin-bottom: 20px;
}
#access .map {
	float: left;
}
#access .detail {
	width: 360px;
	float: right;
}
#access .detail h2 {
	margin-bottom: 5px;
}
#access .detail .inner {
	background: url(images/shop/bg_address.gif) no-repeat left top;
	padding: 10px;
}

#access .detail li {
	background: url(images/shop/address_point.gif) no-repeat left center;
	line-height: 1.6em;
	text-indent: 15px;
}
#access .detail .note {
	color: #0d89ee;
	line-height: 1.6em;
	background-color: #fff;
	margin-top: 10px;
	padding: 10px;
}
#access .detail .train {
	line-height: 1.6em;
	margin-top: 10px;
	padding-top: 5px;
	border-top: dashed 2px #ff7da5;
}
.shop_outside {
	margin-bottom: 20px;
	padding: 10px 0;
	border-top: dotted 1px #ff7da5;
	border-bottom: double 4px #ff7da5;
}
#profile {
	width: 780px;
}
#profile .left {
	width: 400px;
	float: left;
}
#profile .right {
	width: 340px;
	float: right;
}
#profile .left h2 {
	margin-bottom: 5px;
}
#profile .left .inner {
	background: url(images/shop/bg_prof.jpg) no-repeat left top;
	height: 260px;
}
#profile .left .inner ul {
	padding: 10px 10px 0 190px;
}
#profile .left .inner li {
	line-height: 1.6em;
	background: url(images/shop/point.gif) no-repeat left center;
	text-indent: 18px;
}
#profile .left .inner p {
	line-height: 1.6em;
	margin: 10px 10px 10px 190px;
	padding: 10px 5px 0;
	border-top: dashed 2px #ff7da5;
}
#profile .right {
	background: url(images/shop/bg_award.png) no-repeat left top;
	height:270px;
	padding: 10px;
}
#profile .right h3 {
	color: #FF0066;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: double 4px #ff7da5;
}
#profile .right .image {
	float: left;
	margin-bottom: 15px;
}
#profile .right .note {
	line-height: 1.4em;
	margin-left: 160px;
	margin-bottom: 8px;
}
#profile .right h4 {
	clear: left;
	color: #333;
	line-height: 1.6em;
	background-color: #dfdfdf;
	text-indent: 10px;
	margin-top: 8px;
	border-left: solid 3px #ff7da5;
}
#profile .right .about_show {
	line-height: 1.4em;
	padding: 10px;
}

/*=====================================================
■ グッズページ
=====================================================*/
#goods_food {
	width: 780px;
}
#goods_food h2 {
	margin-bottom: 20px;
	border-bottom: 3px solid #FF7DA5;
}
#food {
	width: 780px;
	margin-bottom: 20px;
}
#food .image {
	float: left;
}
#food .explanation {
	background: url(images/goods/royalcanin_bg.jpg) no-repeat right bottom;
	width: 460px;
	height: 360px;
	min-height: 360px;
	float: right;
}
#food .explanation h4 {
	color: #333;
	font-size: 145%;
	line-height: 1.6em;
	background-color: #F2FFCA;
	text-indent: 10px;
	width: 440px;
	margin: 20px auto;
	border-bottom: 1px solid #0D3B21;
	border-left: 5px solid #0D3B21;
}
#food .explanation p {
	font-size: 115%;
	line-height: 1.4em;
	width: 420px;
	margin: 10px auto 0;
}
#goods {
	width: 780px;
}
#goods table {
	width: 780px;
}
#goods td.space {
	width: 8px;
}
#goods td img {
	border: solid 1px #e62e26;
}
#goods tr.caption td {
	padding: 3px 0 10px 0;
}


/*=====================================================
■ フォトギャラリーページ
=====================================================*/
#photo {
	width: 780px;
}
#photo h2 {
	border-bottom: 3px solid #FF7DA5;
}
#photo .line1 {
	background: url(images/photo/bg_photo_line_top.png) no-repeat left bottom;
	padding: 10px;
}
#photo .line_outer {
	clear: both;
	background: url(images/photo/bg_photo_bottom.png) no-repeat left bottom;
	margin-top: 10px;
	padding-bottom: 10px;
}
#photo .line_inner {
	background: url(images/photo/bg_photo_top.png) no-repeat left top;
	padding: 10px 10px 0;
}
#photo dl.left, 
#photo dl.right {
	width: 348px;
	border: solid 1px #999;
	padding: 10px;
}
#photo dl.left {
	float: left;
}
#photo dl.right {
	float: right;
}
#photo dt {
	float: left;
}
#photo dd {
	line-height: 1.4em;
	margin-left: 197px;
}

/*=====================================================
■ 料金ページ
=====================================================*/
#price {
	width: 560px;
	float: right;
}
#price h2 {
	border-bottom: 3px solid #FF7DA5;
}
#price .list {
	background-color: #efefef;
	margin-bottom: 20px;
	padding: 15px;
	border-right: solid 1px #ff7da5;
	border-bottom: solid 1px #ff7da5;
	border-left: solid 1px #ff7da5;
}
#price table {
	width: 530px;
}
#price th, #price td {
	border: solid 1px #666;
}
#price th {
	background-color: #FFDDE8;
	text-align: center;
	padding: 5px 10px;
}
#price td {
	background-color: #fff;
	padding: 5px 10px;
}
#price .triming th.course {
	width: 25%;
}
#price .option td {
	width: 50%;
}
#price .hotel td {
	width: 33%;
}
#price .shortstay td {
	width: 33%;
}
#price .hotel ul {
	margin-top: 10px;
}
#price .hotel li {
	background: url(images/price/hotel_point.gif) no-repeat left 2px;
	line-height: 1.4em;
	margin-bottom: 5px;
	padding-left: 20px;
}

#snavi li {
	width: 200px;
	height: 25px;
	margin-bottom: 5px;
}
#snavi li a {
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#snavi .btn_1 {
	background: url(images/price/bt_triming_u.png) no-repeat left top;
}
#snavi .btn_1 a {
	background: url(images/price/bt_triming.png) no-repeat left top;
}
#snavi .btn_1 a:hover {
	background: none;
}
#snavi .btn_2 {
	background: url(images/price/bt_option_u.png) no-repeat left top;
}
#snavi .btn_2 a {
	background: url(images/price/bt_option.png) no-repeat left top;
}
#snavi .btn_2 a:hover {
	background: none;
}
#snavi .btn_3 {
	background: url(images/price/bt_hotel_u.png) no-repeat left top;
}
#snavi .btn_3 a {
	background: url(images/price/bt_hotel.png) no-repeat left top;
}
#snavi .btn_3 a:hover {
	background: none;
}
#snavi .btn_4 {
	background: url(images/price/bt_shortstay_u.png) no-repeat left top;
}
#snavi .btn_4 a {
	background: url(images/price/bt_shortstay.png) no-repeat left top;
}
#snavi .btn_4 a:hover {
	background: none;
}

#side_contents {
	background: url(images/common/bg_side_contents_top.png) no-repeat left top;
	margin-top: 10px;
	padding-top: 10px;
}
#side_contents .inner {
	background: url(images/common/bg_side_contents_bottom.png) no-repeat left bottom;
	padding: 0 10px 10px;
}
#side_contents .inner h3 {
	padding-bottom: 10px;
}
#side_contents .inner p {
	line-height: 1.4em;
	background-color: #f3f3f3;
	padding: 10px;
	margin-bottom: 10px;
}
#side_contents .inner a {
	color: #06F;
	text-decoration: underline;
}
#side_contents .inner a:visited {
	color: #06F;
	text-decoration: underline;
}


/*=====================================================
■ ニュースページ
=====================================================*/
#news {
	width: 560px;
	float: right;
}
#news h2 {
	border-bottom: 3px solid #FF7DA5;
}
#news .list {
	background-color: #efefef;
	padding: 15px;
	border-right: solid 1px #ff7da5;
	border-bottom: solid 1px #ff7da5;
	border-left: solid 1px #ff7da5;
}
#news .list h3 {
	color: #f06;
	line-height: 2em;
}
#news .list .note {
	line-height: 1.6em;
	background-color: #fff;
	margin-bottom: 10px;
	padding: 10px;
}
#date_archive {
	background: url(images/common/bg_side_contents_top.png) no-repeat left top;
	padding-top: 10px;
}
#date_archive .inner {
	background: url(images/common/bg_side_contents_bottom.png) no-repeat left bottom;
	padding: 0 10px 10px;
}
#date_archive .inner h3 {
	margin-bottom: 10px;
}
#date_archive .inner ul {
	background-color: #fff;
	padding: 10px;
}
#date_archive .inner li {
	line-height: 1.6em;
}
#date_archive .inner li a {
	background: url(images/common/arrow_mark1.png) no-repeat left 4px;
	text-indent: 15px;
	display: block;
}
#date_archive .inner li a:hover {
	background: url(images/common/arrow_mark1.png) no-repeat left -86px;
}


/*=========================================================
■ お問合せ
=========================================================*/
#contact {
	width: 440px;
	margin: 0 auto 15px;
}
#contact h2 {
	border-bottom: 3px solid #FF7DA5;
}
#contact .contact_form {
	padding: 20px;
	border-right: solid 1px #ff7da5;
	border-bottom: solid 1px #ff7da5;
	border-left: solid 1px #ff7da5;
}

/* Contact Form 7 ****/
#wpcf7-f1-p12-o1 {
	width: 350px;
	padding-left: 20px;
}
#wpcf7-f1-p12-o1 p {
	margin-top: 15px;
}
#wpcf7-f1-p12-o1 .wpcf7-not-valid-tip-no-ajax {
	padding-top: 3px;
}
#wpcf7-f1-p12-o1 .con{
	font-size: 115%;
	background: url(images/contact/text.png) no-repeat left top;
	width: 250px;
	height: 15px;
	padding: 5px;
	border: 0;
    align: left;
}
#wpcf7-f1-p12-o1 .msg{
	font-size: 115%;
	background: url(images/contact/textarea.png) no-repeat left top;
	width: 340px;
	height: 240px;
	padding: 5px;
	border: 0;
	overflow-y:auto;
	_overflow-y:hidden;
}
html>/**/body #wpcf7-f1-p12-o1 #send {
	background: url(images/contact/btn_send_mail.png) no-repeat left top;
	text-indent: -9999px;
	width: 175px;
	height: 30px;
	border: 0px;
	cursor: pointer;
}

div.wpcf7-response-output {
	background-color: #efefef;
	margin: 20px 0 0 !important;
	padding: 10px !important;
}


/*=========================================================
■ リンク
=========================================================*/
#link {
	width: 780px;
}
#link h2 {
	border-bottom: 3px solid #FF7DA5;
}
#link .link_list {
	background-color: #efefef;
	padding: 20px;
	border-right: solid 1px #ff7da5;
	border-bottom: solid 1px #ff7da5;
	border-left: solid 1px #ff7da5;
}
#link .link_list table {
	width: 100%;
	border-top: dotted 1px #ccc;
	border-right: solid 1px #FC0;
}
#link .link_list th, 
#link .link_list td {
	padding: 10px;
	border-bottom: dotted 1px #ccc;
}
#link .link_list th {
	color: #fff;
	background-color: #54a5ff;
	border-right: solid 3px #FC0;
}
#link .link_list td {
	background-color: #fff;
}

