@charset "UTF-8";
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}
/* CSS Document */


/* 画像を美しく表示するヒント
■ 画像は PC 上で想定する２倍のサイズで作成する
　Retina や HD 解像度でもきれいに表示したいからです。
　自動で拡大縮小されるため、低解像度向けを作成する必要はありません。
 
■ background-image を設定したときは、
background-size:contain; または background-size:cover;
を設定する。
参考 : http://www.htmq.com/css3/background-size.shtml
 
※ 追記 2012-2/2
Android 2.1 では
-webkit-background-size:auto 160px;
のように高さだけでも指定してやらないと反応しませんでした。
幅は auto で OK です。
*/

*{
    /* 意図しない横幅が出ないように画面幅で強制改行を有効にする */
    word-break: break-all;
	margin:0;
	padding:0;
}
html {
	width:100%;
}
body {
	width:100%;
}
body, p{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	height: auto;
	width: auto;
	visibility: visible;
}

/* for modern browser */
.clearfix {
  display: inline-block;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

 
/* 幅を制御する
-------------------------------------------------- */
.width-keeper{
    /* 中央寄せ */
    margin-left:auto;
    margin-right:auto;
     
    /* 最大幅をつけて PC でも見やすくする */
    max-width: 640px;
}
 
/* ヘッダー
-------------------------------------------------- */
header#header{
	border-top:3px #013799 solid;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(15, 75, 188)),color-stop(0.4, rgb(13, 65, 161)));
	background-image: -moz-linear-gradient(-90deg,rgb(15, 75, 188) 0%,rgb(13, 65, 161) 40%);
	background-image: linear-gradient(-90deg,rgb(15, 75, 188) 0%,rgb(13, 65, 161) 40%);
	color: rgb(255, 255, 255);
	-ms-box-shadow: 2px 2px 4px rgb(51, 51, 51);
	padding-right:12px;
}
	header#header h1 {
		width:113px;
		float:left;
		padding-top:12px;
	}
		header#header h1 img {
			margin-left:14px;
		}
		
    header#header p.hdBtn {
		width:36px;
		float:right;
		border: 4px solid #447be0;
		background-color:#2668e0;
		-webkit-box-shadow: 0 4px 24px 5px rgba(0,0,0,0.18);
		-moz-box-shadow: 0 4px 24px 5px rgba(0,0,0,0.18);
		box-shadow: 0 4px 24px 5px rgba(0,0,0,0.18);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		margin:9px 0 10px 8px;
	}
	
	header#header p.hdBtn a {
		display:block;
	}
	
	header#header p.hdBtn img.hdBtn1 {
		padding:8px 0 0 12px;
	}
	
	header#header p.hdBtn img.hdBtn2 {
		padding:7px 0 0 12px;
	}


/* メインビジュアル
-------------------------------------------------- */
div#mainVisual {
	width:100%;
	margin:1px 0;
	line-height:0;
}

	div#mainVisual ul {
		/* 4枚の場合　width:400%; */
		/* 5枚の場合　width:500%; */
		width:500%;
		display:block;
	}
	
		div#mainVisual ul li {
			/* 4枚の場合　width:25%; */
			/* 5枚の場合　width:20%; */
			width:20%;
			float:left;
		}
		
		div#mainVisual ul li img {
			width:100%;
		}

div#flickControl {
	overflow:hidden;
	background-color:#1c448b;
}


/*----- インジケーターの設定 -----*/
div#flickControl div#indicator {
	text-align:center;
	margin:8px auto;
}

div#flickControl div#indicator span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin:0 4px;
	border-radius: 8px;
	background-color:#ffffff;
}
div#flickControl div#indicator span.current {
  background: #f4c900;
}



