@charset "utf-8";
/* Common Layouts
--------------------------------------------------------- */

/* ----- 画像(ボディー全体) ----- */
#all {
/* background: transparent url(../images/common/bg_all.png) center 672px no-repeat; */
}
/* ----- Header ----- */
#header-wrapper {
	border-bottom:1px solid transparent;
	background: transparent url(../images/common/bg_body.png) bottom repeat-x;
	width: 100%;
}
/* ----- ヘッダー部分の背景画像 ----- */

h1 {
	padding-top:30px;
	float: left;
}


h1 a:hover,  #sankoh-logo:hover {
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}

#claim-img{
	width: 236px;
	float: right;
}
#claim-img a {
	height: 59px;
	display: block;
	float: left;
}

/* ----- Subnavigation ----- */
#subnavi {
	border:1px solid #000;
	width: 200px;
	float: right;
}

#subnavi a {
	height: 35px;
	display: block;
	float: left;
}
#subnavi a span {
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;
}
#subnavi a img {
	display: block;
}
#subnavi a:hover {
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}
#subnavi-top {
	width: 195px;
	background: transparent url(../images/common/subnavi.png) 0px 0px no-repeat;
}
#subnavi-top.active,  #subnavi-top:hover {
	background: transparent url(../images/common/subnavi.png) 0px -35px no-repeat;
}


a.alpha10:hover {
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}
/* ----- Breadcrumb ----- */
#breadcrumb {
	width: 960px;
	margin: auto;
	text-align: right;
	font-size: 14px;
}
#breadcrumb li {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
}
#breadcrumb li span {
	margin: 0 3px 0 10px;
	display: inline;
}
/* ----- ここから本文が始まります ----- */
/* ----- Main ----- */
#main {
	width: 960px;
	margin: 0 auto;
}
#main a:hover img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=64)"; /* IE */
	filter: alpha(opacity=64); /* IE */
	-moz-opacity: 0.64; /* Firefox(old) */
	-web-kit-opacity: 0.64; /* Safari */
	opacity: 0.64;
}
#main #left {
	width: 700px;
	min-height: 860px;
	float: left;
}
#main #right {
	width: 220px;
	float: right;
}
.inner-wrapper {
	background: transparent url(../images/common/bg_left.png) left top repeat;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#main #left .inner-wrapper {
	padding: 0px 20px 0px;
	margin-bottom: 60px;
}
#main #right .inner-wrapper {
	background-color: #fff;
}


#main .upper {
	padding-bottom: 2px;
}
#main .upper #gotop {
	display: block;
	float:right;
}


/* ----- Footer ----- */
#footer {
	padding: 20px;
	width: 100%;
	margin: 0px auto;
	background-color:#FF6C00;
	color:#fff;
}

#footer .lower {	
	background: transparent url(../images/common/bdr_wide.png) 0px 0px repeat-x;
}


#footer a:link,
#footer a:visited,
#footer a:active {
	color:#fff;
}
#footer a:hover{
  text-decoration:none!important;
  color: #FF0 !important;
}




.twitter-share-button {
	width: 110px !important;
	display:inline-block;
	float:left;
}
.fb-like {
	margin-right: 20px;
}
.btnset_social {
 .fb-like {
 display: inline !important;
}
#___plusone_0 {
	width: 80px !important;
	margin-right: 15px;
	display: inline !important;
}
iframe.twitter-share-button {
	width: 95px !important;
	display: inline !important;
}
}
iframe.hatena-bookmark-button-frame,  iframe.twitter-share-button,  div#___plusone_0 iframe {
	vertical-align: text-bottom;
}
/* for userlocal analytics tag */
  #id_bivalves img {
	height: 0;
}
/* Common Parts
--------------------------------------------------------- */

