@charset "utf-8";


#home{
	background:url(images/bg_pattern2a.gif);
}

#col_sino2{
background:url(../images/bg_pattern19a.gif);
}
#col_sino3,
#col_sino4{
background:url(../images/bg_pattern19a.gif);
}

#col_karatu3{
background:url(../images/bg_pattern23a.gif);
}



#col_setoguro,
#col_setoguro2{
background:url(../images/bg_pattern30a.gif);
}



#contact{
	background:#D6CDD4;
}

#col_kiseto{
background: #64c99b; /* Old browsers */
background: -moz-linear-gradient(top, #64c99b 0%, #e1af68 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #64c99b 0%,#e1af68 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #64c99b 0%,#e1af68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c99b', endColorstr='#e1af68',GradientType=0 ); /* IE6-9 */
}





#col_hanaire{
background: #efc0b0; /* Old browsers */
background: -moz-linear-gradient(top, #efc0b0 0%, #a6c3f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #efc0b0 0%,#a6c3f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #efc0b0 0%,#a6c3f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc0b0', endColorstr='#a6c3f6',GradientType=0 ); /* IE6-9 */
}

#col_hanaire2{
background: #ecc1b2; /* Old browsers */
background: -moz-linear-gradient(top, #ecc1b2 0%, #aac3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ecc1b2 0%,#aac3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ecc1b2 0%,#aac3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc1b2', endColorstr='#aac3f3',GradientType=0 ); /* IE6-9 */
}





#kodawari{
background: #a4a9cf; /* Old browsers */
background: -moz-linear-gradient(top, #a4a9cf 0%, #eda184 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a4a9cf 0%,#eda184 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a4a9cf 0%,#eda184 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a9cf', endColorstr='#eda184',GradientType=0 ); /* IE6-9 */
}


#classic{
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #b3a8a2 1%, #fcaf8f 50%, #ffffbf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#b3a8a2 1%,#fcaf8f 50%,#ffffbf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#b3a8a2 1%,#fcaf8f 50%,#ffffbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffbf',GradientType=0 ); /* IE6-9 */
}



.clearfix:after{
	display: block;
	content: "";
	clear: both;
}

main {
	margin: 0 auto;
	width: 100%;}
	
img{
	vertical-align: bottom;
}


 
  @media screen and ( min-width: 769px ) {


main {
	margin: 0 auto;
	max-width:100%;
}
	  
/*--------------------- Navigation drawer ------------*/
    #drawer_btn {
      display: none;
    }

#drawer_header {
   /* font-size: 20px;
    padding: 15px 25px;
    color: #fff;
    font-weight: bolder;*/
	display: none;
  }

#drawer_menu > ul {
	padding-left: 0;
	list-style-type: none;
	overflow: hidden;
  }

#drawer_menu li{
	/*display: inline;
	width: 200px;
	border-right: #ccc 1px solid;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;*/
	
	float: left;
	width: 10.3%;
	/*border-right: #ccc 1px solid;*/
	
	
	font-size:0.7rem;
		
}
#drawer_menu li:first-child{
	/*border-left: #ccc 1px solid;*/
}

#drawer_menu ul a{
	display:block;	
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#a4a9cf;
}

#drawer_menu ul .gnav01 a{
	border-radius:5px 0 0 5px;
}
#drawer_menu ul .gnav05 a{
	border-radius:0 5px 5px 0;
}


/*----------- color change  -------*/
#drawer_menu ul .gnav06 :nth-child(n+10) a{
background-color:#8FAADC;
}
#drawer_menu ul .gnav06 :nth-child(n+10) a:hover{
background-color:#3C538B;
}
/*----------- end of color -------*/





#drawer_menu ul a:hover{
	background-color:#3C538B;
}


/*#home #drawer_menu .gnav01 a{
	background-color:#a4a9cf;
}*/



#kodawari #drawer_menu .gnav04 a{
background-color:#3C538B;
}


#contact #drawer_menu .gnav05 a{
	background-color:#3C538B;
}

#classic #drawer_menu .gnav02 a{
	background-color:#3C538B;
}



  
#drawer_menu{
width: 100%;
position: fixed;
	top: 0px;
    left: 14.4%;
    z-index:2;
}


