﻿@charset "utf-8";


/* reset */
/* -------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
html {height:100%; height:100%; overflow-y:scroll;}

h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:bold;}

p, ul, ol, dl, address, blockquote, table, div {font-size:100%;}

p {margin:0 0 0 0;}

ol,ul {list-style:none;}

fieldset,img {border:0; vertical-align:top;}

table {border-collapse:collapse; border-spacing:0;}

caption,th {text-align:left;}

th {vertical-align:top; font-weight:normal; text-align:left;}

td {vertical-align:top;}

address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}





/* common */
/* -------------------------------------------------------- */
body {font:14px Verdana, "メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#1A1A1A; text-align:center; text-size-adjust:100%; -moz-text-size-adjust:100%; -webkit-text-size-adjust:100%; background:#fff;}
h1, h2, h3, h4, h5, h6, h7 {line-height:1.4;}
p, li, dt, dd, th, td, address, blockquote, div {line-height:1.5;}
input, select, textarea, button {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; line-height:1.2; vertical-align:middle;}

ol {list-style-type:decimal; margin-left:2.2em;}

img {line-height:0; vertical-align:top; border:0; display:inline;}

em {font-weight:bold;}




/* header */
/* -------------------------------------------------------- */
#wrapper {
	border-top:8px solid #00C694;
}

header {
	margin:12px auto;
	width:900px;
	height:80px;
	text-align:left;
}

header #hInner #hLogo {
	width:250px;
	float:left;
}

header h1 {
	margin-bottom:5px;
	font-weight:normal;
}

header #hInner #hLink {
	margin-top:25px;
	float:left;
}

header #hInner #hLink li {
	float:left;
}






/* nav */
/* -------------------------------------------------------- */
nav {
	width:100%;
	overflow:hidden;
	background:url(../images/nav_bg.png) repeat-x 0 0;
}

nav ul {
	margin:0 auto;
	padding:13px 0 1px 0;
	width:900px;
	height:87px;
	text-align:left;
}

nav li {
	padding:0 7px;
	border-right:1px solid #cfcfcf;
	float:left;
}

nav li:first-child {
	border-left:1px solid #cfcfcf;
}



/* contents */
/* -------------------------------------------------------- */
#conWrap {
	padding:15px 0 0 0;
	background:url(../images/con_bg.png) repeat-x 0 0;
}


#slideWrap {
	width:100%;
	background:#7BD9BC;
}

#slideIn {
	margin:0 auto 28px auto;
	padding:28px 0 0 0;
	width:1200px;
	height:417px;
	background:#7BDABC url(../images/index/slide_bg.png) no-repeat center 0;
}

#slide {
	margin:2px 0 30px 420px;
	width:623px;
}



#contents,
#undercontents {
	margin:0 auto 30px auto;
	width:900px;
	overflow:hidden;
	text-align:left;
	clear:both;
}

#main {
	padding-bottom:50px;
	width:668px;
	float:left;
	border-right:1px solid #ccc;
}

#mainInner {
	width:645px;
}

#undercontents #mainInner {
	padding:30px 0 0 10px;
	width:625px;
}

aside {
	width:210px;
	float:right;
}

aside ul {
	margin-bottom:10px;
	overflow:hidden;
}

aside li {
	margin-bottom:15px;
}

aside .sideLink {
	margin-bottom:15px;
}

aside .sideLink h3 {
	margin-bottom:10px !important;
}

aside .sideLink a {
	padding:5px 0 5px 15px;
	background:url(../images/arrow01.png) no-repeat 0 10px;
	text-decoration:none;
	display:block;
}

aside .sideLink a:hover {
	text-decoration:decoration;
}


#mainTTL {
	margin-bottom:25px;
	height:94px;
	background:#5DD4B0 url(../images/main_ttl_bg.png) no-repeat center 0;
}

#mainTTL h2 {
	margin:0 auto;
	width:900px;
	text-align:left;
}

#mainTTL h2 img {
	padding:15px 0 0 10px;
}





/* pagetop */
/* -------------------------------------------------------- */
/*
#fImg{
	margin:0 auto;
	width:900px;
	overflow:hidden;
	clear:both;
}
*/

