@charset "utf-8";
/* CSS Document */

/*
Theme Name: ドッグカフェ
Theme URI:
Description:
Version: Ver.1.0
Author: UG
Author URI:
Tags:
*/


/* --- 全体共通CSS --- */
div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, small, strong,
b, i, dl, dt, dd, ol, ul, li, tr, th, td {
	font-size: 18px;
	line-height: 1.8em;
	color: #fff;
}


/* --- 全体共通CSS END --- */





/* --- 全体共通CSS --- */
body {
	background: #2f6e51;
}
section {
	background: #46956e;
	padding: 30px;
}
.wrap {
	position: relative;
	margin: 0 auto;
	width: 1210px;
	height: 100%;
}

/* --- 全体共通CSS END --- */



/* --- 背景設定 --- */

#container {
	position: relative;
	width: 100%;
	min-width: 1210px;
	height: auto;
	clear: both;
}
#container > .wrap {
	width: auto;
}

#header {
	position: relative;
	width: 100%;
	height: 300px;
	z-index: 10000;
}



#mainimage {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}
#mainimage > .wrap {
	width: auto;
}


#content {
	position: relative;
	width: 100%;
	height: auto;
}
#content > .wrap {
	width: auto;
}



#footer {
	position: relative;
	width: auto;
	height: 500px;
	margin: 100px 0 20px 0;
}

/* --- 背景設定 END --- */

	
	
/* --- ヘッダー設定 --- */
#logo {
	position: absolute;
	top: 40px;
	left: 0;
	width: 330px;
	height: auto;
}
#tel  {
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 3000;
	width: 440px;
	height: auto;
}


/* --- ヘッダー設定 END --- */




/* --- ナビ設定 --- */
#nav {
	position: absolute;
	top: 250px;
	left: 0;
	z-index: 5000;
}

#nav1 {
	position: relative;
	background: url(images/nav1.png) no-repeat top left;
	width: 402px;
	height: 93px;
	display:block;
}
#nav2 {
	position: relative;
	background: url(images/nav2.png) no-repeat top left;
	width: 401px;
	height: 93px;
	display:block;
}
#nav3 {
	position: relative;
	background: url(images/nav3.png) no-repeat top left;
	width: 401px;
	height: 93px;
	display:block;
}
#nav4 {
	position: relative;
	background: url(images/nav4.png) no-repeat top left;
	width: 401px;
	height: 93px;
	display:block;
}



#nav11 {
	position: relative;
	background: url(images/nav1.png) no-repeat top left;
	background-size: 300px auto;
	width: 300px;
	height: 93px;
	display:block;
}
#nav21 {
	position: relative;
	background: url(images/nav2.png) no-repeat top left;
	background-size: 300px auto;
	width: 300px;
	height: 93px;
	display:block;
}
#nav31 {
	position: relative;
	background: url(images/nav3.png) no-repeat top left;
	background-size: 300px auto;
	width: 300px;
	height: 93px;
	display:block;
}
#nav41 {
	position: relative;
	background: url(images/wanan/nav4.png) no-repeat top left;
	background-size: 300px auto;
	width: 300px;
	height: 93px;
	display:block;
}




/* --- メインイメージ設定 --- */


#mainimg_sub1 {
	position: relative;
	background: url(images/mainimg_subi.jpg) no-repeat center;
	background-size: 2500px auto;
	width: 100%;
	height: 430px;
}

#mainimg_sub2 {
	position: relative;
	background: url(images/mainimg_subc.jpg) no-repeat center top;
	background-size: 2500px auto;
	width: 100%;
	height: 430px;
}


/* --- メインイメージ設定 END --- */




/* --- コンテンツ設定 --- */
.topback_img {
	background: url(images/top_img1.png) -270px 0 no-repeat #2f6e51;
	background-size: 80% auto;
}

#top_logo {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 30%;
	height: auto;
}

#top_text {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 55%;
	height: auto;
}

#top_nav {
	position: fixed;
	top: 37%;
	right: 40px;
}
#top_nav li {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	padding-bottom: 5px;
}
#top_nav li a {
	font-size: 1.8em;
	font-weight: bold;
	color: #fff;
}


#top_wanyan {
	width: 250px;
	height: auto;
}



#top_address {
	width: auto !important;
	position: fixed;
	bottom: 20px;
	left: 20px;
}




.main {
	position: relative;
	width: auto;
	height: auto;
}


