@charset "utf-8";



.header {
	width: 100%;
	height:90px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 13px;
	line-height:1.4;
	margin: 0 0 0 0;
	position: fixed; 
	top: 0px; 
    left: 0px; 
	background-color:#ffffff;
	opacity: 0.85; 
	z-index:100;
}

.header-l {
	float:left;
	width: 30%;
	height:50px;
	margin: 0 0 0 0;
	padding:20px 0 20px 0;
	text-align:left;
}

.header-r {
	float:left;
	width: 68%;
	height:30px;
	margin: 0 0 0 0;
	padding:30px 2% 30px 0;
	text-align:left;
}

.header-r-in {
	border-left:solid 1px;
	border-right:solid 1px;
	border-color:#000000;
	float:right;
	width: auto;
	height:30px;
	margin: 0 0 0 -1px;
	padding:0 20px 0 20px;
	text-align:left;
	line-height:30px;
	font-size:15px;
}




a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}




.footer {
	width: 100%;
	height:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 11px;
	line-height:1.4;
	margin: 0 0 0 0;
	position: fixed; 
	bottom: 0px; 
    left: 0px; 
	background-color:#ffffff;
	text-align:center;
	font-color:#333333;
	z-index:100;
	line-height:30px;
	opacity: 0.75; 
}



.sp-footer {
display:none;
}



.sp-header{
	display:none;
}


.top {
display:none;
}
.greeting {
display:none;
}
.flow {
display:none;
}

.price {
display:none;
}
.contact {
display:none;
}





.slide-back {
display:none;	
}







.title {
display:none;	
}




.table-sp {
display:none;	
}





.totop{
display:none;	
}


.sp-none {
display:block;	
}

.pc-none {
display:none;	
}


.text {
display:none;	
}


.gallery-sp {

}







/* スマートフォン用------------------------------------------------------------ */
@media only screen and (max-width: 1440px){
	
body {margin:0 auto;margin-left:auto;margin-right:auto;}	
body {
	width: 100％;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: small;
	line-height:1.4;
    margin: 0 0 0 0;
	-webkit-text-size-adjust: none;
}


.gallery-sp {
	float: left;
	margin: 20px 0 0  0;
	width: 100%;
	height:200px;
	padding: 0px 0 0 0;
}




.table {
	float:left;
	width: 92%;
	height:auto;
	margin: 20px 2% 10px 2%;
	padding:20px 2% 10px 2%;
	background-color:#eeeeee;
}
.table li {
	margin: 2px 0 2px 0;
}




	
	
	
.sp-space{clear: both;}

.sp-none {
display:none;	
}

.pc-none {
display:block;	
}



.slide-back {
display:block;	
}
	
.header {
display:none;	
}

..header-l {
display:none;	
}

..header-r {
display:none;	
}

.header-r-in {
display:none;	
}

.footer {
display:none;	
}



	
.nav{
display:block;
}
	


 /* nav-wrap */
    #nav-wrap {
  

    position: absolute;
    top: 7px; 
    right: 7px; 

    }
 
    /* menu icon */
    #menu-icon {
        color: #000;
        width: 28px;
        height: 28px;

        background: #c5e4ec url(image/menu-icon.png) no-repeat;
        
        cursor: pointer;
        border: solid 1px #999;
        display: block; /* show menu icon */
		border-radius: 5px;        /* CSS3草案 */  
        -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 5px;   /* Firefox用 */ 

    }
    #menu-icon:hover {
        background-color: #c5e4ec;
    }
    #menu-icon.active {
        background-color: #c5e4ec;
    }
     
	 
	 
    /* main nav */
    #nav {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:left;
        clear: both;
        position: absolute;
        top: 17px;
		right: 0px;
        width: 160px;
        z-index: 10000;
        padding: 5px;
        background: #c5e4ec;
        border: solid 1px #999;
        display: none; /* visibility will be toggled with jquery */
		text-decoration: none;
    }
	
	
	
    #nav li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
		list-style-type: none;
		text-decoration: none;
    }
    #nav a, 
    #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #333;
        border: none;
		text-decoration: none;
    }
    #nav a:hover, 
    #nav ul a:hover {
        background: none;
        color: #000;
    }
     
    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
		text-decoration: none;
    }
    #nav ul li {
        margin: 3px 0 3px 15px;
		text-decoration: none;
    }