#pagetop{
	font-size:1px;
	line-height:0;
	overflow:hidden;
	text-align:right;
	float:right;
}

#pagetop img{
	vertical-align: bottom;
}

.ptopFixed {
	position: fixed;
	bottom: 58px;
	right:20px;
	z-index: 10000;
}

.fixed {
	position: fixed;
	top:0;
	z-index: 10000;
}



/* footer */
/* -------------------------------------------------------- */
footer {
	width:100%;
	background:#00C694;
}

footer #fInner {
	margin:0 auto;
	width:900px;
	text-align:left;
	overflow:hidden;
}

footer #fInner #inner {
	margin:17px 0 12px 0;
	overflow:hidden;
}

footer #fInner #inner #fLogo {
	margin-right:42px;
	float:left;
}

footer #fInner #inner ul {
	overflow:hidden;
	float:left;
}

footer #fInner #inner li {
	margin-right:34px;
	float:left;
}

footer #copy {
	margin-bottom:12px;
	clear:both;
}



/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */





/* parts */
/* -------------------------------------------------------- */
.b {font-weight:bold !important;}
.le {text-align:left !important;}
.ri {text-align:right !important;}
.cen {text-align:center !important;}

.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}
.f21 {font-size:21px !important;}
.f22 {font-size:22px !important;}
.f23 {font-size:23px !important;}
.f24 {font-size:24px !important;}
.f25 {font-size:25px !important;}
.f26 {font-size:26px !important;}
.f34 {font-size:34px !important;}
.f48 {font-size:48px !important;}
.f62 {font-size:62px !important;}

.mb0 {margin-bottom:0 !important;}
.mb05 {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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}

.auto {width:auto !important;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.flL {float:left;}
.flR {float:right;}
.clr {clear:both; }

.co1 {color:#099;}
.co2 {color:#C00;}

/* link */
a:link,
a:visited,
a:active {color:#004e97; text-decoration:underline;}
a:hover {color:#004e97; text-decoration:none;}

a:hover img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}

#logo a:hover img,
nav a:hover img,
#fBtn a:hover img{
opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);}


/* list */
ul.discList {list-style-type:disc; margin-left:2em;}

ul.txtList1 {margin-left:1.2em;}
ul.txtList1 li {width:100%; position:relative;}
ul.txtList1 li span {position:absolute; top:0; left:-1.2em;}


/* table */
table.fix {table-layout:fixed !important;}
table .le {text-align:left !important;}
table .cen {text-align:center !important;}
table .ri {text-align:right !important;}
table .top {vertical-align:top !important;}
table .middle {vertical-align:middle !important;}
table .bottom {vertical-align:bottom !important;}

.table {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.table th {font-weight:bold; text-align:left; vertical-align:middle;}
.table td {text-align:left; vertical-align:middle;}


/*
.bgCircle {width:28px; height:28px; color:#fff; font-size:11px; text-align:center; background:#099; border-radius: 14px;}

.gra01 {
	background-image: -moz-linear-gradient(top, #009999, #006666);
	background-image: -ms-linear-gradient(top, #009999, #006666);
	background-image: -o-linear-gradient(top, #009999, #006666);
	background-image: -webkit-linear-gradient(top, #009999, #006666);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#006666));
	background-image: linear-gradient(top, #009999, #006666);
}


address {
	margin:70px 0 35px 0;
	overflow:hidden;
	clear:both;
}
*/

.sp {display:none;}

#auto_modal {display:none;}

/* index */
/* -------------------------------------------------------- */
#index #news {
	margin:0 0 36px 0;
	width:640px;
	float:left;
}

#index #news h2 {
	width:157px;
	float:left;
}

#index #news #newsBox {
	border-top:1px solid #00C694;
	width:483px;
	float:left;
}

#index #news #newsBox dl {
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	clear:both;
}

#index #news #newsBox dt {
	padding:10px;
	width:84px;
	float:left;
}

#index #news #newsBox dd {
	padding:10px 0;
	width:370px;
	float:left;
}

#index #aisatsu h2 {
	margin-bottom:15px;
}

#index #aisatsu p {
	width:628px;
}