/* ----- Responsive for PC ----- */
.sp-only {
	display: none !important;
}
/* ----- Color ----- */
.color00 {
	color: #333;
}
/* suiryoku */
.color01 {
	color: #2277b8;
}
/* karyoku */
.color02 {
}
/* cafe */
.color03 {
	color: #664411;
}
/* workshop */
.color04 {
	color: #bb77cc;
}
/* ----- Width, and some block element styles----- */
.w465 {
	width: 465px;
}
.w350 {
	width: 350px;	
}
.w320 {
	width: 320px;
}
.w301 {
	width: 301px;
}
.w294 {
	width: 294px;
}
.w271 {
	width: 271px;
}
.w264 {
	width: 264px;
}
.w217 {
	width: 217px;
}
.w188 {
	width: 188px;
}
.w188kh {
	width: 188px;
}
.w197 {
	width: 197px;
}
.w197kh {
	width: 197px;
}
.w81 {
	width: 81px !important;
}
.w74 {
	width: 74px !important;
}
.mr4 {
	margin-right: 4px;
}
.mr18 {
	margin-right: 18px;
}
.bdr {
	border: 1px solid #eee;
}
.link03.bdr {
}
.link03.bdr:hover {
	background-color:#eee;
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}
/* ----- Links (default is based on 'suiryoku') ----- */
/* Default and suiryoku */
.link01 {
	height: 40px;
	padding-left: 14px;
	display: block;
	line-height: 32px;
	font-size: 16px;
	font-weight: bold;
	color: #01ABBC;
	background: transparent url(../images/common/btn_left_red.png) left top no-repeat;
}
.link01 span,  .link01:hover span,  .link01:visited span,  .link01:active span {
	color: #333;
	font-weight: normal;
	display: block;
}
.link01.fs15 {
	font-size: 15px;
}
.link02 {
	height: 41px;
	background: transparent url(../images/common/btn_left_blue_big.png) left top no-repeat;
}
.link03 {
	padding: 7px 10px 7px 22px;
	display: inline;
	background: #fff url(../images/common/img_blue_arrow.png) 10px center no-repeat;
	font-weight: bold;
	color: #0099bb;
}
.link04 {
	padding: 5px 10px 5px 19px;
	display: inline;
	font-weight: normal;
	color: #0099bb;
	background: transparent url(../images/hydraulic/img_arrow_blue02.png) 6px center no-repeat;
}
.link05 {
	padding-left: 14px;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	color: #3CA4B1;
	background: transparent url(../images/common/icon_arrow_green.png) left center no-repeat;
}



.company .link01{
	background: transparent url(../images/common/arrow_purple.png) no-repeat;
}

.shop .link01 {
	background: transparent url(../images/common/arrow_red.png) no-repeat;
}

.recruit .link01 {
	background: transparent url(../images/common/arrow_orange.png) no-repeat;
}

.social .link01 {
	background: transparent url(../images/common/arrow_green.png) no-repeat;
}

/* Karyoku */
.karyoku .link01 {
	background: transparent url(../images/common/sprite.png) -475px -221px no-repeat;
}

/* Cafe */
.cafe .link01 {
	height: 36px;
	line-height: 36px;
	background: transparent url(../images/common/sprite.png) -475px -149px no-repeat;
}
/* Workshop */
.workshop .link01 {
	height: 36px;
	line-height: 36px;
	background: transparent url(../images/common/sprite.png) -475px -253px no-repeat;
}
/* Other */
.other .link01 {
	height: 36px;
	line-height: 36px;
	background: transparent url(../images/common/sprite.png) -475px -185px no-repeat;
}
/* ----- Link variations with dot line ----- */
.dot_link {
	border-top: 1px dotted #838381;
}
.dot_link li {
	border-bottom: 1px dotted #838381;
}
.dot_link li a {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	color: #01ABBC;
	display: block;
	background: transparent url(../images/common/img_blue_arrow.png) left center no-repeat;
}






/* ----- Picture frames with seals ----- */
.pict01, .pict02 {
	padding: 3px;
	border: 1px solid #eeedeb;
	background: #fff;
	position: relative;
}
/*
  .pict01 a {
    height: 182px;
    display: block;
    overflow: hidden;
    }
  */
  #main .pict01 img {
	border-width: 0;
}
.pict02 {
	height: 96px;
	overflow: hidden;
}
.pict02 a {
	height: 96px;
	display: block;
	overflow: hidden;
}