.table001 {
	position: relative;
}
.table001 tr {
	border-bottom: solid 3px #fff;
}
.table001 td {
	padding: 40px 20px;
}



.m_text1 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 6.5em;
	font-weight: bold;
	line-height: 1em;
}

#contact_table {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
#contact_table th {
	background: #CCCCCC;
	padding: 20px 40px;
	border: solid 1px #46956e;
	color: #2f6e51;
}
#contact_table td {
	background: #fff;
	padding: 20px 40px;
	border: solid 1px #46956e;
	color: #2f6e51;
}
#contact_table input {
	font-size: 1.3em;
	width: auto;
	height: 40px;
}
#contact_table textarea {
	font-size: 1.3em;
	width: 100%;
}
#contact_table input.radio {
	position: relative;
	top: 3px;
	left: 5px;
}
#contact_table input.checkbox {
	position: relative;
	top: 3px;
	left: 5px;
}
#contact_table label {
	position: relative;
	top: -10px;
}
#contact_table .hisu {
	position: relative;
	top: -8px;
	left: 5px;
}

.contact_text1 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}

#submit_box {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}



/* --- コンテンツ設定 END --- */





/* --- フッター設定 --- */

#f_info_box {
	position: relative;
	width: 100%;
}

#f_logo {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
#f_logo img {
	width: 400px;
	height: auto;
}

#f_info_box .text1 {
	width: 550px;
	margin: 0 auto;
}


address {
	position: absolute;
	bottom: 20px;
	width: 100% !important;
	width: auto;
	text-align: center;
	color: #fff;
}


.toTop {
	position: fixed;
	bottom: 100px;
	right: 50px;
}



/* --- フッター設定 END --- */




/* --- 下層 設定 --- */
.midashi1 {
	background: #fff;
	font-size: 1.8em;
	color: #2f6e51;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 50px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.midashi2 {
	font-size: 25px;
	color: #c13239;
	margin-bottom: 30px;
}




/* --- 下層 設定 END --- */


#header_nan {
	position: relative;
	width: 100%;
	height: 330px;
	z-index: 10000;
}

#nav_nan {
	position: absolute;
	top: 260px;
	left: 0;
	z-index: 5000;
}

#footer_nan {
	position: relative;
	width: auto;
	height: 600px;
	margin: 100px 0 20px 0;
}



.body_nan {
	background: #fff !important;
	color: #333;
}
.section_nan {
	background: #8f8fc3;
	padding: 30px;
}



#tel_nan  {
	position: absolute;
	top: 40px;
	left: 0;
	width: 250px;
	height: auto;
}
#logo_nan {
	position: absolute;
	top: 60px;
	left: 330px;
	width: 500px;
	height: auto;
}
#nintei  {
	position: absolute;
	top: 40px;
	right: 0;
	width: 350px;
	height: auto;
}


#mainimg_sub3 {
	position: relative;
	background: url(images/wanan/mainimg.png) no-repeat center top;
	background-size: 1600px auto;
	width: 100%;
	height: 550px;
}

.midashi_nan {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	color: #1d2088 !important;
	margin-bottom: 50px;
}
.midashi_nan2 {
	text-align: center;
	font-size: 2.5em;
	font-weight: bold;
	color: #fff !important;
	margin-bottom: 50px;
}
.midashi_nan3 {
	text-align: center;
	font-size: 2em !important;
	font-weight: bold;
	color: #1d2088 !important;
	margin-bottom: 50px;
}


.aisatu_box1 {
	position: relative;
	width: 50%;
	float: left;
}
.aisatu_box2 {
	position: relative;
	width: 45%;
	float: right;
}
.aisatu_box2 .text1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #333 !important;
}
.aisatu_box2 .text2 {
	text-align: center;
	font-weight: bold;
	color: #333 !important;
}



.nagare_img1 {
	width: 50%;
	height: auto;
}
.nagare_img2 {
	width: 100px;
	height: auto;
}



.tyui_box1 {
}
.tyui_box1 p {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.tyui_box2 {
	padding: 0 200px;
}
.tyui_box3 {
	padding: 0 300px;
}
.tyui_box3 p {
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}

.cont_mb {
	margin-bottom: 100px;
}


.address_nan {
	position: absolute;
	bottom: 20px;
	width: 100% !important;
	width: auto;
	text-align: center;
	color: #333;
}