/*---------------------------------
	Reset
-----------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,a,em,strong,img,ul,ol,li,dl,dt,dd,fieldset,form,legend,table,caption,tbody,thead,tfoot,th,td,tr {margin: 0;padding: 0;border: 0;vertical-align:baseline;list-style:none;font-size:100%;font-style:inherit;}

/*---------------------------------
	body
-----------------------------------*/

body {
	margin:0;
	padding:0;
	color:#333;
	font:normal 15px/150% "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",verdana,Arial,Sans-Serif;
	background:#fff;
	position:relative;
	min-width: 980px;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

/*---------------------------------
	Html Elements
-----------------------------------*/

p {margin:0;}
a { color:#0066FF;text-decoration:none; font-weight:normal;	-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;transition: all 0.1s;}
a:hover { color:#FF0066; text-decoration: underline;}
a .none {color:#333; text-decoration:none}
a .none p:hover {text-decoration:none !important; color:#333;}
.text{ color:#333;font-weight:normal;}
::selection {
    background: #eee; /* Safari */
}
::-moz-selection {
    background: #eee; /* Firefox */
}
em,strong,.strong {font-weight:bold;}
img {vertical-align: middle;}
hr {clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:10px 0;min-height: 0px;height:1px;}
.center{text-align:center;}
.float-left {float:left;}
.float-right {float:right;}
.bold {font-weight:bold;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.ml20 {margin-left:20px;}
.clear {clear:both;}
.clearfix,.cf { min-height: 1px;}
.clearfix:after,.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
* html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
.font-s {font-size:13px;}
.font-xs {font-size:10px;}
.font-l {font-size:18px;}
.font-xl {font-size:24px;}
.price {font-weight:bold; color:#ee0000;}
.image-left {float:left; margin-right:10px;}


/*---------------------------------
	layout
-----------------------------------*/

#header,.menu,#wrap,#footer,#page {zoom:1;overflow:hidden;}

#head {
	background: #fff;
	background-size:400px;
	overflow: hidden;
	line-height: 150% !important;
}

.head-in {
	background:url(http://www.companion-enkai.com/img/header/header-in_bg.png) center bottom no-repeat;
	width: 870px;
	padding:10px 0 25px 110px;
	margin:0 auto;
	position: relative;
}

.head-in h1 {
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 14px;
}

.head-in .contact {
	background-size:160px;
	position: absolute;
	right: 0;
	top: 10px;
}

.head-in .contact ul {
	overflow: hidden;
	float: right;
}

.head-in .contact ul li {
	float: right;
	margin-left: 10px;
}

.mailform a {
    border-bottom:solid 6px #06A802;
	background: #0AC503 url(../img/mail.png) no-repeat 10px 50%;
	background-size:24px;
	font-size: 20px;
	font-weight: 700;
	display: block;
	color: #fff;
	padding: 15px 10px 14px 42px;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 0 #009B00 !important;
}

.mailform a:hover {
    border-bottom:solid 6px #0AC503;
	background: #09E203 url(../img/mail.png) no-repeat 10px 50%;
	background-size:24px;
	text-decoration: none;
}

.mailform a span {
	border: 1px solid #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	padding:2px 5px; 
}

.head-in .contact .line img {
	height: 58px;
}

.head-in .contact .tel {
	color: #333;
	text-decoration: underline !important;
	clear: both;
	padding: 0 !important;
	margin-bottom: 0px;
}

.head-in .contact .tel li a {
	font-size: 20px;
	font-weight: bold;
}

.head-in .contact .time {
	clear: both;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: right;
}

.head-in .girl {
	width: 116px;
	height: auto;
	position: absolute;
	left: -10px;
	bottom: -52px;
}

.global {
	background: #ff0066;
	border-bottom: solid 4px #DF0059;
	height: 48px;
}

.global ul {
	width: 880px;
	padding: 0 0px 0px 120px;
	margin: 0 auto;
	overflow: hidden;
	height: 52px;
}

.global li {
	float: left;
	border-right: 1px solid #C80050;
	height: 52px;
	line-height: 52px;
	display: table-cell;
}

.global li:first-child {
	border-left: 1px solid #C80050;
}

.global li a {
	color: #fff;
	padding: 0 20px;
	font-weight: bold;
	display: block;
}

.global li a:hover {
	background: #DF0059;
	text-decoration: none;
	border-bottom: 3px solid #fff !important;
}

/* header */
#header {
	background:url(../img/page/head_star.gif);
}
@media screen and (max-width: 1080px) {#header .open {	display:none;}}

.header-in {
	width:980px;
	margin:0 auto;
	position: relative;
	padding:10px 0 10px;
	zoom:1;
	overflow:hidden;
	background: url(../img/page/header-in_bg.gif) no-repeat bottom left;
}

.header-in .sitelogo a {
	width: 398px;
	height: 89px;
	text-indent: -9999px;
	display:block;
	background:url(../img/page/logo.gif) no-repeat;
}
.header-in h1 {margin:0 0 5px;font-size:14px; }
.header-in h1 span {font-size:16px; color:#FF0066;}
.header-in .left {float:left; padding-left:120px;}
.header-in .right {float:right;}
.header-in .right ul {zoom:1; overflow:hidden;}
.header-in .right li {font-size:20px;}

/* nav */

#menu {background:#FF0066;}
#menu ul {zoom:1; overflow:hidden; width: 980px;margin: 0 auto;background: url(../img/page/menu_bg.png) left top no-repeat;}
#menu ul li {float:left;}
#menu ul li:first-child {margin-left: 130px;}
#menu ul a { color:#fff; display:block;text-indent:-9999px;border-right:1px solid #DD0058;width:162px;height:42px;}
#menu ul .nav_home a {background:url(../img/page/nav_home.gif) no-repeat center;}
#menu ul .nav_map a {background:url(../img/page/nav_map.gif) no-repeat center;}
#menu ul .nav_ranking a {background:url(../img/page/nav_ranking.gif) no-repeat center;}
#menu ul .nav_manual a {background:url(../img/page/nav_manual.gif) no-repeat center;}
#menu ul .nav_mail a {background:url(../img/page/nav_mail.gif) no-repeat center; border-right: none;}

/* footer */

.footer-contact {
	margin-top: 30px;
	padding-top: 30px;
	border-top: #ddd 1px solid;
	width: 980px;
	margin:0 auto;
	overflow: hidden;
}

.footer-contact h3 {
	margin-bottom: 20px;
	border-left: 5px solid #ff0066;
	padding-left:20px;
	font-size: 18px;
}

.footer-contact h3 span {
	font-size: 24px;
}

.footer-contact-tel,..footer-contact-mail {
	width: 480px;
	float: left;
}

.footer-contact-tel {
	margin-right: 20px;
}

.footer-contact-tel a {
	font-size: 42px;
	color: #333;
	font-weight: bold;
}

.footer-contact-tel dl {
	overflow: hidden;
}

.footer-contact-tel dt,.footer-contact-tel dd {
	line-height: 1.7;
}

.footer-contact-tel dt {
	float: left;
	width: 110px;
	border: #ddd solid;
	border-width: 1px 0 1px;
	background: #fff;
	padding:0;
	margin:20px 10px 0 0;
	text-align: center;
}

.footer-contact-tel dd {
	float: left;
	width: 340px;
}

.footer-contact .sns {
	clear:both;
	padding:10px;
	background: #eee;
	border: 1px solid #ddd;
	text-align: center;
}


#footer {
	clear:both;
	margin:30px 0 0;

}

#footer .global ul {
	width: 980px;
	padding: 0 0px 0px 0px;
	margin:0 auto;
}

#footer div,#footer ul {overflow:hidden;}
.footer-middle,.footer-middle a {text-shadow:1px 1px 0 #fff;}
.footer-in {margin:0 auto; width:960px;}

.footer-top {background:#FF0066;}
.footer-middle {background:#eee; border-bottom:1px solid #ddd; box-shadow:0 2px 0 #fff;}
.footer-bottom {background:#eee url(../img/page/border-white.png) top repeat-x;}

.footer-top li {float:left;}
.footer-top li a {padding:10px 20px; margin-right:5px; display:block; color:#fff; font-weight:bold;}
.footer-top li a:hover {color:#fff;}

.footer-company {
	width:240px;
	float:left;
	padding-top:20px;
	border-right:1px solid #fff;
}

.footer-company h2 a {display:block;text-indent:-9999px; background:url(../img/footer/sakuratourist.png) no-repeat; height:30px; margin-bottom:10px;}
.footer-company p.icon-tel,.footer-company p.icon-free {
	font-size:24px;
	font-weight:bold;
	margin:5px 0;
}
.footer-company ul {margin-top:10px;}
.footer-company ul a {
	color:#333333;
	background:url(../img/arow/gray.gif) no-repeat left center;
	padding-left:15px;
	font-size:12px;
}
.footer-plan {
	float:left;
	margin-right:-20px;
}
.footer-plan ul {
	width:80px;
	min-height:230px;
	float:left;
	border-left:1px solid #ddd;
	box-shadow:2px 0 0 #fff;
	padding:10px;
}
.footer-plan li a {
	display:block;
	color:#333333;
	background:url(../img/arow/gray.gif) no-repeat left center;
	padding-left:15px;
}
.footer-plan li a:hover { text-decoration:underline;}
.footer-plan li h3 { padding:10px 0;}

.footer-bottom {color:#333;}
.footer-service {font-size:12px;}
.footer-service h3,.footer-service li {float:left; margin-right:10px;}
.footer-service a,.footer-service h3{ font-size:12px; color:#666;}
.copyright {text-align:center;font-size:12px;padding:10px 0;}
#footer .icon-home {background:url(../img/footer/icon_home.png) no-repeat left center;}
#footer .icon-map {background:url(../img/footer/icon_map.png) no-repeat left center;}
#footer .icon-rank {background:url(../img/footer/icon_rank.png) no-repeat left center;}
#footer .icon-manual {background:url(../img/footer/icon_manual.png) no-repeat left center;}
#footer .icon-estimate {background: url(../img/footer/icon_estimate.png) no-repeat left center;}
#footer .icon-mail {background:url(../img/footer/icon_mail.png) no-repeat left center;}
#footer .icon-company {background:url(../img/footer/icon_company.png) no-repeat left center;}

/* keyword */

#keyword{ background:#FFE6F0 ;zoom:1;overflow:hidden;}
.keyword-in {
	background:url(../img/page/search.png) left center no-repeat;
	width:580px;padding:20px 0 20px 270px;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
}

#keyword input#SearchKeyword {
width:360px;
margin-right:10px;
float:left;
	padding:10px 0 10px 33px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFFFFF;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAMAAAAynjhNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF////kJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQb85vSwAAABB0Uk5TABAgMEBQYHCAj5+vv8/f7yMagooAAADbSURBVCjPjZNJEsMgDASRwWYxS///tTlQNgjHqegkaLGMGIz5L2zMQD29fIEuc0d8FETmaFbT1GdzSKVn7rG2HsYYYyS0Zb0DSOOOBSgDZ0WNkQYcdzVQtYx5JgK7vmoG7MjbovOYdgfygjcgDBzXNmmcfuCqVN5iLnwCm8ZhEuOn0qkvMg/s+gZJbTW/wYE6TirQrrMkski1DaB4a8TF9nRE5yrK7KgtP7kSs18FLfmeLK2UPYTg3TBmfPN8t+ZwzBLSDYt74xUevV6lFnn9cg5O+fEld//Hv/0A/QoRoIOO1BEAAAAASUVORK5CYII=");
    background-origin: padding-box;
    background-position: 8px 50%;
    background-repeat: no-repeat;
    background-size: 15px 16px;
	border: 1px solid rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 1px 1px 3px #666 inset;
	-moz-box-shadow: 1px 1px 3px #666 inset;
	box-shadow: 1px 1px 3px #666 inset;
}
#keyword input {float:left;}
input[type="submit"]:hover {cursor:pointer;}
*:first-child+html #keyword input { padding:5px;}

/* wrap */

#wrap { clear:both;width:980px;margin:20px auto 0px; 
}

/*---------------------------------------
	PAGER
---------------------------------------*/

/* page-count */

.page-nav {
margin-bottom:10px;
_zoom:1;
overflow:hidden;
}

.page-count {
float:left;
}
	.page-count span {
	font-size:18px;
	font-weight:bold;
	color:#ff0066;
	} 
	
.pager {
float:right;
}
	.pager li {
	float: left;
	margin-right: 5px;
	font-weight: bold;
	background:#f5f5f5;
	color:#CCC;
	width:30px;
	line-height:30px;
	text-align:center;
	}
	.pager li.prev,
	.pager li.next {
	width:140px;
	}
	
	.pager li a {
	position: relative;
	display: block;
	font-weight:bold;
	}
	.pager li a:link,
	.pager li a:visited {
	text-decoration: none;
	}
	.pager li a:hover,
	.pager li a:active {
	background-color: #FF0066;
	color:#fff;
	text-decoration: none;
	}
	.pager li.current {
	display: block;
	background: #FF0066;
	color: #FFFFFF;
	}

/*---------------------------------
	HEADINGS
-----------------------------------*/

h1.title {font-size:24px; margin-bottom:20px;}

h2.title-pink,#page .main h2 {
	margin:20px 0 10px 0;
	padding:15px 20px;
	font-size:18px;
	background:#FFE6F0 url(../img/page/border-white.png) top repeat-x;
	border-top:3px solid #FF0066;
	font-weight: bold;
	text-shadow:2px 2px 0 #fff;
}

.box-pink h2 {
	border-top:3px solid #FF0066;
	border-left:1px solid #FF99CC;
	border-right:1px solid #FF99CC;
	background:#FFE6F0 url(../img/page/border-white.png) top repeat-x;
	padding:8px 10px;
	text-shadow:1px 1px 0 #fff;
	font-size:15px;
}

.box-gray h2 {
	border-top:3px solid #ccc;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background:#f5f5f5 url(../img/page/border-white.png) top repeat-x;
	padding:8px 10px;
	text-shadow:1px 1px 0 #fff;
	font-size:15px;
}

h3.title { font-size:18px; margin:20px 0 10px 0;}
h3.title:first-child {margin-top:0;}

.box-pink>.body {border:1px solid #FF99CC;background: #fff; padding:10px 8px;zoom:1; overflow:hidden;}
.box-gray>.body {border:1px solid #ddd;background: #fff; padding:10px 8px;zoom:1; overflow:hidden;}

/*---------------------------------
	jquery Elements
-----------------------------------*/

.laquu-tooltip-container {
padding:5px;
background: url(/img/page/tab_bg.png) bottom repeat-x;
border:1px solid #ccc;
border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
}

/*---------------------------------
	List
-----------------------------------*/

.list-left,.list-left-border {overflow:hidden;_zoom:1;}
.list-left li,.list-left-border li {float:left;margin-right:10px;}
.list-left-border li {padding-right:10px;border-right:1px solid #ccc;}
.list-left-border li.last {border:none;padding-right:0; margin-right:0;}
.list-arow li {
	background:url(../img/arow/pink.gif) no-repeat center left;
	padding:0 0 0 15px;
}
.list-arow-gray li { list-style:url(../img/arow/gray.gif) inside;padding:0 0 0 10px; text-indent:-1.0em;}
.list-arow,.list-check,.list-arow-gray {margin-left:1.0em;}

.point {color:#FF0000;font-weight:bold;font-size:18px;}
.point img {margin-right:10px;}

dl.image-list li { width:80px; height:60px;}
dl.image-list li img {float:left; margin-right:10px;}

.box-link li {clear:both;margin-bottom:5px;zoom:1; overflow:hidden; background:url(../img/arow/box.gif) right center no-repeat;}
.box-link li a {display:block;padding:0 20px 5px 0; }
.box-link li:hover {background:#FFE6F0 url(../img/arow/box_hover.gif) right center no-repeat;}

/*---------------------------------
  	Icon
-----------------------------------*/

.kuchikomi {background:url(/img/icon/kuchikomi.gif) no-repeat left center;padding-left:25px;zoom:1; overflow:hidden;}
.clap {background:url(/img/icon/clap.gif) no-repeat left center #fff;padding-left:20px;}
.clap input {background:none;}
.mail {background:url(../img/icon/mail.png) no-repeat left center; padding-left:20px;}
.icon-tel {background:url(../img/icon/tel.gif) no-repeat left; padding-left:24px;}
.icon-free {background:url(../img/icon/free.gif) no-repeat left; padding-left:24px;}

/*---------------------------------
	Link
-----------------------------------*/

.more {float:right;}
.more a {display:block;background:url(../img/arow/pink.gif) no-repeat center left;font-weight:bold;padding-left:16px;}

.btn-blue { margin-top:10px;clear:both; background: #0066FF;border-radius: 6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.btn-blue a {display:block; padding:10px; font-weight:bold;background:url(../img/arow/white.gif) right center no-repeat; color:#fff; text-align:center; margin-right:10px;}
.btn-blue:hover { background:#FF0066;}
.btn-blue:hover a {color:#fff;}

.btn-gray { margin-top:10px;clear:both; background: #eee;border-radius: 6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.btn-gray a {display:block; padding:8px 10px;background:url(../img/arow/white.gif) right center no-repeat; color:#000; text-align:center; margin-right:10px; font-weight: bold;}
.btn-gray:hover { background:#FF0066; color:#fff;}
.btn-gray:hover a {color:#fff;}

/*---------------------------------
	breadcrumb
-----------------------------------*/

ul.breadcrumb {float:left;zoom:1;overflow:hidden;}
ul.breadcrumb li { float:left;}
ul.breadcrumb a { font-size:14px; margin-right:8px; padding-right:16px; background:url(../img/arow/gray.gif) right center no-repeat;}

/*---------------------------------
 table
-----------------------------------*/

table {
	margin:20px 0;
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table th,.th {
    padding: 5px 10px;;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5 ;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	vertical-align:middle;
	text-shadow:1px 1px 0 #fff;
}

table.form th {
	width:120px;
	text-align:left;
}

table.form th img {
	vertical-align:baseline;
}

table td {
    padding: 5px 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:middle;
}

/* etc */

.fukidashi { margin-top:5px;clear:both;background:url(../img/page/fukidashi_up.png) no-repeat top left;padding:6px 0 0 0;}
.fukidashi-in { border:1px solid #ccc; padding:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
.fukidashi-in .title {font-weight:bold;color:#333;}
.fukidashi-in .body {color:#333;}
.fukidashi-in a:hover {color:#FF0066; background:#f5f5f5;}

/*-----------------------------------
	Input and Button
-----------------------------------*/

/* submit */

.submit input,
.submit a {
	background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);	color:#fff;
	border:1px solid #4481eb;
	font-size:20px;
	font-weight:bold;
	padding:10px 20px;
	text-align:center;
	display:block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.submit input:hover,
.submit a:hover {
	background:#4481eb;
	cursor:pointer;
}

.submit-box {
	padding:30px;
	margin:20px 0;
	background:#eee;
	border:1px solid #ccc;
}

/* keyword search */

#keyword .submit input {
	padding:5px 50px;
}

/* kuchikomi */

#kuchikomi .submit a {
	margin-left:230px;
	padding:10px 30px;
	width:200px;
}

/* yado */

#yado_plan .submit input {
	width:200px;
}

#yado .btn-list input {
	width:180px;
}

#yado .contact {
	clear:both;
	background:#f5f5f5;
	padding:20px;
}
#yado .contact input {
	width:100%;
	margin:0 auto 10px;
	padding: 20px 0;
	font-size: 24px;
}
#yado .contact .tel {
	font-size: 18px;
	margin-bottom: 20px;
}
#yado .contact .tel a {
	font-size: 24px;
	font-weight: bold;
}
#yado .contact .line a {
	background: #fff;
	display: block;
	text-align: center;
}