@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:common.css */
/* creation date:2014年9月1日 */
/* last updated:2014年9月1日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	000.margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
	margin:0;
	padding:0;
}

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
	display:block;
}

/* --------------------------------------------------
	001.HTML, Body, Anchor
-------------------------------------------------- */

html {
	overflow-y:scroll;
	* overflow-x:hidden;
	_overflow:auto;
}

html, body {
	width:100%;
	min-height:100%;
}

body {
	font-size:13px;
	*font-size:82%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	_font-family:"ＭＳ Ｐゴシック", sans-serif;
	line-height:1.4;
	color:#333;
	background:#eee;
}

a:link {
	color:#555;
	text-decoration:none;
}
a:visited {
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#555;
	text-decoration:none;
}
a:active {
	color:#555;
	text-decoration:none;
}

/* --------------------------------------------------
	002.Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

p {
	line-height:1.4;
}

/* --------------------------------------------------
	003.List
-------------------------------------------------- */
ol , ul , li {
	list-style:none;
	zoom:1;
	overflow:hidden;
}

/* --------------------------------------------------
	004.Table
-------------------------------------------------- */
table {
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
}

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

dl, dt, dd {
	zoom:1;
	overflow:hidden;
}

/* --------------------------------------------------
	005.Form
-------------------------------------------------- */
fieldset {
	border:none;
}

input, textarea, select, label {
	font-size:100%;
	vertical-align:middle;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

label {
	cursor:pointer;
}

textarea {
	overflow:auto;
}

legend {
	display:none;
}


/* --------------------------------------------------
	006.Other
-------------------------------------------------- */
img {
	border:none;
	vertical-align:middle;
}

object {
	vertical-align:middle;
	outline:none;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

small {
	font-size:100%;
}

abbr, acronym {
	border:none;
	font-variant:normal;
}

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

code, pre {
	font-family:monospace;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

hr {
	display:none;
	box-shadow:3px 3px 5px 0px rgba(7, 1, 2, 0.5);
}

/* ------------------------------------------------------------
	007.For IE6/7
------------------------------------------------------------ */
*:first-child + html body,
*:first-child + html br {
	letter-spacing:0;
}


/* ------------------------------------------------------------
	100 Common Style css
------------------------------------------------------------ */

#Loading {
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:1001;
}

/* --------------------------------------
		101 outline
-------------------------------------- */

#wrap {
	width:960px;
	background:#fff;
	box-shadow:0px 0px 5px 0px rgba(7, 1, 2, 0.5);
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}

/* --------------------------------------
		102 header & footer
-------------------------------------- */
header ,
footer {
	height:793px;
	text-align:left;
	background:url(../images/main_bg2.png) no-repeat;
}

header h1 ,
footer h1 {
	height:423px;
	text-align:center;
	padding-bottom:212px;
}
header h1 img,
footer h1 img{
display:none;
}

header .telBox ,
footer .telBox {
	height:88px;
	line-height:88px;
	padding-left:15px;
display:none;
}

header .contactBnt ,
footer .contactBnt {
	line-height:212px;
	padding-bottom:3px;
	padding-left:24px;
}


/* --------------------------------------
		103 question
-------------------------------------- */
#question {
	text-align:left;
	background:url(../images/box1-bg.png) no-repeat top;
	padding-bottom:15px;
}

#question dl {
	background:url(../images/common/common_bg2.png) no-repeat 0px 380px;
}

#question dl dt {
	height:260px;
	padding:5px;
}

#question dl dd {
}

#question dl dd ul li {
	float:left;
}


/* --------------------------------------
		104 reason
-------------------------------------- */
#reason {
	text-align:left;
	background:url(../images/common/common_grid_bg.png);
	padding-bottom:15px;
}

#reason h2 {
	background:url(../images/common/common_arrow_bg.png) no-repeat top;
	padding-bottom:40px;
}

#reason ol {
	text-align:center;
	margin-top:-20px;
}

#reason ol li {
	display:inline;
}


/* --------------------------------------
		105 contactArea
-------------------------------------- */
.contactArea {
	text-align:center;
}

.contactArea .catch {
	text-align:center;
	padding-bottom:10px;
}

.contactArea .inner {
	height:235px;
	background:url(../images/contactbg.png);
	box-shadow:0px 2px 3px 0px rgba(7, 1, 2, 0.5);
}

.contactArea .inner h3 {
	line-height:33px;
	text-align:center;
	padding:12px 50px 10px 0;
}