#drawer_menu > ul > li > a {
	text-decoration: none;
	color: #fff;
	  }





/*----------- Toggle taiou -------*/
#drawer_menu ul dt{
	display:block;	
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color:#a4a9cf;
}
#drawer_menu ul li dt{
color:#fff;
}


#drawer_menu ul li dt:hover{
	background-color:#3C538B;
}

	  

#drawer_menu ul li dd{

height:31px;
background:#eee;
border:solid 1px #aaa;
display:none;
text-align:center;

}

#drawer_menu ul li dd a{
text-decoration:none;
color:#fff;
}
#col_sino2 #drawer_menu ul li .g03_sino a{
color:#3C538B;
}
#col_sino3 #drawer_menu ul li .g03_sino a{
color:#3C538B;
}
#col_sino4 #drawer_menu ul li .g03_sino a{
color:#3C538B;
}
#col_karatu3 #drawer_menu ul li .g03_karatu a{
color:#3C538B;
}
#col_setoguro2 #drawer_menu ul li .g03_setoguro a{
color:#3C538B;
}
#col_hanaire2 #drawer_menu ul li .g03_hanaire a{
color:#3C538B;
}
/*------------ end Toggle ---------*/
	  
	  
	  
/*---------------- hero_img, h1, h2, h3 -----------------*/
#header div .hero_img {
	width: 100%;
	height: auto;
	margin-top: 0px;
	position:relative;
	  }
	  
h1{	width:100%;
	position:absolute;
	top:40px;
	left:12.5%;
}


#header h2{
	color: #555555;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	line-height: 1.0;
	margin-top:5px;
	/*vertical-align: middle;*/
	margin-bottom: 0px;
	/*background: #00f;*/
}
#col_karatu #header h2{
	/*color:#FF9966;*/
	color:#706960;
}

#col_setoguro #header h2{
	/*color:#FF9966;*/
	color:#112631;
}
#col_setoguro2 #header h2{
	color:#BF1E56;
}

#col_sino2 #header h2{
	color:#1799D1;
}
#col_sino3 #header h2{
	color:#BF1E56;
}
#col_sino4 #header h2{
	color:#00C4AB;
}

/*#col_kiseto #header h2{
	color:#4B5824;
}*/

#col_hanaire #header h2{
	/*color:#835CB5;0099CC*/
	color:#009F8C;
}

#kodawari #header h2{
color:#995330;
}

#classic #header h2{
color:#112631;
}


#blog1_sum #header h2{
color:#4363BB;
}


#header h3{
width:75%;
margin-left:12.5%;
padding:5px;
font-size:1.2rem;
line-height:1.5rem;
border-radius:3px;
box-shadow:0 0 0 1px #fff inset;
background-color: rgba(247,248,248,0.75);
overflow:hidden;
}

#header h3 span{
font-weight:bold;
width:360px;
float:right;
}


#header h3 a{
text-decoration:none;
}







#col_setoguro2 h3 a:hover{
	color: #BF1E56;
	text-decoration: underline;
}
#col_setoguro2 section h3 span{
color:#BF1E56;
}


#classic #header section{
width:75%;
margin-left:12.5%;
padding:5px;
font-size:1.2rem;
line-height:1.8rem;
border-radius:3px;
box-shadow:0 0 0 1px #fff inset;
background-color: rgba(255, 255, 255,0.75);
margin-bottom:20px;
}

#classic #header section h4{
margin-left:0%;
font-size:1.2rem;
font-weight:bold;
margin-left:20px;
margin-top:5px;
margin-bottom:5px;
display:block;
padding-left:5px;
border-left:#00c4ab 8px solid;
}
#classic #header section p span{
border-bottom: 1px solid #DD0000;
}


/*-------------------- pamkuzu -----------------------*/
#pankuzu{
	margin-top:5px;
	margin-left:12.5%;
	margin-bottom:5px;
	color:#666666;
	font-size: 1rem;
}



#pankuzu li{
	padding-right: 15px;
	background: url(../images/ico_arw01.png) right center no-repeat;
	display: inline;
}


