/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles */



html,body {
	height: 100%;
}

body {
	font-size: 100%;
	line-height: 160%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #135779;
	text-align: center;
	margin:0;
	padding:0;
	background-color:#f7f7f7;
	font-size:14px;
}

body > #container {
	height: auto;
}


img{
	vertical-align: top;
	-ms-interpolation-mode:bicubic;   /* IE 7+ */
 image-rendering: optimizeQuality; /* Fx, (Gecko 1.9.2) */
  max-width: 100%;
  height: auto;
	width /****/:auto;  /*IE8�̂ݓK�p*/
}


img[src*=".svg"] {
	width: 100%; 
  }

/* #STYLE
================================================== */

a{color: #135779;}
a:hover{color: #81512c;}


a img{opacity:1;
filter: alpha(opacity=100);        /* ie lt 8 */
-ms-filter: "alpha(opacity=100)";  /* ie 8 */
-moz-opacity:1;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 1;              /* Safari 1.x */
zoom:1;
-webkit-transition: opacity .3s linear;
}

a:hover img{
opacity:0.5;
filter: alpha(opacity=50);        /* ie lt 8 */
-ms-filter: "alpha(opacity=50)";  /* ie 8 */
-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.5;              /* Safari 1.x */
zoom:1;
}



div#container{
width:100%;
height: 100%;
	min-height: 100%;
	text-align: left;
	
}


ul.sns-nav{
	margin:30px 0 0 0;
	padding:0;
}

ul.sns-nav li{
	width:32px;
	margin:0 8px;
	padding:0;
	display: inline-block;
}

ul.sns-nav li img{
	width:32px;
}


/* #LEFT
================================================== */


div#images-contents{
width:50%;
height:100%;
min-height: 100%;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
background-image:url(../images/IMG_6143.jpg);
background-repeat:no-repeat;
background-size:cover;
display: table;
float:right;
position:fixed;
display: flex;
justify-content: center;
align-items: center;
}

div#contents-wrapper-header{
width:450px;
height:auto;
margin:120px auto;
text-align:center;
overflow:hidden;
}

h1{
width:auto;
height:auto;
margin:0 auto 40px auto;
text-align:center;
font-size:16px;	
}

.address-info{
width:auto;
height:auto;
margin:60px auto 5px auto;
text-align:center;
font-size:14px;
font-weight:bold;
text-shadow: 
    white 1px 1px 8px, white -1px 1px 8px,
}

.copyright-info{
width:250px;
height:auto;
margin:0px auto 0px auto;
text-align:center;
font-size:10px;
position: absolute;
bottom:20px;
left:50%;
margin-left:-125px;
}
/* #RIGHT
================================================== */


div#txt-contents{
width:50%;
height:100%;
min-height: 100%;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
background-color:#f7f7f7;
display: table;
float:right;
}

div#contents-wrapper{
width:450px;
height:auto;
margin:40px auto;
text-align:center;
overflow:hidden;
}


div.ttl-icon{
width:auto;
margin:60px 0 0 0;
padding:0;	
}

h3{
width:auto;
height:auto;
margin:5px auto 30px auto;
text-align:center;
font-size:18px;	
color:#135779;
}

.photo-images{
width:450px;
min-width:300px;
height:auto;
margin:0;
padding:0;
}

.photo-images img{
width:100%;	
}

div#contents-wrapper ul.contents-info-01{
width:auto;
height:auto;
border:2px solid #e84728;
background-color:#ffffff;
overflow:hidden;
margin:30px auto 20px auto;
text-align:center;
padding:15px 15px 0 15px;
color:#e84728;
font-weight:bold;
font-size:16px;	
position: relative;
}




div#contents-wrapper ul.contents-info-01 li{
float:left;
text-align:left;
margin:0 30px 15px 30px;
}

ul.attention{
width:auto;
height:auto;
margin:15px 0 0 15px;
padding:0;
text-align:left;
color:#7e502b;
text-align:left;
font-size:12px;
list-style-type:disc!important;
}

ul.attention li{
	line-height:140%;
	margin:0 0 10px 0;
}



div.contents-info-warapper-menu{
	width:auto;
	height:auto;
	border:1px solid #135779;
	background-color:#ffffff;
	overflow:hidden;
	margin:30px auto 20px auto;
	text-align:left;
	padding:15px 15px 0 15px;
	font-weight:bold;
	position: relative;
	}
	
.menu-ttl{
	font-size:14px;
	color:#135779;
	margin:10px 0 30px 0;
	overflow:hidden;
	font-size:16px;
	line-height:160%;
}

.menu-ttl-course{
	color:#e84728;
	font-size:16px;
	margin:60px 0 5px 0;
	overflow:hidden;
	font-size:16px;
	line-height:160%;
}





dl.contents-info-warapper-menu-box{
	width:auto;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	overflow:hidden;
}

dl.contents-info-warapper-menu-box dt{
	width:auto;
	height:auto;
	margin:0 0 5px 10px;
	padding:0;
	font-size:16px;
}

dl.contents-info-warapper-menu-box dd{
	width:auto;
	height:auto;
	margin:0 0 20px 10px;
	padding:0;
	color:#000000;
	font-weight:normal;
}


ul.contents-info-warapper-menu-list{
	margin:-10px 0 0 0;
	padding:0;
}

ul.contents-info-warapper-menu-list li{
	font-size:12px;
	list-style-type:disc!important;
	margin:0 0 10px 12px;
	padding:0;
	line-height:130%;
}



