@charset "UTF-8";

/*初期設定
----------------------------------------------------*/
body {
  min-width: 320px;
  background: url(../img/bg_body.png);
  line-height: 1.5;
  color: #333;
  font-family: Jun 201;
  margin: 0 10px;
}
img {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: auto;
}

/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*layout
----------------------------------------------------*/
#wrapper {
  max-width: 940px;
  margin: 0 auto;
}

nav ul {
  margin: 0;
  padding: 0;
  font-family: Jun 201;
}
nav ul li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #001980;
  background: #1E5799;
  background: -webkit-linear-gradient(top, #1E5799, #0485DB);
  background: -moz-linear-gradient(top, #1E5799, #0485DB);
  background: -o-linear-gradient(top, #1E5799, #0485DB);
  background: linear-gradient(to bottom, #1E5799, #0485DB);
  font-family: 'Marcellus SC', serif;
  letter-spacing: 0.1em;
  text-align: center;
  font-family: Jun 201;
}
nav ul li a {
  display: block;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  font-family: Jun 201;
}
.ie7 ul{
  background: #1d4000;
}
.ie7 ul li{
  width: 49.84375%;
}
nav ul li:nth-child(odd) a {
  border-right: 1px solid #0b1900;
  font-family: Jun 201;
}

header {
  margin-bottom: 1.5em;
}
header h1 {
	line-height: 1.1;
	color: #000;
	font-size: 0.8em;
	font-weight: normal;
	font-family: sans-serif;
	text-align: left;
}
header #mainImage {
  text-align: center;
}
article {
  padding: 0 10px;
}
article h2 {
  color: #036eb8;
  padding: 10px;
  border-left: 3px solid #2da7e0;
  line-height: 1.1;
  font-weight: normal;
  font-family: 	Shin Maru Go Regular,'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	font-weight: bold;
}
section {
  margin-bottom: 3em;
}

#ma h4 {
  color: #001980;
  font-size: 1.2rem;
}

#ma p {
  line-height: 2rem;
  padding-left: 1rem;
  text-indent: -1.3rem;
}

.right {
  text-align: right;
}



footer {
  padding: 30px 0;
  background: #036eb8;
  color: #fff;
  text-align: center;
	line-height: 1.1em;
}
#wrapper header .logo {
	overflow: hidden;
}
header .logo .mark {
	float: left;
}
header .logo .text {
	font-family: Jun 201;
	float: left;
}
header .logo .tel {
	font-family: Jun 201;
	float: right;
	font-size: 1.6em;
	margin: 5px 10px 0 0 ;
}
article section h3 {
	border-left:solid 7px #169bff; 
	border-bottom:solid 1px #169bff; 
  	color: #2da7e0;
 	padding: 7px;
  	line-height: 1.1;
	font-size: 1.5em;
  font-weight: normal;
	font-family: font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
/*
article section h4 {
  font-size: 1.2em;
  padding: .5em 1em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);	
  background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
  color: #fff;
	display: inline-block;
  font-family: font-family: 'メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
*/
.content01 {
	padding: 0 2em;
	line-height: 2em;
}


dl{
	margin: 1em;
}
dl dt{
	font-weight: bold;
}
dl dd{
	margin: 0;
}

#accessMap{
  max-width: 100%;
  margin: 0 10px;
  padding: 4px;
  border: 1px solid #ccc;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#accessMap iframe{
  width: 100%;
  height: 300px;
}


.mapLink{
  margin-bottom: 4em;
  text-align: center;
}