.contactArea .inner dl {
	line-height:80px;
	padding-left:20px;
}

.contactArea .inner dl dt {
	float:left;
	padding-right:15px;
}

.contactArea .inner dl dd {
	float:left;
}


/* --------------------------------------
		106 message
-------------------------------------- */
#message {
	padding:10px 0 60px;
}


/* --------------------------------------
		107 message
-------------------------------------- */
#voice {
	height:1520px;
	padding:0px 0;
	background:#FFF6CC;
}

#voice h2 {
	margin-bottom:30px;
}

#voice h2 img {
	margin-top:-45px;
}

#voice article {
}

#voice article {
	width:435px;
	height:660px;
	float:left;
	margin:30px 10px;
	box-shadow:0px 2px 3px 0px rgba(7, 1, 2, 0.5);
}
#voice article:nth-of-type(2n+1) {
	margin-left:35px;
}

#voice article:nth-of-type(1) {
	background:url(../images/common/common_h1.png) no-repeat 93% 100% #fff;
}

#voice article:nth-of-type(2) {
	background:url(../images/common/common_h2.png) no-repeat 93% 100% #fff;
}

#voice article:nth-of-type(3) {
	background:url(../images/common/common_h3.png) no-repeat 93% 100% #fff;
}

#voice article:nth-of-type(4) {
	background:url(../images/common/common_h4.png) no-repeat 93% 100% #fff;
}

#voice article h3 {
	font-size:22px;
	line-height:43px;
	background:#FFD202;
	padding:0 0 0 100px;
	position:relative;
}

#voice article h3:before {
	width:100px;
	height:74px;
	content:" ";
	display:block;
	position:absolute;
	top:-36px;
	left:-10px;
}

#voice article.c1 h3:before {
	background:url(../images/c1.png) no-repeat;
}

#voice article.c2 h3:before {
	background:url(../images/c2.png) no-repeat;
}

#voice article.c3 h3:before {
	background:url(../images/c3.png) no-repeat;
}

#voice article.c4 h3:before {
	background:url(../images/c4.png) no-repeat;
}

#voice article .innerBox {
	padding:13px;
}

#voice article .innerBox figure {
	text-align:center;
	padding:0 0 15px;
}

#voice article .innerBox .textBox {
	padding:0 5px;
}

#voice article .innerBox p:nth-of-type(2) {
}

/* --------------------------------------
		108 after
-------------------------------------- */
.after {
	padding:20px 0;
}


/* --------------------------------------
		109 flow
-------------------------------------- */
#flow {
	background:url(../images/common/common_grid_bg.png);
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#flow h2 {
	height:48px;
	text-align:center;
	line-height:48px;
	background:#FFD202;
	box-shadow:0px 2px 3px 0px rgba(7, 1, 2, 0.5);
	margin-bottom:30px;
}

#flow .inner {
	background:url(../images/flow8.png) no-repeat 100% 100%;
	padding:0 40px 50px;
	overflow:hidden;
	zoom:1;
}

#flow .inner dl {
	width:190px;
	float:left;
	padding-right:30px;
	background:url(../images/common/common_flow_arrow.png) no-repeat 100% 0px;
}

#flow .inner dl:nth-last-of-type(1) {
	background:none;
}

#flow .inner dl dt {
	padding-bottom:10px;
}

#flow .inner dl dd {
	height:100px;
	font-size:92%;
}

/* --------------------------------------
		110 last
-------------------------------------- */
#last {
	text-align:center;
	padding:20px 0;
	overflow:hidden;
	zoom:1;
}

#last h3 {
	padding-bottom:30px;
}

#last ul li {
	display:inline;
	margin:0 10px;
}

/* --------------------------------------
		111 price
-------------------------------------- */
#price {
	text-align:center;
	padding:20px 0;
	overflow:hidden;
	zoom:1;
}

#price ul {
	width:898px;
	margin:0 auto;
}

#price ul li {
	width:429px;
	float:left;
	padding:15px 10px;
}

/* --------------------------------------
		112 service
-------------------------------------- */
#service {
	background:url(../images/common/common_grid_bg.png);
	margin-bottom:20px;
	overflow:hidden;
	zoom:1;
}

#service h2 {
	height:48px;
	text-align:center;
	line-height:48px;
	background:#FFD202;
	box-shadow:0px 2px 3px 0px rgba(7, 1, 2, 0.5);
	margin-bottom:30px;
}

#service h3 {
	text-align:center;
	padding-bottom:20px;
}