/* メニュー
-------------------------------------------------- */
div#menuArea {
	border-top:3px #f3b700 solid;
	border-bottom:2px #dcdddf solid;
}

	div#menuArea ul {
		font-size:12px;
	}
	
		div#menuArea ul li {
			width:50%;
			float:left;
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.94, #f5f5f5), color-stop(0.00, #fff));
			background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 94%, #fff 100%);
			background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 94%, #fff 100%);
			background: -o-linear-gradient(top, #fff 0%, #f5f5f5 94%, #fff 100%);
			background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 94%, #fff 100%);
			background: linear-gradient(to bottom, #fff 0%, #f5f5f5 94%, #fff 100%);
		}
		
		div#menuArea ul li a {
			color:#1c448b;
			display:block;
			padding:19px 15px;
			background:url(../images/icn_arrow1.png) no-repeat 95% center;
			background-size:16px 17px;
			border-right:1px #dcdddf solid;
			border-bottom:1px #dcdddf solid;
		}
		
		div#menuArea ul li:nth-child(odd) a {
			border-left:1px #dcdddf solid;
		}
		
		div#menuArea ul li a:link,
		div#menuArea ul li a:visited {
			text-decoration:none;
		}
		div#menuArea ul li a:hover,
		div#menuArea ul li a:active {
			text-decoration:none;
		}


 
/* コンテンツ
-------------------------------------------------- */
section#aboutBox {
	-webkit-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin:15px 15px 27px 15px;
	font-size:12px;
	color:#555555;
	line-height:1.5;
}

	section#aboutBox h2 {
		width:89%;
		margin:0 auto 15px auto;
		font-size:16px;
		color:#22498d;
		padding-top:17px;
		padding-bottom:5px;
		background:url(../images/bg_dot1.gif) repeat-x left bottom;
	}
	
		section#aboutBox h2 span {
			font-size:10px;
			color:#f3b700;
			margin-left:7px;
		}
		
	section#aboutBox div#aboutWrap {
		width:89%;
		margin:0 auto;
	}
	
	section#aboutBox div#aboutWrap p {
		width:63%;
		float:right;
	}
	
	section#aboutBox div#aboutWrap figure {
		width:33%;
		float:left;
		margin-bottom:10px;
	}
	
	
	section#aboutBox nav {
		clear:both;
		background-color:#1c448b;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #254b90), color-stop(1.00, #1c448b));
		background: -webkit-linear-gradient(#254b90, #1c448b);
		background: -moz-linear-gradient(#254b90, #1c448b);
		background: -o-linear-gradient(#254b90, #1c448b);
		background: -ms-linear-gradient(#254b90, #1c448b);
		background: linear-gradient(#254b90, #1c448b);
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.15);
		box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.15);
		padding:3px 0;
		margin-bottom:16px;
	}
	
	ul#aboutNavi {
	}
	
	ul#aboutNavi li {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #254b90), color-stop(1.00, #1c448b));
		background: -webkit-linear-gradient(#254b90, #1c448b);
		background: -moz-linear-gradient(#254b90, #1c448b);
		background: -o-linear-gradient(#254b90, #1c448b);
		background: -ms-linear-gradient(#254b90, #1c448b);
		background: linear-gradient(#254b90, #1c448b);
	}
	
	ul#aboutNavi li a {
		display:block;
		padding:19px 15px;
		background:url(../images/icn_arrow2.png) no-repeat 95% center;
		background-size:16px 16px;
		border-bottom:1px #325aa1 solid;
	}
	
	ul#aboutNavi li:nth-child(1) a {
		padding:16px 15px 19px 15px;
		background:url(../images/icn_arrow2.png) no-repeat 95% 47%;
		background-size:16px 16px;
	}
	
	ul#aboutNavi li:nth-last-child(1) a {
		padding:19px 15px 16px 15px;
		background:url(../images/icn_arrow2.png) no-repeat 95% 53%;
		background-size:16px 16px;
		border-bottom:none;
	}
	
		ul#aboutNavi a:link,
		ul#aboutNavi a:visited {
			text-decoration:none;
			color:#fefefe;
		}
		ul#aboutNavi a:hover,
		ul#aboutNavi a:active {
			text-decoration:none;
			color:#fefefe;
		}
	

div.contents {
	font-size: 12px;
	color: #555555;
	line-height: 1.8;
	margin-top: 25px;
	height: auto;
	width: auto;
}


/* タブ切り替え
-------------------------------------------------- */


