@charset "UTF-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: #2e2f2f;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
/*------------bodyのスタイル---------------------------------------------------------------*/
body{
	background:#ffffff;
	overflow: scroll;
	line-height:1.6;
	font-size:small;
	min-width:1100px;
	_display: inline;
	_zoom: 1;

}

/*IE6・7用*/

ul{
	list-style: none;
}
/*------------containerのスタイル------------------------------------------------*/
div#Container{
	width:980px ;
	background-color: #fff;
	margin: 0 auto;
}

/*------------Headerのスタイル---------------------------------------------------------------*/
div#header {
	width : 960px;
	padding: 0.5em 0;
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
	
}

h1 {
	height: 92px;
	padding-top: 2px;
	list-style: none;
	overflow: hidden;
	float: right;
}
 h1 {
	width: 215px;
	float: left;
}
 h1 a {
	display: block;
	height: 92px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
 h1  a:hover { background-position: left bottom; }
 h1  a { background-image: url(../img/logo_02.png); }
 

div#header div#InHeader {
	margin : 0 auto;
	padding : 10px 0 0 0;	
	overflow: hidden;
	
	
}


ul {
	height: 45px;
	padding-top: 2px;
	list-style: none;
	overflow: hidden;
	float: right;
}
  ul li#Gnavi01 {
	width: 139px;
	float: left;
}
 ul li#Gnavi01 a {
	display: block;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
 ul li#Gnavi01  a:hover { background-position: left bottom; }
 ul li#Gnavi01  a { background-image: url(../img/nav1.png); }
 
   ul li#Gnavi02 {
	width: 111px;
	float: left;
}
 ul li#Gnavi02 a {
	display: block;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
 ul li#Gnavi02  a:hover { background-position: left bottom; }
 ul li#Gnavi02  a { background-image: url(../img/nav2.png); }
 
    ul li#Gnavi03 {
	width: 64px;
	float: left;
}
 ul li#Gnavi03 a {
	display: block;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
 ul li#Gnavi03  a:hover { background-position: left bottom; }
 ul li#Gnavi03  a { background-image: url(../img/nav3.png); }
 
    ul li#Gnavi04 {
	width: 129px;
	float: left;
}
 ul li#Gnavi04 a {
	display: block;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
 ul li#Gnavi04  a:hover { background-position: left bottom; }
 ul li#Gnavi04  a { background-image: url(../img/nav4.png); }
 
    ul li#Gnavi05 {
	width: 163px;
	float: left;
}
 ul li#Gnavi05 a {
	display: block;
	height: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
 ul li#Gnavi05  a:hover { background-position: left bottom; }
 ul li#Gnavi05  a { background-image: url(../img/nav5.png); }
 
 #main {
	width : 960px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #fefcff;
	 
	 
}
 
.photo {
	width:		100%;
	margin:		0 auto;
	padding:	0;
	position:	relative; /* 相対位置指定 */
}
.photo img {
	width:		960px;
}
.text {
	width:		100%;
	font-size:	200%;
	text-align:	left;
	top:		100px;
	margin:		0;
	padding:	50px 50px;
	color:		#008b8b;
	position:	absolute; /* 絶対位置指定 */
}

#text-center {
	width : 960px;
	margin : 0 auto;	
	overflow :hidden; 
}

#text-center h2 {
	text-align : center;
	margin-top: 30px ;
	font-size : 250% ;
	color: #fff;
	background-color : #092d68;
}


#InBox ul{
	height: auto;
	margin : 30px ;
	float : left;
	
}


#InBox li#text1 img{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#InBox li#text1:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#InBox li#text2 img{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#InBox li#text2:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

#InBox li#text3 img{
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
#InBox li#text3:hover img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


#ceretto {
	width : 960px;
	margin : 0 auto;	
	overflow :hidden; 
}

#service {
	width : 960px;
	margin: 0 auto;
	overflow: hidden;	 
	 
	 
}

#service  h2 {
	text-align : center;
	font-size : 250% ;
	margin-top : 10px;
	color : #092d68;
	
	
}

#InBox2 ul{
	height: auto;
	margin : 10px ;
	float : left;
	
}

#InBox2 ul p{
	float : left;
	font-size : 18px;
	font-weight : bold;
	margin : 10px 0 0 15px;
	
}