#index #chihirokun {
	background:url(../images/index/chihirokun.png) no-repeat 0 0;
	background-size:cover;
	width:628px;
	height:212px;
}

#index #chihirokun p {
	padding:80px 0 0 303px;
	width:305px;
	display:block;
}





/* undercontents common */
/* -------------------------------------------------------- */
#undercontents h2 {
	margin-bottom:30px;
}

.pager {
	margin:50px 0;
	width:100%;
	overflow:hidden;
}

.pager .current,
.pager a {
	margin-right:5px;
	padding:5px 6px;
	border:1px solid #323232;
	float:left;
	display:block;
}

.pager .current {
	background:#323232;
	color:#fff;
}

.pager a {
	color:#323232;
	text-decoration:none;
}

/*
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmapr object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
*/





/* about-us */
/* -------------------------------------------------------- */
#about-us dl {
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}

#about-us dt {
	width:160px;
	clear:both;
	float:left;
}

#about-us dd {
	font-size:16px;
	float:left;
}

#about-us p {
	font-size:14px;
}

#about-us table {
	width:610px;
	border:1px solid #00be82;
}

#about-us th {
	padding:7px 0;
	width:120px;
	text-align:center;
	background:#ccf2e6;
	border:1px solid #00be82;
}

#about-us td {
	padding:7px 10px;
	border:1px solid #00be82;
}





/* pharmacy */
/* -------------------------------------------------------- */
#pharmacy .pharmacyBox {
	margin-bottom:40px;
	overflow:hidden;
}

#pharmacy .pharmacyBox .txt {
	width:320px;
	float:left;
}

#pharmacy .pharmacyBox .txt p {
}

#pharmacy .pharmacyBox .txt dl {
	overflow:hidden;
}

#pharmacy .pharmacyBox .txt dt {
	width:25px;
	clear:both;
	float:left;
}

#pharmacy .pharmacyBox .txt dd {
	float:left;
}

#pharmacy .pharmacyBox .photo {
	width:293px;
	float:right;
}

#pharmacy #mainInner h3 {
	padding:45px 0 20px 0;
	border-top:1px solid #c8c8c8;
}

#pharmacy .pharmacySubBox ul {
	margin-bottom:20px;
	overflow:hidden;
}

#pharmacy .pharmacySubBox ul li {
	margin-right:20px;
	float:left;
}

#pharmacy .pharmacySubBox ul li.last {
	margin-right:0;
	float:right;
}

#pharmacy .pharmacySubBox p {
	margin-bottom:60px;
	font-size:12px;
	clear:both;
}





/* works */
/* -------------------------------------------------------- */
#works .worksBox {
	margin-bottom:20px;
	overflow:hidden;
}

#works .worksBox .txt {
	width:320px;
	float:left;
}

#works .worksBox .txt p {
	line-height:1.5;
	letter-spacing:-0.05em;
}

#works .worksBox .photo {
	width:275px;
	text-align:center;
	float:right;
}

#works .worksBox .photo .ph01 {
	padding-top:35px;
}

#works #mainInner h3 {
	margin-bottom:25px;
}






/* recruit */
/* -------------------------------------------------------- */
#recruit .ttl {
	padding:0 0 0 5px;
	margin-bottom:20px;
}

#recruit #mainInner h3 {
	background:#74db78;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	padding:3px 10px 5px 10px;
	margin-bottom:25px;
}

#recruit .recruitWrap {
	margin:0 auto 30px auto;
	width:550px;
	overflow:hidden;
	clear:both;
}

#recruit .recruitBox {
	margin-bottom:20px;
	overflow:hidden;
}

#recruit .recruitBox .photo {
	margin-bottom:20px;
	text-align:center;
}

#recruit .recruitBox p.person {
	padding-left:10px;
	font-size:15px;
	margin-bottom:15px;
}

#recruit .recruitBox p.person span {
	color:#74db78;
}

#recruit .recruitBox .txt {
	padding:20px;
	width:210px;
	font-size:14px;
	background:#fff0bf;
}

#recruit table {
	margin-bottom:80px;
	width:610px;
	border:1px solid #00be82;
}