.pict03 {
	padding: 3px;
	border: 1px solid #eeedeb;
	background: #fff;
	position: relative;
}

.pict03 {
	height: 77px;
	overflow: hidden;
}
.pict03 a {
	height: 77px;
	display: block;
	overflow: hidden;
}


/* ----- Titles ----- */
/* Default and suiryoku */
h2, .ttl_02 {
	padding: 15px 20px;
	font-size: 28px;
	font-weight: normal;
	background-image:url(../images/common/h2_bg.png);
	background-size: contain;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
h2 span {
	font-weight:bold;
}

h3, .ttl_03 {
	padding-top: 19px;
	padding-bottom: 17px;
	padding-left: 10px;
	background-color: #fff;
	color:#333;
	border-bottom: 1px solid #cccccc;
}
h3 span, .ttl_03 span {
	padding-left: 27px;
	display: block;
	font-size: 17px;
	background: transparent url(../images/common/icon_circle.png) left center no-repeat;
	background-size: 17px 17px;
}


/* For Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
h3 span,  .ttl_03 span {
	background: transparent url(../images/common/icon_circle@x2.png) left center no-repeat;
	background-size: 17px 17px;
}
}
h4, .ttl_04 {
	padding-top: 5px;
	padding-left: 10px;
	border-left: 3px solid #d96ca8;
	font-weight: bold;
	font-size: 18px;
	color: #d96ca8;
}
h4, .ttl_04 {
	padding-top: 5px;
	padding-left: 10px;
	border-left: 3px solid #d96ca8;
	font-weight: bold;
	font-size: 18px;
	color: #d96ca8;
}

h5, .ttl_05 {
	border-top: 2px solid #BBBB99;
	padding-top: 2px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}
.ttl_05 span {
	padding: 12px 10px;
	padding-bottom: 8px;
	background: transparent url(../images/common/bg_brown_stripe.png) left top repeat;
	display: block;
}
h6, .ttl_06 {
	padding: 15px 20px;
	border-bottom: 1px dashed #459910;
	background-color: #cbebd4;
	color: #537744;
	font-weight: bold;
	font-size: 16px;
}
h7, .ttl_07 {
	padding: 17px 20px;
	border-bottom: 1px dashed #459910;
	background-color: #cbebd4;
	color: #338811;
	font-weight: bold;
	font-size: 14px;
}
/* ----- Buttons ----- */
.btn_apply {
	height: 44px;
	display: block;
	background: #ffae2c url(../images/common/txt_apply.png) center center no-repeat;
	background-size: 98px 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn_apply:hover {
	background-color: #ff7711;
}
.btn_apply span {
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;
}
/* ----- Close Message ----- */
.closed strong {
	color: #e00;
}

/* For Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_apply {
	background: #ffae2c url(../images/common/txt_apply@x2.png) center center no-repeat;
	background-size: 98px 18px;
}
}
.btn_contact {
	height: 44px;
	display: block;
	background: #ffae2c url(../images/common/txt_contact.png) center center no-repeat;
	background-size: 136px 17px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.btn_contact:hover {
	background-color: #ff7711;
}
.btn_contact span {
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;
}

/* For Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_contact {
	background: #ffae2c url(../images/common/txt_contact@x2.png) center center no-repeat;
	background-size: 136px 17px;
}
}
/* ----- Tour Reports Tab ----- */
  #report-tab a {
	width: 88px;
	height: 40px;
	margin-right: 6px;
	display: block;
	float: left;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	font-weight: bold;
	background: transparent url(../images/hydraulic/cs_okutadami/bg_suiryoku_tab.png) left top no-repeat;
}
#report-tab a.active,  #report-tab a.force {
	color: #fff !important;
	background: transparent url(../images/hydraulic/cs_okutadami/bg_suiryoku_tab_on.png) left top no-repeat;
}
#report-tab a.last {
	width: 184px;
	padding: 3px;
	height: 29px;
	margin-right: 0;
	background: transparent url(../images/hydraulic/cs_okutadami/bg_report_tab_last.png) left top repeat;
}
#report-tab a.last span {
	display: block;
	height: 29px;
	line-height: 29px;
	background: transparent url(../images/hydraulic/cs_okutadami/bg_archive.png) right bottom no-repeat;
}