ul.tab {
	padding:0;
	font-size:14px;
	margin:27px 15px 0 15px;
	z-index:1;
	position:relative;
}
	ul.tab li{
		width:27%;
		float:left;
		border-top-left-radius: 3px; 
		border-top-right-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		margin-right:10px;
		-webkit-box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.15);
		box-shadow:  0px 1px 2px 1px rgba(0, 0, 0, 0.15);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fefefe), color-stop(1.00, #f5f5f5));
		background: -webkit-linear-gradient(#fefefe, #f5f5f5);
		background: -moz-linear-gradient(#fefefe, #f5f5f5);
		background: -o-linear-gradient(#fefefe, #f5f5f5);
		background: -ms-linear-gradient(#fefefe, #f5f5f5);
		background: linear-gradient(#fefefe, #f5f5f5);
		background:url(../images/bg_tab_border.gif) repeat-x left top;
		background-size:1px 3px;
	}
	
	ul.tab li:nth-child(3) {
		width:39%;
		margin-right:0;
	}

		ul.tab li a {
			outline:none;
			background:url(../images/icn_arrow3.png) no-repeat 90% 46%;
			background-size:12px 12px;
			background-color:#1c448b;
			display:block;
			color:#ffffff;
			text-decoration:none;
			padding:10px 0 11px 15px;
			border-top-left-radius: 3px; 
			border-top-right-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
		}
		ul.tab li a.selected {
			text-decoration:none;
			color:#1c448b;
			cursor:default;
			background:none;
		}
		
ul.tabPanel {
	clear:both;
	background-color:#ffffff;
	z-index:2;
	margin-top:0px;
	position:relative;
	border:1px #dcdddf solid;
	padding: 0 40px !important;
}

	ul.tabPanel li {
		color:#333;
		list-style: none;
	}
	
		ul.tabPanel li dl,
		ul.tabPanel li table {
			/* width:81%; */
			width: 100%;
			margin:0 auto;
			font-size:12px;
			margin-bottom:10px;
		}
		
			ul.tabPanel li dl dt,
			ul.tabPanel li table th {
				display: block;
				padding-top:15px;
				color:#cf8300;
				padding-bottom:3px;
			}
		
			ul.tabPanel li table td {
				background:url(../images/bg_dot1.gif) repeat-x left bottom;
				padding-bottom:13px;
				display: block;
				padding-left: 40px;
			}
			
			/* ul.tabPanel li dl dd:last-child {
				background:none;
			} */
	
	
	ul.tabPanel li#tab3 {
		width: 100%;
	}
	
	.fb-like-box,.fb-like-box span, .fb-like-box iframe {
		width: 100% !important;
	}
		
			
	ul.tabPanel a:link,
	ul.tabPanel a:visited {
		text-decoration:underline;
		color:#0c52d4;
	}
	ul.tabPanel a:hover,
	ul.tabPanel a:active {
		text-decoration:none;
		color:#3372e7;
	}


 
/* フッター
-------------------------------------------------- */

footer#footer {
	background-color:#1c448b;
	margin-top:25px;
	padding:10px 15px 30px 15px;
	color:#ffffff;
}

footer#footer small {
	font-size:12px;
}



/**/
.flexslider-container {
	position: relative;
}
div#mainvisual {
	display: block;
	height: 170px;
	visibility: hidden;
	background: #ccc;
}

div#mainvisual div.flexslider ul.slides {
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
	div#mainvisual div.flexslider ul.slides li {
		text-align: center;
		margin: 0;
		padding: 0;
		width: 325px;
		float: left;
		display: block;
		}
		.flexslider .slides img {
			margin: 0 auto;	
			width: 325px;
			height: 100%;

			}
			div#mainvisual div.flexslider ul.slides .flex-control-nav {
				float: left;
				position: absolute;
				width: 325px;
				}

div#mainvisual div.flexslider{
	display: block;
	margin: 0;
	padding: 0 0 0px 0;
	text-align: center;
	position: relative;
	background: #fff;
	color: #262626;
	line-height: 1.5;
	z-index: 0;
	overflow: hidden;
}