#recruit th {
	padding:7px 0;
	width:120px;
	text-align:center;
	background:#ccf2e6;
	border:1px solid #00be82;
}

#recruit td {
	padding:7px 10px;
	border:1px solid #00be82;
}

#recruit .btn {
	text-align:center;
}


/* --- entry form --- */
#recruit #entry input[type="text"] {
	padding:5px;
}

#recruit #entry table {
	border:1px solid #bbb;
}

#recruit #entry th {
	padding:20px 0 20px 15px;
	width:205px;
	text-align:left;
	background:#ccf2e6;
	border:1px solid #bbb;
}

#recruit #entry th span {
	background:url(../images/recruit/icon_hissu.png) no-repeat 86px 0;
	display:block;
}

#recruit #entry th span.email {
	padding-bottom:25px;
	background:url(../images/recruit/icon_hissu.png) no-repeat 0 25px;
}

#recruit #entry td {
	padding:20px 15px;
	border:1px solid #bbb;
}

#recruit #entry .btn {
	margin:0 auto;
	width:380px;
	overflow:hidden;
}






/* responsive */
/* -------------------------------------

------------------- */
/*
@media screen and (min-width:801px){
}
@media screen and (max-width:800px){
}
@media screen and (max-width:640px){
}
------------------- */

@media screen and (max-width:670px){
.pc {display:none;}
.sp {display:block;}

img {
	width:100%;
	height:auto;
}

header {
	margin:12px auto 0 auto;
	width:96%;
	height:auto;
	overflow:hidden;
	text-align:left;
}

header #hInner #hLogo {
	width:47%;
	float:left;
}

header h1 {
	font-size:76%;
}

header #hInner #hLink {
	display:none;
}

header #hInner #spMenu {
	margin-top:4px;
	width:45%;
	float:right;
}

/*
header #auto_modal .modal-close {
	margin-top:-14%;
	width:45%;
	display:block;
	float:right;
}

header #auto_modal .modal-close img {
	width:100%;
	height:auto;
}
*/

header #auto_modal {
}

header #hInner .modal-content {
}

header #hInner .modal-content ul {
}

header #hInner .modal-content li {
	width:100%;
	height:auto;
}

header #hInner .modal-content li.level01 {
	background:url(../images/sp_menu_top.png) no-repeat 0 20px;
}



nav {
	display:none;
}

#conWrap {
	padding:15px 0 0 0;
	background:none;
}


#slideWrap {
	width:100%;
	background:#7BD9BC;
}

#slideIn {
	margin-bottom:14px;
	padding:14px 0 5px 0;
	width:100%;
	height:auto;
	background:#7BDABC url(../images/index/sp_slide_bg.png) no-repeat center bottom;
	background-size:100% auto;
}

#slide {
	margin:0 auto 30px auto;
	width:90%;
}

.bx-pager {
}



#contents,
#undercontents {
	margin:0 auto 10px auto;
	width:100%;
	overflow:hidden;
	text-align:left;
	clear:both;
}

#main {
	padding-bottom:50px;
	width:100%;
	float:none;
	border-right:none;
}

#mainInner {
	margin:0 auto;
	width:96%;
}

#undercontents #mainInner {
	margin:15px auto;
	padding:0;
	width:94%;
}

aside {
	margin:0 auto;
	width:96%;
	float:none;
	display:block;
}

aside ul {
	margin-bottom:20px;
	overflow:hidden;
}

aside li {
	margin-bottom:15px;
}

aside .sideLink {
	margin-bottom:15px;
}

aside .sideLink h3 {
	width:15%;
	margin-bottom:10px;
}

aside .sideLink h3 img {
	width:100%;
	height:auto;
}

aside .sideLink a {
	padding:5px 0 5px 15px;
	background:url(../images/arrow01.png) no-repeat 0 10px;
	text-decoration:none;
	display:block;
}

aside .sideLink a:hover {
	text-decoration:decoration;
}


#mainTTL {
	margin-bottom:10px;
	width:100%;
	height:auto;
	overflow:hidden;
	background:none;
}

#mainTTL h2 {
	width:100%;
	text-align:left;
}