.nav-tabs {
	border-bottom: 0;
}
.nav-tabs li {
	/*width: 190px;*/
    width: 32.7586206896552%;
	margin-right: 5px;
	text-align: center;
}
.nav-tabs li a {
	border:1px solid #ccc;
	width: 190px;
	padding: 12px 0 10px 0;
	display: inline-block;
	font-size: 16px;
	color: #018898;
	background-color: #fff;
}
.nav-tabs li a span {
	display: inline-block;
	font-weight:bold;
	
}
#tour-tabs .nav-tabs>li>a,  #tour-tabs .nav-pills>li>a {
	margin-right: 0;
}
.nav-tabs li.active a,  .nav-tabs li a:hover {
	padding-bottom: 13px;
}
.nav-tabs li a:hover {
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}
.nav-tabs li.active a span,  .nav-tabs li a:hover span {
	color: #fff;	
}
.nav-tabs>li>a {
	padding-left: 0;
	padding-right: 0;
}
.nav-tabs>.active>a,  .nav-tabs>.active>a:hover,  .nav-tabs>li>a:hover {
	color: #fff;
	padding-bottom: 13px;
	background-color: #01BABC;
	border: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.nav-tabs li.last {
	margin-right: 0;
}
/* 4tabs version */
  #tour-tabs.tour-tabs4 {
	padding-top: 18px;
}
.tour-tabs4 .nav-tabs li {
	width: 24.35614109039306818%;
	margin-bottom: -1px;
}
.tour-tabs4 .nav-tabs li a {
	width: 100%;
	font-size: 14px;
}




/* ----- Tables ----- */
/* Default and company */





/* ----- Voices ----- */
/* Default and suiryoku */
.property {
	padding: 20px;
	background-color:#FFF;
}
.property .messages {
	padding: 20px;
	border: 1px solid #eee;
}
.property .messages p {
	padding-bottom: 20px;
	border-bottom: 1px dotted #eee;
	margin-bottom: 20px;
}
/* -----Some of voice.html (Default suiryoku) ----- */




#property {
	background: transparent url(../images/hydraulic/bg_cork.png) 0 0 repeat-y;
	background-size:contain;
}

#property-wrapper {
	padding-bottom: 51px;
	background: transparent url(../images/hydraulic/bg_cork_footer.png) center bottom no-repeat;
	zoom: 1;
}
.property_header {

	margin-top: 20px;
	padding: 30px 50px 70px 50px;
	background: transparent url(../images/hydraulic/bg_cork_header.png) center top no-repeat;
	color: #ffffff;
	font-weight: bold;
}