.under {
	border-bottom: double 6px #e84728;
  }

div#contents-wrapper .contents-info-warapper{
width:auto;
height:auto;
border-top:2px solid #135779;
border-bottom:2px solid #135779;
background-color:#f7f4f1;
overflow:hidden;
margin:15px 0;
text-align:center;
padding:0;
font-size:14px;	
color:#000000;
}

i.red{
color:#e84728!important;	
}

small{
font-size:13px!important;	
}

div.contents-info-ttl{
margin:15px 0 0px 0;	
}

ul.contents-info-case{
clear:left;	
width:auto;
height:auto;
margin:0 auto;
padding:15px 30px 0 30px;
text-align:center;
overflow:hidden;
}

ul.contents-info-case li{
display:inline-block;
text-align:left;
padding:0 10px 5px 10px;	
}

ul.contents-info-03{
font-size:12px;
text-align:left;
}

ul.contents-info-03 li{
	text-indent: -1em;
	padding-left:1em;
	line-height:130%;
	margin:15px 0;
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	
div#container{
width:100%;
height: 100%;
	min-height: 100%;
	text-align: left;
	
}

/* #LEFT
================================================== */

div#images-contents{
width:100%;
height:100%;
min-height:50%;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
background-image:url(../images/IMG_6143.jpg);
background-repeat:no-repeat;
background-size:cover;
display: table;
float:none;
position:relative;
}

/* #RIGHT
================================================== */

div#txt-contents{
width:100%;
height:50%;
min-height:50%;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
background-color:#f7f7f7;
display: table;
float:none;
}

div#contents-wrapper{
width:450px;
height:auto;
margin:40px auto;
text-align:center;
overflow:hidden;
}

	
}



@media only screen and (min-device-width : 320px)
and (max-device-width : 600px) {
	
div#container{
width:100%;
height:auto;
min-height: auto;
overflow:hidden;
text-align: left;
	
}
	
/* #LEFT
================================================== */	
	
div#images-contents{
	width:100%;
	height:100%;
	min-height: 100%;
	margin:0;
	padding:0;
	text-align:center;
	overflow:hidden;
	background-image:url(../images/IMG_6143.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#contents-wrapper-header{
width:320px;
height:auto;
margin:15px auto;
text-align:center;
overflow:hidden;
}

h1{
width:auto;
height:auto;
margin:0 auto 30px auto;
text-align:center;
font-size:16px;	
}

h2 img{
width:50px;	
}

.address-info{
width:auto;
height:auto;
margin:15px auto 5px auto;
text-align:center;
padding:0 15px;
font-size:14px;
text-shadow: 2px  2px 5px white,
            -2px  2px 5px white,
             2px -2px 5px white,
            -2px -2px 5px white;
}

.copyright-info{
width:250px;
height:auto;
margin:0px auto 0px auto;
text-align:center;
font-size:10px;
position: absolute;
left:50%;
margin-left:-125px;
}

/* #RIGHT
================================================== */


div#txt-contents{
width:100%;
height:auto;
min-height:auto;
margin:0;
padding:0 0 30px 0;
text-align:center;
overflow:hidden;
background-color:#f7f7f7;
display:inline-block;
float:none;
}
	
div#contents-wrapper{
 max-width:300px;
    min-width: 280px;
margin:0 auto;
padding:0 30px;
text-align:center;
overflow:hidden;
}
	
div.ttl-icon{
width:auto;
margin:30px 0 0 0;
padding:0;	
}

h3{
width:auto;
height:auto;
margin:5px auto 30px auto;
text-align:center;
font-size:18px;	
color:#135779;
}

.photo-images{
width:auto;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
}

.photo-images img{
width:100%;	
}



div#contents-wrapper ul.contents-info-01{
width:auto;
height:auto;
border:2px solid #e84728;
background-color:#ffffff;
overflow:hidden;
margin:30px auto 20px auto;
text-align:center;
padding:15px 0px 0 0px;
color:#e84728;
font-weight:bold;
font-size:16px;	
}

div#contents-wrapper ul.contents-info-01 li{
float:left;
text-align:left;
margin:0 30px 15px 30px;
}

ul.attention{
width:auto;
height:auto;
margin:7px 0 0 20px;
padding:0;
text-align:lerft;
color:#7e502b;
text-align:left;
font-size:12px;
list-style-type:disc!important;
}

div#contents-wrapper .contents-info-warapper{
width:auto;
height:auto;
border-top:2px solid #135779;
border-bottom:2px solid #135779;
background-color:#f7f4f1;
overflow:hidden;
margin:15px 0;
text-align:center;
padding:0;
font-size:14px;	
color:#000000;
}

i.red{
color:#e84728!important;	
}

small{
font-size:13px!important;	
}

div.contents-info-ttl{
margin:15px 0 0px 20px;
text-align:left;
}

ul.contents-info-case{
clear:left;	
width:auto;
height:auto;
margin:0 auto;
padding:15px 30px 0 20px;
text-align:center;
overflow:hidden;
}

ul.contents-info-case li{
display:block;
text-align:left;
padding:0 15px 5px 0px;	
}

ul.contents-info-03{
font-size:12px;
text-align:left;
margin:0 15px 15px 20px;
padding:0;
}

	
}



ul.rss{
	width:auto;
	height:auto;
	text-align:left;
	margin:20px 0 0 20px;
	padding:0;
}



ul.rss li{
	width:auto;
	height:auto;
	margin:0 0 10px 0;
	text-align:left;
}