#mainTTL h2 img {
	padding:0;
	width:100%;
	height:auto;
}


footer {
	width:100%;
	background:#00C694;
	clear:both;
}

footer #fInner {
	display:none;
}

footer #fInnerSP {
	width:100%;
}

footer #fInnerSP #innerSP {
	margin:0 auto;
	padding:30px 0 20px 0;
	width:96%;
	position:relative;
	zoom:1;
	overflow:inherit;
}

footer #fInnerSP #innerSP #fBtn {
	position:absolute;
	top:-32%;
	right:0;
	width:20%;
}

footer #fInnerSP table{
	margin:0;
	width:100%;
	height:auto;
	overflow:hidden !important;
	background:none !important;
	border:none !important;
}

footer #fInnerSP th {
	padding:0 !important;
	background:none !important;
	text-align:left !important;
	border:none !important;
	width:40%;
	height:auto;
}

footer #fInnerSP th img {
	width:90%;
}

footer #fInnerSP td {
	padding:14px 0 0 0 !important;
	border:none !important;
	width:50%;
	text-align:right;
	vertical-align:bottom !important;
}
footer #fInnerSP td img {
	width:98%;
}


#index #news {
	margin:0 auto;
	width:100%;
	overflow:hidden;
	float:none;
}

#index #news h2 {
	width:100%;
	float:none;
}

#index #news #newsBox {
	margin-bottom:40px;
	border-top:none;
	width:100%;
	float:none;
}

#index #news #newsBox dl {
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	clear:both;
}

#index #news #newsBox dt {
	padding:10px;
	width:20%
	float:left;
}

#index #news #newsBox dd {
	padding:10px 0;
	width:64%;
	float:left;
}

#index #aisatsu {
	margin:0 auto;
	width:96%;
	overflow:hidden;
}

#index #aisatsu h2 {
	width:40%;
	margin-bottom:15px;
}

#index #aisatsu p {
	width:96%;
}

#index #chihirokun {
	margin:0 auto;
	width:96%;
	height:auto;
	background:#ffecd3;
}

#index #chihirokun .chara {
	padding:10px 15px;
	text-align:center;
}

#index #chihirokun .chara img {
	width:80%;
	height:auto;
}

#index #chihirokun p {
	padding:10px 15px;
	width:92%;
	display:block;
}



/* undercontents common */
/* -------------------------------------------------------- */
#undercontents h2 {
	margin-bottom:25px;
}

.pager {
	margin:50px 0;
	width:100%;
	overflow:hidden;
}

.pager .current,
.pager a {
	margin-right:5px;
	padding:5px 6px;
	border:1px solid #323232;
	float:left;
	display:block;
}

.pager .current {
	background:#323232;
	color:#fff;
}

.pager a {
	color:#323232;
	text-decoration:none;
}





/* about-us */
/* -------------------------------------------------------- */
#about-us dl {
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
}

#about-us dt {
	width:auto;
	clear:both;
	float:left;
}

#about-us dd {
	padding-left:35px;
	font-size:16px;
	float:left;
}

#about-us p {
	font-size:14px;
}

#about-us table {
	width:96%;
	border:1px solid #00be82;
}

#about-us th {
	padding:7px 0;
	width:24%;
	text-align:center;
	background:#ccf2e6;
	border:1px solid #00be82;
}

#about-us td {
	padding:7px 10px;
	border:1px solid #00be82;
}





/* pharmacy */
/* -------------------------------------------------------- */
#pharmacy .pharmacyBox {
	margin-bottom:40px;
	overflow:hidden;
}

#pharmacy .pharmacyBox .mb10 {
	margin-bottom:5px !important;
}

#pharmacy .pharmacyBox .mb35 {
	margin-bottom:17px !important;
}

#pharmacy .pharmacyBox .mb45 {
	margin-bottom:20px !important;
}

#pharmacy .pharmacyBox .txt {
	margin-bottom:20px;
	width:100%;
	float:left;
}

#pharmacy .pharmacyBox .txt img {
	width:86px;
}

#pharmacy .pharmacyBox .photo {
	width:100%;
	float:none;
}

#pharmacy .pharmacyBox .photo .map iframe {
	width:100%;
	hegiht:auto;
}