.property_container {
	width: 544px;
	padding: 20px 0 10px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.property_container .property_t {

	background:transparent url(../images/hydraulic/bg_sticky_header.png) center top no-repeat;
}
.property_container .property_l {
	background: transparent url(../images/hydraulic/bg_sticky_left.png) left top repeat-y;
}
.property_container .property_r {
	background: transparent url(../images/hydraulic/bg_sticky_right.png) right top repeat-y;
}
.property_container .property_body {
	padding:46px 18px;
	background-color:#fdfdf5;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}
.property_container .property_tack {
	width: 36px;
	height: 37px;
	background:transparent url(../images/hydraulic/img_sticky_tack.png) 0 0 no-repeat;
	position:absolute;
	top: 0;
	left: 47%;
}
.property_container .property_footer {
	height: 15px;
	background: transparent url(../images/hydraulic/bg_sticky_bottom.png) right bottom no-repeat;
}
.property_body .property_pict {
	position: relative;
}
.property_body .property_lt {
	width: 26px;
	height: 26px;
	background: transparent url(../images/hydraulic/img_frame_lt.png) left top no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 101;
}
.property_body .property_lb {
	width: 26px;
	height: 26px;
	background: transparent url(../images/hydraulic/img_frame_lb.png) left bottom no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 101;
}
.property_body .property_rt {
	width: 26px;
	height: 26px;
	background: transparent url(../images/hydraulic/img_frame_rt.png) right top no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 101;
}
.property_body .property_rb {
	width: 26px;
	height: 26px;
	background: transparent url(../images/hydraulic/img_frame_rb.png) right bottom no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 101;
}
.property_body .pict01 {
	padding: 2px;
}
.property_body .pict01 span {
	width: 229px;
	overflow: hidden;
}
.property_body {
	color:#666644;
	line-height: 1.6;
}
.property_body strong {
	color: #00aaaa;
	display:block;
	font-size: 15px;
	line-height: 1.4;
}





/* ----- Title ----- */
.ttl_company {
  padding: 12px 15px;
  background: #3399ff;
  
  color: #fff;
  background-size: 13px 13px;
  }

.ttl_shop {
  padding: 12px 15px;
  background: #ec6d88;
  
  color: #fff;
  background-size: 13px 13px;
  }

.ttl_recruit {
  padding: 12px 15px;
  background: #f39800;
  
  color: #fff;
  background-size: 13px 13px;
  }

.ttl_social {
  padding: 12px 15px;
  background: #8cc66d;
  
  color: #fff;
  background-size: 13px 13px;
  }
  
.ttl_hotline {
  padding: 12px 15px;
  background: #b47bc0;
  
  color: #fff;
  background-size: 13px 13px;
  }









/* ----- Sidebar Navigation ----- */
/* Default and suiryoku */
#catnavi {
	font-size: 14px;
	border:1px solid #ccc;
	padding: 0 10px 20px 10px;
}

.catnavi a:hover {
	-moz-opacity: 1.0; /* Firefox(old) */
	-web-kit-opacity: 1.0; /* Safari */
	opacity: 1.0;
}
.catnavi ul li {
	padding: 0;
}
.catnavi ul li span.nav_wrap {
	padding: 12px 0;
	display: block;
	border-bottom: 1px dotted #838381;
}
.catnavi ul li a {
	height: 38px;
	padding: 0 4px;
	display:block;
	-webkit-border--radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.catnavi ul li a:hover {
	background-color:#00bbbb;
}
.catnavi ul li ul {
}
.catnavi ul li ul li {
	padding: 7px 0;
	border-bottom: 1px dotted #838381;
}
.catnavi ul li ul li a {
	height: auto;
	padding: 5px 10px 5px 19px;
	border-bottom: 0;
}
.catnavi ul li ul li a.active,  .catnavi ul li ul li a:hover {
	display: block;
	font-weight: bold;
	background-color: #eee;
}
/* Error
--------------------------------------------------------- */
.error {
	color: #a00;
}
/* Bootstrap overwrite
--------------------------------------------------------- */
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
	color: #01abbc;
}
.popover-inner .popover-title {
	border-top: 1px solid #ebebeb;
	color: #333;
	line-height: 1.4 !important;
}


/* Responsive max-width: 768px
--------------------------------------------------------- */

@media screen and (max-width: 768px) {
/* ----- Responsive Base ----- */
  /* clearfix */
  *:after {
	display:block;
	clear:both;
}
body {
	line-height: 1.3;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	-webkit-text-size-adjust: none;
}
.sp-only {
	display: block !important;
}
.pc-only {
	display: none !important;
}
img {
	width: 100%;
	max-width: 100% !important;
	height: auto;
}
img#id_shellfish {
	width:1px;
	height:1px;
}
/* ----- Layout ----- */
  body {
	font-size: 14px;
}


#header,  #subnavi,  #navi,  #main,  #footer {
	width: auto;
}
#header-wrapper {
	margin-bottom: 0;
}
#header-sp {
	padding: 5px 10px;
	background-color: #000;
}
#header {
	
}
#header .right{
	display:none;
}