#service .inner {
	padding:0 40px 50px;
	overflow:hidden;
	zoom:1;
}

#service ul {
	width:894px;
	margin:0 auto;
}

#service ul li {
	width:288px;
	height:50px;
	float:left;
	padding:5px;
}

#service ul li img {
	box-shadow:0px 2px 3px 0px rgba(7, 1, 2, 0.5);
}


/* --------------------------------------
		112.5 banner
-------------------------------------- */
.banner {
}
.banner a {
margin: 10px 18px;
}
.banner a:nth-child(1) {
display: none;
}
/* --------------------------------------
		113 meirou
-------------------------------------- */
.meirou {
	margin-bottom:20px;
}

/* --------------------------------------
		114 exam
-------------------------------------- */
#exam {
	overflow:hidden;
	zoom:1;
}

#exam h2 {
	height:48px;
	text-align:center;
	line-height:48px;
	background:#FFD202;
	box-shadow:0px 2px 3px 0px rgba(7, 1, 2, 0.5);
	margin-bottom:30px;
}

#exam .inner {
	width:850px;
	margin:0 auto;
}

#exam dl {
	width:425px;
	text-align:center;
	float:left;
}

#exam dl dt {
	padding-bottom:10px;
}

#exam dl figure {
	line-height:500px;
	margin-bottom:10px;
}

#exam dl figure img {
	box-shadow:0px 0px 5px 0px rgba(7, 1, 2, 0.5);
}

#exam .attention {
	text-align:center;
	padding:30px 0;
	clear:both;
}

/* --------------------------------------
		115 area
-------------------------------------- */
#area {
	border:5px solid #5AC401;
	overflow:hidden;
	zoom:1;
}

#area h3 {
	width:240px;
	line-height:160px;
	background:#5AC401;
	text-align:center;
	float:left;
}

#area .inner {
	width:680px;
	float:right;
	padding:10px;
}


#area .inner dl {
	background:#A6D97A;
	margin-bottom:3px;
}

#area .inner dl dt {
	width:110px;
	float:left;
}

#area .inner dl dd {
	width:540px;
	line-height:17px;
	padding:5px 10px;
	background:#fff;
	float:right;
}


/* --------------------------------------
		116 contactMes
-------------------------------------- */
.contactMes {
	padding:20px 0;
}



/* --------------------------------------
		117 other
-------------------------------------- */
.al_over img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.al_over:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*
to top
*/
#to-top {
position: fixed;
bottom: 70px;
right: 15px;
z-index: 500;
}
#to-top .glyphicon:before {
content: "▲";
font-size: 1em;
color: #fa9300;
display: block;
font-style: normal;
padding: 5px 0px 0px;
}
#to-top a {
background: #dcdcdc;
opacity: .8;
text-decoration: none;
color: #000;
text-align: center;
display: block;
border-radius: 30px;
height: 60px;
width: 60px;
}
#to-top a:hover {
text-decoration: none;
background: #999;
}
#to-top a small {
font-size: 0.5em;
display: block;
}
/*
direct call
*/
#direct-tel {
position: fixed;
bottom: 10px;
right: 15px;
z-index: 500;
display: none;
}
#direct-tel .glyphicon {
font-size: 1.3em;
position: relative;
top: 15px;
}
#direct-tel .glyphicon:before {
font-family: ElegantIcons;
content: "\e090";
font-size: 1.5em;
color: #eb9316;
display: block;
}
#direct-tel a {
background: #dcdcdc;
opacity: .8;
text-decoration: none;
color: #000;
text-align: center;
display: block;
border-radius: 30px;
height: 60px;
width: 60px;
}
#direct-tel a:hover {
text-decoration: none;
background: #999;
}
#direct-tel a small {
font-size: 0.8em;
display: block;
position: relative;
z-index: 600;
margin-top: -8px;
text-shadow: 1px 1px 1px #000;
color: #fff;
}
.device-xs {
  bottom: 220px !important;
}
.device-xs a {
border-radius: 100px !important;
height: 200px !important;
width: 200px !important;
}
.device-xs .glyphicon:before {
font-size: 3em !important;
}
.device-xs a small {
font-size: 3em !important;
}
#direct-tel.device-xs {
  bottom: 10px !important;
}
#direct-tel.device-xs .glyphicon {
left: -20px;
}
#direct-tel.device-xs .glyphicon:before {
font-size: 8em !important;
}
#direct-tel.device-xs a small {
font-size: 2.5em !important;
margin-top: -100px;
}