#pankuzu a{
	color:#666666;
	text-decoration: none;
}
#pankuzu a:hover{
	color: #ffffff;
	text-decoration: underline;
}


/*------------------ main-contents h2 -----------------*/
#main-contents h2 {
	margin-left:35%;
	width:50%;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-bottom: 10px;
	color: #112631;
}
#col_hanaire2 #main-contents h2 {
	margin-left:44%;
	width:50%;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-bottom: 10px;
	color: #112631;
}



/*------------------- inner ----------------*/
#colum01,
#colum02,
#colum03,
#colum04,
#colum05,
#colum06{
margin-left:12.5%;
}

.box{
width:30%;
float:left;
display:block;
}




#inner01,
#inner02,
#inner04,
#inner05,
#inner07,
#inner08,
#inner10,
#inner11,
#inner13,
#inner14,
#inner16,
#inner17{
margin-right:20px;
margin-bottom:20px;
background-color: rgba(247,248,248,0.75);
}

#inner03,
#inner06,
#inner09,
#inner12,
#inner15,
#inner18{
margin-bottom:20px;
background-color: rgba(247,248,248,0.75);
}

#inner01 .main img,
#inner02 .main img,
#inner03 .main img,
#inner04 .main img,
#inner05 .main img,
#inner06 .main img,
#inner07 .main img,
#inner08 .main img,
#inner09 .main img,
#inner10 .main img,
#inner11 .main img,
#inner12 .main img,
#inner13 .main img,
#inner14 .main img,
#inner15 .main img,
#inner16 .main img,
#inner17 .main img,
#inner18 .main img{
	width:100%;
	height:auto;
}


#inner01 .in01_img .thumbnail,
#inner02 .in02_img .thumbnail,
#inner03 .in03_img .thumbnail,
#inner04 .in04_img .thumbnail,
#inner05 .in05_img .thumbnail,
#inner06 .in06_img .thumbnail,
#inner07 .in07_img .thumbnail,
#inner08 .in08_img .thumbnail,
#inner09 .in09_img .thumbnail,
#inner10 .in10_img .thumbnail,
#inner11 .in11_img .thumbnail,
#inner12 .in12_img .thumbnail,
#inner13 .in13_img .thumbnail,
#inner14 .in14_img .thumbnail,
#inner15 .in15_img .thumbnail,
#inner16 .in16_img .thumbnail,
#inner17 .in17_img .thumbnail,
#inner18 .in18_img .thumbnail{
margin-top:5px;
text-align:center;
}


#inner01 .sino01,
#inner02 .sino02,
#inner03 .sino03{
	font-size:1rem;
	line-height:1.5rem;
	
	padding-left:10px;
	padding-right:10px;
	
	
}
#inner04 .sino04,
#inner05 .sino05,
#inner06 .sino06{
	font-size:1rem;
	line-height:1.5rem;
	padding-left:10px;
	padding-right:10px;
	
}
#inner07 .sino07,
#inner08 .sino08,
#inner09 .sino09{
	font-size:1rem;
	line-height:1.5rem;
	
	padding-left:10px;
	padding-right:10px;
	
}
#inner10 .sino10,
#inner11 .sino11,
#inner12 .sino12{
	font-size:1rem;
	line-height:1.5rem;
	
	padding-left:10px;
	padding-right:10px;
	
}
#inner13 .sino13,
#inner14 .sino14,
#inner15 .sino15{
	font-size:1rem;
	line-height:1.5rem;
	
	padding-left:10px;
	padding-right:10px;
	
}
#inner16 .sino16,
#inner17 .sino17,
#inner18 .sino18{
	font-size:1rem;
	line-height:1.5rem;
	
	padding-left:10px;
	padding-right:10px;
	
}

#inner01 .sino01 h3,
#inner02 .sino02 h3,
#inner03 .sino03 h3,
#inner04 .sino04 h3,
#inner05 .sino05 h3,
#inner06 .sino06 h3,
#inner07 .sino07 h3,
#inner08 .sino08 h3,
#inner09 .sino09 h3,
#inner10 .sino10 h3,
#inner11 .sino11 h3,
#inner12 .sino12 h3,
#inner13 .sino13 h3,
#inner14 .sino14 h3,
#inner15 .sino15 h3,
#inner16 .sino16 h3,
#inner17 .sino17 h3,
#inner18 .sino18 h3{
font-size:1.2rem;
font-weight:bold;
margin-left:20px;
margin-top:10px;
margin-bottom:3px;
display:block;
padding-left:5px;
border-left:#00c4ab 8px solid;
}