#main #left {
	min-height: 1px;
}
#main #left,  #main #right {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
#main #left .inner-wrapper {
	padding: 0;
	margin-bottom: 30px;
	background-image: none;
}
#main,  #footer {
	margin-left: 10px;
	margin-right: 10px;
}
#footer .w50p {
	width: 100% !important;
}
#footer .upper {
	padding-bottom: 0;
}
#footer .upper .ninja_onebutton {
	height: 42px;
}
#footer .upper #gotop {
	width: 30px;
	display: block;
	margin: 45px 0 2px auto;
	/*position: static;*/
        text-align: right;
}
#footer .upper #gotop img {

	width: 32px;
}
/* ----- Subnavigation ----- */
#subnavi-contact-sp {
	padding-right: 18px;
	font-size: 16px;
	line-height: 38px;
}
/* ----- Global Navigation ----- */
#navi-sp {
	
	border-bottom: 1px solid #ff0000;
}
#navi-sp li {
	height: 50px;
	float: left;
}
#navi-sp a {
	display: block;
}
#subnavi-hotline-sp{
	border-bottom:1px solid #000;
	width: 100%;
}

#subnavi-hotline-sp a {
	padding-top: 13px;
	padding-bottom: 13px;
}

#navi-sp #navi-opener {
	float:left;
	width:100%;
	text-align:left;
	background-color: #FF6C00;
	line-height: 50px;
}
#subnavi-hotline-sp a {
	padding-right: 12px;
	padding-left: 10px;
	background: transparent url(../images/common/icon_sp_link.png) 93.3559322033898% center no-repeat;
	background-size: 13px 13px;
}
#dLabel {
	padding-top: 11px;
}
/* MENU */
    #navi-opener .dropdown-menu {
	width: 100%;
	padding: 0;
	margin-top: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#navi-opener .dropdown-menu li {
	width: 100%;
	height: auto;
	border-right: 0px solid transparent;
	display: block;
	clear: both;
	text-align: left;
	float: none;
}
#navi-opener .dropdown-menu li a {
	padding: 13px 20px 13px 36px;
	display: block;
	background-position: 95.66666666667% center !important;
}