#pharmacy #mainInner h3 {
	padding:0 0 20px 0;
	border-top:none;
}

#pharmacy #mainInner h3 img {
	width:86%;
}

#pharmacy .pharmacySubBox ul {
	margin-bottom:20px;
	overflow:hidden;
}

#pharmacy .pharmacySubBox ul li {
	margin-right:0;
	margin-bottom:10px;
	float:none;
}

#pharmacy .pharmacySubBox ul li.last {
	margin-right:0;
	float:none;
}

#pharmacy .pharmacySubBox p {
	margin-bottom:0;
	font-size:12px;
	clear:both;
}





/* works */
/* -------------------------------------------------------- */
#works .worksBox {
	margin-bottom:40px;
	overflow:hidden;
}

#works .worksBox .mb35 {
	margin-bottom:17px !important;
}

#works .worksBox .mb60 {
	margin-bottom:30px !important;
}

#works .worksBox .txt {
	width:100%;
	float:none;
}

#works .worksBox .txt p {
	line-height:1.5;
	letter-spacing:-0.05em;
}

#works .worksBox .photo {
	width:100%;
	text-align:center;
	float:none;
}

#works .worksBox .photo .ph01 {
	padding-top:0;
}

#works #mainInner h3 {
	margin-bottom:25px;
}






/* recruit */
/* -------------------------------------------------------- */
#recruit .ttl {
	padding:0 0 0 5px;
	margin-bottom:20px;
}

#recruit #mainInner h3 {
	background:#74db78;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	padding:3px 10px 5px 10px;
	margin-bottom:25px;
	clear:both;
}

#recruit .recruitWrap {
	margin:0 auto 30px auto;
	width:96%;
	overflow:hidden;
	clear:both;
}

#recruit .recruitWrap .flL,
#recruit .recruitWrap .flR {
	float:none;
}

#recruit .recruitBox {
	margin:0 auto 20px auto;
	width:250px;
	overflow:hidden;
}

#recruit .recruitBox .photo {
	margin-bottom:20px;
	text-align:center;
}

#recruit .recruitBox .photo img {
	width:187px;
	height:187px;
}

#recruit .recruitBox p.person {
	padding-left:10px;
	font-size:15px;
	margin-bottom:15px;
}

#recruit .recruitBox p.person span {
	color:#74db78;
}

#recruit .recruitBox .txt {
	margin-bottom:20px;
	padding:20px;
	width:210px;
	font-size:14px;
	background:#fff0bf;
}

#recruit table {
	margin-bottom:40px;
	width:96%;
}

#recruit table#youkou {
	border:none !important;
	display:block !important;
}

#recruit th {
	padding:7px 0;
	width:24%;
	text-align:center;
	background:#ccf2e6;
	border:1px solid #00be82;
}

#recruit td {
	padding:7px 10px;
	border:1px solid #00be82;
}

#recruit .btn {
	text-align:center;
}


/* --- entry form --- */
#recruit input[type="text"] {
	padding:5px;
}

#recruit table {
	border:1px solid #bbb;
	display:none;
}

#recruit #entryBox {
	margin-bottom:40px;
	overflow:hidden;
	border-top:1px solid #bbb;
}

#recruit #entryBox dl {
	overflow:hidden;
}

#recruit dt {
	padding:10px 0 5px 10px;
	text-align:left;
	border:1px solid #bbb;
	border-top:none;
	border-bottom:none;
}

#recruit dt span.hissu {
	padding:2px 55px 5px 0;
	background:url(../images/recruit/sp_icon_hissu.png) no-repeat right 0;
	background-size:38px 18px;
}

#recruit dd {
	padding:10px 0 10px 10px;
	border:1px solid #bbb;
	border-top:none;
}

#recruit #btnEntry {
	margin:20px auto 0 auto;
	width:90%;
	height:auto;
	text-align:center;
}

#recruit .btn {
	margin:0 auto;
	width:100% !important;
	overflow:hidden;
}

#recruit .btn .flL,
#recruit .btn .flR {
	width:45%;
}

#recruit input[type="image"] {
	width:100%;
	height:auto;
}






}