#col_karatu #inner01 .sino01 h3,
#col_karatu #inner02 .sino02 h3,
#col_karatu #inner03 .sino03 h3,
#col_karatu #inner04 .sino04 h3,
#col_karatu #inner05 .sino05 h3,
#col_karatu #inner06 .sino06 h3,
#col_karatu #inner07 .sino07 h3,
#col_karatu #inner08 .sino08 h3,
#col_karatu #inner09 .sino09 h3{
/*border-left:#FF9966 8px solid;*/
border-left:#706960 8px solid;
}

#col_kiseto #inner01 .sino01 h3,
#col_kiseto #inner02 .sino02 h3,
#col_kiseto #inner03 .sino03 h3,
#col_kiseto #inner04 .sino04 h3,
#col_kiseto #inner05 .sino05 h3,
#col_kiseto #inner06 .sino06 h3,
#col_kiseto #inner07 .sino07 h3,
#col_kiseto #inner08 .sino08 h3,
#col_kiseto #inner09 .sino09 h3{
/*border-left:#FF9966 8px solid;*/
border-left:#FF9529 8px solid;
}

#blog1_sum #inner01 .sino01 h3,
#blog1_sum #inner02 .sino02 h3,
#blog1_sum #inner03 .sino03 h3,
#blog1_sum #inner04 .sino04 h3{
/*border-left:#FF9966 8px solid;*/
border-left:#6591E8 8px solid;
}








/*---------------- local_nav -------------*/
#local_nav{
width:55%;
margin:0 auto;
background:rgba(247,248,248,0.70);
}
#local_nav p{
text-align:center;
font-size:1.2rem;
padding-top:5px;
}
#local_nav ul li{
display:inline-block;
}
#local_nav ul{
text-align:center;
}








#scrollTop{
position:fixed;
right:12.5%;
bottom:140px;
}


#top_ico{
text-align:center;
margin-bottom:5px;
}




/*--------------- footer ----------------*/
footer{
	width:100%;
	background-color:#a4a9cf;
	color:#fff;
}

footer .logo_img{
margin-left:35%;
float:left;
}
footer ul{
	margin-top:10px;
	margin-left:10px;
	float:left;
	line-height:1.5rem;
	color: #fff;
	font-size:1.2rem;
}

footer ul img{
margin-bottom:10px;
}

footer ul :nth-child(2),
footer ul :last-child{
font-size:1.0rem;
} 
footer p{
margin-top:10px;
text-align:center;
color:#515555;
padding-bottom:10px;
}
	  
/*-----------------contact CSS------------------------*/
#contact #header h2{
color:#112631;
margin-bottom:5px;
}


#contact #main-contents{
margin-left:12.5%;
}

#contact #main-contents ol{
font-size:1.2rem;
line-height:1.5rem;
margin-bottom:10px;
}

#contact table{
/*border:#f6bb9e 2px solid;
border-collapse:collapse;*/
margin-bottom:10px;
}



#contact table th{
font-weight:bold;
vertical-align:top;
}



#contact table th,
#contact table td{
/*border:#f6bb9e 2px solid;*/
padding:5px 10px;
}

#contact label,
input,textarea{
	cursor: pointer;
}





#contact .btn{
margin-left:16%;
margin-right:50px;
margin-bottom:10px;
}

#contact .btn .btn-sub,
#contact .btn .btn-clr{
border-radius:5px;
margin-right:20px;
}

#contact .btn-sub:hover{
background-color:#2d5694;
color:#f7f8f8;
}
#contact .btn:active{
	color: #fff;
}

#contact .btn-clr:hover{
opacity:0.5;
}



/*-------------------- kojin ---------------------*/
#contact #kojin h3{
font-size:1.2rem;
margin-bottom:5px;
}
#contact #kojin ol{
font-size:1.0rem;
line-height:1.5rem;
margin-bottom:10px;
}



}