#InBox3 ul{
	height: auto;
	margin : 10px ;
	float : left;
	
}

#InBox3 ul p{
	float : left;
	font-size : 18px;
	font-weight : bold;
	margin : 10px 0 0 15px;
	
}


#ceretto2 {
	width : 960px;
	margin: 0 auto;
	overflow: hidden;	 
	 
	 
}

#ceretto2  h2 {
	text-align : center;
	font-size : 250% ;
	margin-top : 10px;
	color : #092d68;
	
	
}

#InBox4 ul{
	height: auto;
	margin : 30px ;
	
}

#Price {
	width : 960px;
	margin: 0 auto;
	overflow: hidden;	 
	 
	 
}

#Price  h2 {
	text-align : center;
	font-size : 250% ;
	margin-top : 10px;
	color: #fff;
	background-color : #092d68;
	
	
}

#InBox5 ul{
	height: auto;
	margin : 30px ;
	
}

#Faq {
	width : 960px;
	margin: 0 auto;
	overflow: hidden;	 
	 
	 
}

#Faq  h2 {
	text-align : center;
	font-size : 250% ;
	margin-top : 10px;
	color: #fff;
	background-color : #092d68;
	
	
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
font-family: 'FontAwesome', sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
position: relative;
padding: 0.5em;
box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
border-radius: 0.3em;
}
.cp_qa dt {
margin: 2em 3em 1em 3em;
background: #e8e8e8;
}
.cp_qa dd {
margin: 0 3em 3em 3em;
background: #6da6cc;
}
/* 吹き出し▶︎ */
.cp_qa dt::before,.cp_qa dd::before{
position: absolute;
z-index: 99;
top: 0.5em;
display: inline-block;
width: 0;
height: 0;
content: '';
border-style: solid;
}
/* 質問吹き出し▶︎ */
.cp_qa dt::before {
left: -0.5em;
border-width: 5px 8.7px 5px 0;
border-color: transparent #e8e8e8 transparent transparent;
}
/* 答え吹き出し▶︎ */
.cp_qa dd::before {
right: -0.5em;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #6da6cc;
}
/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
font-size: 1.2em;
position: absolute;
top: 0;
color: #ffffff;
border-radius: 50%;
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
left: -2.5em;
margin: 0 0.5em 0 0;
padding: 0.2em 0.4em;
content: '\f128';
background: #f57c00;
}
/* !アイコン */
.cp_qa dd::after {
right: -2.5em;
margin: 0 0 0 0.5em;
padding: 0.2em 0.55em;
content: '\f12a';
background: #0097a7;
}

#faq p {
	float : right;	
	margin : -1em -0.1em 0 0;
}

/*------------Footerのスタイル---------------------------------------------------------------*/

div#Footer {
	width : 960px;
	margin : 0 auto;
	background: #fff;
}
/*------------InFooterのスタイル------------------------------------------------*/
div#InFooter {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}
div#FooterMenu {
	margin: 10px 0 10px 0 ;
	width: 620px;
	padding: 5px 5px;
	border-left: 1px solid #979797;
	float: right;
}
div#FooterMenu table {
	width: auto;
	border-collapse: collapse;
}
div#FooterMenu table tr td {
	width: auto;
	padding: 10px 10px;
	text-align: left;
	vertical-align: text-bottom;
	font-size: 90%;
}
div#FooterMenu table tr td ul { list-style: none; }
div#FooterMenu table tr td ul li { white-space: nowrap; }
div#FooterMenu table tr td ul li:before { content: "■"; }
div#FooterMenu table tr td ul li ul li:before { content: "　｜"; }
div#FooterMenu table tr td ul li ul li ul li:before { content: "　・"; }
div#FooterMenu table tr td ul li ul li ul li{
	padding-left:-1em;
	margin-left:1em;
}
/*------------FooterTelのスタイル-----------------------------------------------*/
div#FooterTel {
	width : 215px;
	height :93px;
	line-height : 0;
	margin:10px 30px;
	background : url(../img/footer_logo2.png) no-repeat center top;
	text-indent : -99999px;
	float : right;
}

address {
	padding-bottom: 15px;
	clear: both;
	text-align:center;
}