/*button*/
.btn {
  display: inline-block;
  padding: 5px 23px;
  border: 1px #e6e6e6 solid;
  border-radius: 5px;
  background: #e5e5e5;
  background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
  background: -o-linear-gradient(top, #ffffff, #e5e5e5);
  background: linear-gradient(to bottom, #ffffff, #e5e5e5);
  color: #333;
  text-decoration: none;
}
.btn:hover {
  border: 1px #ccc solid;
  background: #d9d9d9;
  background: -webkit-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -moz-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: -o-linear-gradient(top, #e5e5e5, #d9d9d9);
  background: linear-gradient(to bottom, #e5e5e5, #d9d9d9);
}
.btnblue {
  background: #1E5799;
  background: -webkit-linear-gradient(top, #1E5799, #1188DD);
  background: -moz-linear-gradient(top, #1E5799, #1188DD);
  background: -o-linear-gradient(top, #1E5799, #1188DD);
  background: linear-gradient(to bottom, #1E5799, #1188DD);
  color: #fff;
}
.btnblue:hover {
  background: #1188DD;
  background: -webkit-linear-gradient(top, #004799, #007FDB);
  background: -moz-linear-gradient(top, #004799, #007FDB);
  background: -o-linear-gradient(top, #004799, #007FDB);
  background: linear-gradient(to bottom, #004799, #007FDB);
}
.logo .tel a {
	text-decoration: none;
	color:#5F86DF;
	font-size: 0.8em;
}
.logo .tel a:hover {
	color:#4649D0;
}
article section .contactbox {
	width: 22em;
	display: block;
	margin: auto;
	text-align: center;
}
article section p {
	padding-left: 20px;
	padding-right: 20px;
}


article section .contact {
	font-size: 1.8em;
}
article section .contactmail {
	font-size: 1.8em;
}

article section .contactmail a{
	text-decoration: none;
	color:#5F86DF;
	font-size: 0.9em;	
}

article section .contactmail a:hover {
	color:#4649D0;	
}

.contactbox .contactmail a {
	text-decoration: none;
	color:#5F86DF;
	font-size: 0.8em;
}
.contactbox .contactmail a:hover {
	color:#4649D0;
}


/*---------------------------------
books index styleSheet
----------------------------------*/
/*著書*/

.inner.clearfix section h5 {
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
	font-size: 1.2em;
}

#books section{
  margin-bottom: 2em;
}
#books section h3{
  margin-bottom: 0.5em;
  line-height: 1.2;
}
#books p{
  margin-bottom: 0.3em;
}

#books .pic
{
  text-align: center;
}

#books .pic img{
  text-align: center;
  border: solid 1px #333333;
}
#books .more{
  text-align: right;
}



/*media Queries
----------------------------------------------------*/

@media only screen and (min-width: 600px) {
  header h1 {
    line-height: 1.5;
  }
  nav ul li {
    width: 25%;
  }
  .ie7 nav ul li{
    width: 24.9166%;
  }
  nav ul li a {
    border-right: 1px solid #0b1900;
  }
  nav ul li:last-child a {
    border-right: none;
  }
   /*old IE*/
  nav ul li.last a{
    border-right: none;
  }
  #content {
    padding: 0 20px;
  }
	
	article{
    padding: 0;
  }
	
	#table{
		display: table;
		margin:  40px auto;
		border-right: 1px solid #b6dad3;
		border-bottom: 1px solid #b6dad3;
	}


	#table #words{
		display: table-row-group;
	}
	dl{
		display: table-row;
		margin: 0;
	}
	dl dt{
		display: table-cell;
		padding: 10px 20px;
		border-left: 1px solid #b6dad3;
		border-top: 1px solid #b6dad3;
	}
	dl dd{
		display: table-cell;
		padding: 10px 20px;
		border-left: 1px solid #b6dad3;
		border-top: 1px solid #b6dad3;
	}



}
@media only screen and (min-width: 960px) {
  #content{
    padding: 0;
  }
	

	
}

/*media Queries
----------------------------------------------------*/

@media only screen and (min-width: 41.875em) {  /*670px*/
  /*オススメツアー*/
  #books section {
    float: left;
    width: 31.6239%;
    /*370px(4column)/1170px*/
    margin-right: 2.5641%;
    /*30px/1170px*/
  }
  #books section:last-child {
    margin-right: 0;
  }
  #books .pic {
    overflow:visible;
    float: none;
    width: 100%;
  }
  #books .pic img {
    max-width: 100%;
    margin-left: 0;
	border: solid 1px #000000}
  #books p {
    margin-left: 0;
  }

/*
@media only screen and (min-width: 768px) {
  #content{
    margin: 0 20px;
  }
  header h1 {
    margin: 1.1em 0;
    line-height: 1.5;
    font-size: 0.8em;
  }
  article{
    padding: 0;
  }
}
@media only screen and (min-width: 840px) {
  nav ul,
  #content{
    width: 800px;
    margin: 0 auto;
  }
}
/*