@charset "utf-8";
/*
Theme Name: amakusa140411
Theme URI: http://www.atelier-ma.jp/
Description: このテーマは…
Version: 
Author: atelier-ma
Author http://www.atelier-ma.jp/
Tags: 

/* ========================================

   初期設定（リセット）
   
   ============================================= */
* {
	padding: 0px;
	margin: 0px;
	outline: none;
}
body {
	border: 0px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
}
.clear {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.ma {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height:  15px;
}
img {border: 0;
	max-width: 100%; 
	height:auto;
}
img.left {
	float:left;
	margin:0 10px 10px 0;
}
img.hov {border:5px solid #efefef;}
img.hov:hover {border:5px solid #3b5998;}
img.keisen2 {
	border:7px solid #efefef;
	max-width: 100%; 
	height:auto;
}
img.keisen {
	border:7px solid fff;
	max-width: 100%; 
	height:auto;
}
ul, li {list-style: none;}
a{
	color:#3498db;
	text-decoration: none;
}
a:hover{color:#3b5998;}
.current {font-weight: normal;}
.none {display:none;}

/* ========================================

   menu
   
   ============================================= */
.menu-main-container ul {
	width: 100%;
}
.menu-main-container ul li{
	padding: 7px;
	list-style: none;
	margin:0;
}
.menu-main-container ul li a{
	font-size: 16px;
	line-height: 1.5em;}
.current_page_item {background:#edeff4;}
.current_page_item a {}

#bottom {
height:275px;
background-image: url("images/yuukei.jpg");
background-repeat: no-repeat;
background-position: left bottom
}

.kokuti {
	border:1px solid #ff0000;
	margin-top:20px;
		padding:15px;
}
.ma2 {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height:  5px;
}

/* ========================================

   contents
   
   ============================================= */
.topmenu {
	width: 100%;
	margin: 0auto 0 auto;
	padding:0 25px 0 25px;
	position: fixed;
	background:#ffffff;
	-moz-box-shadow: 0px 1px 1px #bdc3c7;
	-webkit-box-shadow: 0px 1px 1px #bdc3c7;
	z-index:100;
}
.header {
	background:#efefef;
	margin:0 0 0 0;
	padding:11px 0 0px 0;
}
.header img {
	max-width: 100%;
	margin: 0 auto 0 auto;
	display:block;
}
.topmenu2 {
	width: 100%;
	margin: 0 auto 0 auto;
	padding:0;
	height:auto;
	z-index:99;
}
nav {background:#4080c0;}
nav a {
	background: #4080c0;
	color: #fff; 
	display: block; 
	float: left; 
	font-size: 16px; 
	line-height: 40px; 
	margin: 0 1px 0 0; 
	padding: 0 20px; 
}
nav a:hover { 
	background: #202060;
	color: #ffffff; 
}

.current-menu-item a {
	background: #202060;
	color: #ffffff; 
}

@media screen and (max-width: 740px) {
	nav {
	background:#254960;}
	nav a { 
	 float: none; 
	margin: 0 0 1px 0; 
	width: 100%; }
}
.newsbox {
	clear :both;
	background:#fff;
	margin: 10px 0 0 0;
	padding:0 10px 0 10px;
	height:100px;
	border-bottom:1px solid #efefef;
}
.newsbox:hover {
	background:#edeff4;
}
.newsimg {
	float:left;
	margin: 0 10px 0 0;
	padding: 0;
}
.newsimg img {
	width:75px;
	height:75px;
}
#toiawase {
	padding:50px 0 0 0;
}
#sono1 {
}
.kopage {
	border:7px solid #ecf0f1;
	margin:0 0 10px 0;
	padding: 10px 10px 10px 10px;
	height:auto;
	min-height:100px;
}
.kopage img {
	float:left;
	margin: 0 12px 12px 0;
	padding: 0;
}
/* ========================================

   fonts
   
   ============================================= */
h1 {
	color:#202060;
	font-size: 14px;
	line-height: 1.5em;
	text-align: right;
	padding:5px 0 5px 0;
}
h2 {
	text-shadow: 1px 1px 3px #fff;
}
span.sub {
	font-size: 14px;
}
a.red {color:#202060;}
a.red:hover {color:#4080co;}
a.gre {color:#f9be24;}
a.gre:hover {color:#f76300;}
a.yel {color:#009ebd;}
a.yel:hover {color:#202060;}
a.blu {color:#f65e4b;}
a.blu:hover {color:#eea07a;}

.red {color:#202060;}
.gre {color:#f9be24;}
.yel {color:#009ebd;}
.blu {color:#f65e4b;}
.bianco {color:#fff;}

img.logo {
	margin:13px 0 7px 0;
}
img.icon {

	margin:0;
	max-width: 70%; 
	height:auto;
}
img.title {
	width: 12%;
	height: 12%;
	margin:0 20px 0 0;
}
h3 {
	margin:0 0 10px 0;
	padding:6px 12px;
	background:#202060;
	color:#fff;
	line-height:150%;
	text-shadow: 0px 0px 0px #222;
}
#spa02, #thalasso02, #thalasso03 {height:50px;}
h3.side {
	margin:0 0 10px 0;
	padding:6px 12px;
	background:#f79708;
	color:#fff;
	line-height:150%;
}
h3.sidespa {background:#f9be24;}
h3.sidethalasso {background:#009ebd;}
h3.siderest {background:#f65e4b;}
h3.foot {
	margin:0 0 10px 0;
	padding:6px 12px;
	background:#4080c0;
	color:#fff;
	line-height:150%;
}
h4 {
	font-size: 16px;
	padding: 0;
	font-weight: normal;
	line-height: 1.1em;
}
h4.midasi01 {
	font-family:'Hiragino Mincho ProN', serif;
	color:#f9be24;
	font-size: 24px;
	margin: 0 0 5px 0;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:0px solid #202060;
	text-shadow: 0px 0px 0px #222;
	text-align: center;
}
h4.midasi02 {
	font-family:'Hiragino Mincho ProN', serif;
	color:#009ebd;
	font-size: 24px;
	margin: 0 0 5px 0;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:0px solid #202060;
	text-shadow: 0px 0px 0px #222;
	text-align: center;
}
h4.midasi03 {
	font-family:'Hiragino Mincho ProN', serif;
	color:#f65e4b;
	font-size: 24px;
	margin: 0 0 5px 0;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:0px solid #202060;
	text-shadow: 0px 0px 0px #222;
	text-align: center;
}
h4.kakomititle {
	color:#202060;
	font-size: 18px;
	margin: 0 0 5px 0;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom:1px solid #202060;
	text-shadow: 0px 0px 0px #222;
}
h4.kakomititle2 {
	color:#4080c0;
	font-size: 18px;
	margin: 0 0 5px 0;
	padding:0 0 0 8px;
	font-weight: normal;
	line-height: 1.5em;
	border-left:5px solid #4080c0;
	border-bottom:0px solid #202060;
	text-shadow: 0px 0px 0px #222;
}
h5 {
	color:#3b5998;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.1em;
	text-align: center;
}
h5.left {
	text-align: left;
}
p {
	color:#222;
	font-size: 14px;
	line-height: 1.7em;
	text-align: left;
}
.small {
	color:#222;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}
.cent {
	text-align: center;
}
.aka {color:#ff0000;}
.smallcent {
	color:#222;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
}
#pan {
	font-size: 12px;
	line-height: 2em;
	text-align: left;
}
#pan a {color:#222;}
#pan a:hover {color:#fff; background: #3b5998;}
span.data {
	font-size: 14px;
	line-height: 2em;
	text-align: left;
}

ul.kazari li {
	padding:7px 0 7px 10px;
	margin :0 0 6px 0;
	border-left:7px solid #f79708;
	border-bottom:1px solid #f79708;
}
ul.kazari li a{font-weight:bold;}

ul.ten li {font-size: 14px; list-style-type: disc; margin-left:20px;}


/* テーブル
--------------------------------------------------------- */

table.courselist {
	position: relative;
	margin: 0 0 0 0;
	padding:0 ;
	width: 100%;
	background: #;
	line-height: 1.3em;
	text-align: ;
	color: #;
	font-style: normal;
	
	color:#222;
	font-size: 14px;
	line-height: 1.3em;
	text-align: left;
}
table.courselist td{padding:10px 5px 10px 5px;}
.list1 {background: #; text-align: center;}
.list2 {background: #;text-align: left;}
.list3 {background: #c0e0e0; text-align: center;}
.list4 {background: #;text-align: left;}
.list5 {background: #f9be24; color: #fff;  text-align: center;}
.list6 {background: #fff; text-align: right;}
.list7 {background: #efefef;}
.list8 {background: #009ebd;  color: #fff;   text-align: center;}
.ki {background: #efefef;}
.gu {background: #;}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 20px;
	left: 25px;
	display: block;
	background: #202060;
	border:2px solid #efefef;
  -webkit-border-radius:0.8em;
  -moz-border-radius: 0.8em;
  -ms-border-radius: 0.8em;
  -o-border-radius: 0.8em;
  border-radius: 0.8em;
    opacity: 0.8;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-size: 100%;
	line-height:1.5em;
	padding: 10px 10px 10px 25px;
	font-weight: bold;
}

/* ========================================

   topmenu
   
   ============================================= */
.toggleMenu {
    display:  none;
    background: #3b5998;
    padding: 10px 15px;
    color: #fff;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#3b5998;
	font-size: 14px;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}
.nav li:hover {background: #3498db;}
.nav > li > .parent {
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #3498db;
    position: relative;
    z-index:100;
    border-top: 1px solid #3498db;
}
.nav li li li a {
    background:#3498db;
    z-index:200;
    border-top: 1px solid #3498db;
}
.nav li li a:hover {background: #3b5998;}
@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
    .toggleMenu:hover{color:#efefef;}

}

/* ========================================

   slide
   
   ============================================= */
#grid {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#gridslide2 {
	width: 750px;
	height: 376px;
	overflow: hidden;
}

#gridslide2 a {
	display:block;
	float: left;
	width: 250px;
	height: 188px;
}

#gridslide2 img {
	border:none;
	display: block;
}

#gridslide2 .viewport {
	width: 250px;
	height: 188px;
	overflow: hidden;
	position: relative;
	float: left;
}

#gridslide2 .viewport a {
	position: absolute;
}

/* ========================================

   pagetop
   
   ============================================= */
#page-top {
	position: fixed;
	bottom: 70px;
	right: 0px;
	font-size: 80%;
}
#page-top a {
	background: #202060;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	width: 100px;
	padding: 16px 5px;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: #444;
}
#page-top2 {
	position: fixed;
	bottom: 15px;
	right: 0px;
	font-size: 80%;
}
#page-top2 a {
	background: #ff0000;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	width: 100px;
	padding: 16px 5px;
	text-align: center;
	display: block;
}
#page-top2 a:hover {
	text-decoration: none;
	background: #444;
}
/* ========================================

   画像投稿
   
   ============================================= */
 img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* ========================================

   検索form
   
   ============================================= */
.kensaku input[type=text]{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	width:99%;
	height:30px;
	padding:0 3px;
}

.kensaku input[type=text]:focus {
}

.kensaku input[type=text], select { 
	 outline: none;
}
.kensaku input[type=submit]{
	background: #0078a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	color:#fff;
	border-radius: 5px;
	 -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	width:20%;
	height:30px;
	padding:0 3px;
	cursor:pointer;
	font-size: 14px;
	line-height: 30px;
	 font-weight:normal;
	outline: none;
	border:none;
}
.kensaku input[type=submit]:hover{background: #444;}

/* ========================================

   form
   
   ============================================= */
.wpcf7 p {
	line-height: 2em;
	color: #222;
   font-size: 14px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   width:70%;
   height:30px;
   padding:5px;
}
.wpcf7 textarea {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   width:70%;
   height:90px;
   padding:5px;
}
input[type=submit]{
background: #0078a5;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top,  #00adee,  #0078a5);
   color:#fff;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   width:25%;
   height:40px;
   padding:0 3px;
   margin: 10px 0 0 0;
   cursor:pointer;
   font-size: 14px;
   line-height: 40px;
   font-weight:normal;
     outline: none;
	 border:none;
}
input[type=submit]:hover{background: #444;}