#navi-company-sp {
	background: transparent url(../images/common/icon_navi_company.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-company-sp a {
	border-bottom: 1px solid #17b9db;
}

#navi-shop-sp {
	background: transparent url(../images/common/icon_navi_shop.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-shop-sp a {
	border-bottom: 1px solid #db142e;
}

#navi-fitness-sp {
	background: transparent url(../images/common/icon_navi_fitness.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-fitness-sp a {
	border-bottom: 1px solid #D96CA8;
}

#navi-cafe-sp {
	background: transparent url(../images/common/icon_navi_cafe.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-cafe-sp a {
	border-bottom: 1px solid #04BF68;
}


#navi-recruit-sp {
	background: transparent url(../images/common/icon_navi_recruit.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-recruit-sp a {
	border-bottom: 1px solid #ff8d05;
}

#navi-social-sp {
	background: transparent url(../images/common/icon_navi_social.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-social-sp a {
	border-bottom: 1px solid #04BF68;
}
	
#navi-property-sp {
	background: transparent url(../images/common/icon_navi_property.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-property-sp a {
	border-bottom: 1px solid #17b9db;
}

#navi-contact-sp {
	background: transparent url(../images/common/icon_navi_contact.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-contact-sp a {
	border-bottom: 1px solid #D96CA8;
}	

#navi-opinion-sp {
	background: transparent url(../images/common/icon_navi_opinion.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-opinion-sp a {
	border-bottom: 1px solid #db142e;
}
	
#navi-hotline-sp {
	background: transparent url(../images/common/icon_navi_hotline.png) 10px center no-repeat;
	background-size: 16px 16px;
}
#navi-hotline-sp a {
	border-bottom: 1px solid #b47bc0;
}





/* footer */
#footer .upper #gotop {
	height: auto;
}
#footer .lower #copyright {
	width: 100%;
}
/* ----- Width, and some block element styles----- */
  .w625,  .w465,  .w301,  .w300,  .w280,  .w264,  .w217,  .w188,  .w197 {
	width: 100% !important;
}

.w625kh,  .w465kh,  .w301kh,  .w300kh,  .w280kh,  .w264kh,  .w217kh,  .w188kh,  .w197kh {
	width: 46% !important;
}

.w188kh p, .w197kh p{
	line-height:1.2em;
}



#main #right .p20 {
	padding: 18px;
}
.mr18 {
	margin-right: 10px;
}
.mb20 {
	margin-bottom: 16px !important;
}
.mb65 {
	margin-bottom: 40px !important;
}
.lh24 {
	line-height: 18px;
}
/* ----- Title ----- */
h1 {
	font-size: 16px;
}


h2, .ttl_02 {
	font-size: 22px;
	background: transparent url(../images/common/h2_bg.png) no-repeat;
	background-size: 100% 100%;
	padding: 7px 5px 7px 10px;
	font-weight: normal;
}
/* ----- Links (default is based on 'suiryoku') ----- */
  .sp-link {
	padding-right: 15px;
}
.link01 {
	height: auto !important;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 20px;
	background: transparent url(../images/common/icon_sp_link.png) right center no-repeat !important;
	background-size: 13px 13px !important;
}
.link03 {
	padding: 8px 5px 8px 7px;
	margin-bottom: 20px;
	text-align: left;
	display: block;
	background-color: #fff;
	background-image: none;
}
.link03 span {
	padding-right: 17px;
	margin-right: 2px;
	display: block;
	background: transparent url(../images/common/icon_sp_link.png) right center no-repeat;
	background-size: 13px 13px;
}
.link04 {
	padding-left: 5px;
	background-image: none;
	color: #333;
}
.link04:link,  .link04:hover,  .link04:visited,  .link04:active {
	color: #333;
}
.link04 span {
	background: transparent url(../images/common/icon_sp_link.png) right center no-repeat;
	background-size: 13px 13px;
	padding-right: 17px;
	margin-right: 2px;
	display: block;
}
/* Adviser */
  .adviser_link .link03 {
	clear: both;
}
/* ----- Buttons ----- */
.btn_apply {
	height: 44px;
}
/* ----- Slider ----- */
#slider img {
	width: auto;
}
/* ----- Tour buttons ----- */
  .tour-btns {
	text-align: center;
}
.tour-btns a {
	width: 31.5%;
	margin-right: 2px;
}
.tour-btns a.last {
	margin-right: 0;
}
/* -----Some of voice.html (Default suiryoku) ----- */

  #property {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.property_header {
	padding: 18px 30px 80px 35px;
	background-position: 5px top;
	background-size:100% 100%;
}

.property_header p{line-height:1.5em;}

.property_container {

	width: 95%;
}
.property_container .voice_tack {
	left: 46.5%;
}
.property_pict.w235 {
	width: auto !important;
}
.property_pict.mr20,  .property_pict.ml20 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.property_body .pict01 span {
	width: auto !important;
}
.property_pict.fl,  .property_pict.fr {
	float: none !important;
}
/* ----- Sidebar Navigation ----- */
/* Default and suiryoku */
  .catnavi ul li ul {
	margin-left: 0;
}
.catnavi ul li ul li a {
	padding-left: 10px;
}


}



/* Responsive max-width: 480px
--------------------------------------------------------- */

@media screen and (max-width: 480px) {
/* ----- Global Navigation ----- */
  #subnavi-daigakusei-sp {
	width: 36.5957746478873%
}
#footer .upper #gotop {
	margin-top: 60px;
}

.property_header {
	padding: 10px 5px 80px 28px;
	background-position: 5px top;
}

.property_header p{line-height:1.2em;}

.property_container {

	width: 95%;
}

}