.sp-header{
	margin:0 0 0 0;
	padding: 5px 0px 5px 0px ;
    float: left;
	width: 100%; 
	height:auto;  
	background-color: #ffffff;
	text-align:left;
	display:block;
    position:fixed;
 	z-index:100;
}




.sp-header-ga{
	margin:-10px 0 0 0;
	padding: 5px 0px 5px 0px ;
    float: left;
	width: 100%; 
	height:auto;  
	background-color: #ffffff;
	text-align:left;
	display:block;
    position:fixed;
 	z-index:100;
}


.sp-footer {
	width: 100%;
	height:30px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	font-size: 11px;
	line-height:1.4;
	margin: 0 0 0 0;

	bottom: 0px; 
    left: 0px; 
	background-color:#ffffff;
	text-align:center;
	font-color:#333333;
	z-index:100;
	line-height:30px;
	opacity: 0.75; 
	display:block;
}




.title {
float:left;
width:100%;	
margin: 20px 0px 20px 0px;
background-color: #ffffff;
padding:0px 0px 0px 0px;
text-align:center;
color:#00b4ed;
font-size:medium;
font-weight:bold;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.top {
width:100%;
height:auto;
margin: 0px 0px 0px 0px;
text-align:center;
color:#ffffff;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.text {
margin: 0px 0px 0px 0px;
background-color: #ffffff;
padding:30px 20% 30px 20%;
text-align:left;
color:#333333;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.greeting {
margin: 0px 0px 0px 0px;
background-image: url(image/greeting-2.jpg);
background-size:200%;
background-repeat:repeat-y;
padding:30px 10px 30px 10px;
text-align:left;
color:#ffffff;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.flow {
margin: 0px 0px 0px 0px;
background-image: url(image/flow-2.jpg);
background-size:200%;
background-repeat:repeat-y;
padding:30px 10px 30px 10px;
text-align:left;
color:#ffffff;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.price {
margin: 0px 0px 0px 0px;
background-image: url(image/price-2.jpg);
background-size:200%;
background-repeat:repeat-y;
padding:30px 10px 30px 10px;
text-align:left;
color:#ffffff;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contact {
margin: 0px 0px 0px 0px;
background-image: url(image/contact-2.jpg);
background-size:200%;
background-repeat:repeat-y;
padding:30px 10px 30px 10px;
text-align:left;
color:#ffffff;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contact a:link {
	text-decoration: none;
	color: #ffffff;
}
.contact a:visited {
	text-decoration: none;
	color: #ffffff;
}
.contact a:hover {
	text-decoration: underline;
}





.price-1 {
	float:left;
	width: 40%;
	height:auto;
	margin: 5px 5% 5px 0;
	padding:0 0 0 0;
}
.price-2 {
	float:left;
	width: 50%;
	height:auto;
	margin: 5px 0 5px 0;
	padding:0 0 0 0;
}




.table {
	float:left;
	border:solid 1px;
	border-color:#ffffff;
	width: 93.0%;
	height:auto;
	margin: 20px 0 10px 0;
	padding:10px 5% 10px 1.5%;
}
.table li {
	margin: 2px 0 2px 20px;
	
}





.totop{
	float: left; 
	width: 100%; 
	padding: 10px 0px 10px 0px;
    margin:0px 0px 0px 0px;
	background-color: #00b4ed;
	color:#ffffff;
	text-align:center;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    display:block;
}

a .totop { background-color: #00b4ed; }
a:hover .totop { background-color: #aed6f0;}





	
}





@media only screen and (max-width: 720px){

.text {
margin: 0px 0px 0px 0px;
background-color: #ffffff;
padding:30px 10px 30px 10px;
text-align:left;
color:#333333;
display:block;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}}