c@charset "utf-8";
/*
///////////////////////////////////////////
CSS FOR Common
Made by Ngoc Thuy (ゴックトゥイ)

/////////////////////////////////////
*/

html {
	overflow-y: scroll;
}
/*/////BODY/////*/
body {
	font-size: 12px;
	line-height: 1.4;
	font-family: "メイリオ", "Meiryo", "MS PGothic", "MS Gothic", "MS PMincho", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Arial, Osaka, Sans-Serif;
	min-width: 960px;
	color: #000;
	background: #fff
}

#Container {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	overflow:hidden;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
}
.mr-0 {
	margin-right: 0 !important;
}
img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
/*/////HEADER/////*/
#Header {
	border-top: 5px solid #0398d9;
	padding: 15px 0;
}
h1 {
	font-size: 84%;
	padding-bottom: 5px;
}

.logo {
	margin: 10px 0 0 0;
}

#Header  .wrapper {
	position: relative;
}
.hleft {
	float: left;
}
.list-menu {
	float: right;
}
.list-menu li {
	display: inline-block;
	padding-left: 20px;
}
.list-menu li a {
	color: #333;
	font-size: 117%;	
}
.list-menu li a .fa {
	color:#0099d9;
	font-size: 109%;
}

.block-tel {
    background: #e2f1ff;
    padding: 8px 30px 0px 30px;
    float: right;
    margin-top: 10px;
}

.block-tel p {
	font-size: 117%;
	color: #555;
	text-align: center;
}
.block-tel .tel {
	color: #06258c;
	font-size: 250%;
	border-top: 1px solid #aaaaaa;
	font-weight: bold;
}


/*/////NAVIGATION/////*/

#Navigation {
	position: relative;
	width: 100%;
	z-index: 9999;
	padding-bottom: 20px;
}
#Nav {
	margin: 0 auto;
	width: 960px;
}
#Nav li {
	position: relative;
	float: left;
	width: 145px;
	padding: 2px;
	behavior:url(pie/PIE.htc);
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	border-radius:10px;
	margin-right: 10px;
}
#Nav  li a {
	display: block;
	white-space: nowrap;
	color: #666;
	text-align: center;
	behavior:url(pie/PIE.htc);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	padding: 6px 0 4px;
}
#Nav >  li > a span {
	font-size: 134%;
	color: #333;
	font-weight: bold;
	display: block;
	line-height: 18px;
}
#Nav li.navi01 {
	border: 1px solid #b3e0f4;
}
#Nav li.navi01 > a {
	background: #b3e0f4;
}
#Nav li.navi02 {
	border: 1px solid #f4d0b3;
}
#Nav li.navi02 > a {
	background: #f4d0b3;
}
#Nav li.navi03 {
	border: 1px solid #f4f1b3;
}
#Nav li.navi03 > a {
	background: #f4f1b3;
}
#Nav li.navi04 {
	border: 1px solid #f4b3d0;
}
#Nav li.navi04 > a {
	background: #f4b3d0;
}
#Nav li.navi05 {
	border: 1px solid #d3f4b3;
}
#Nav li.navi05 > a {
	background: #d3f4b3;
}
#Nav li.navi06 {
	border: 1px solid #f4b4b3;
	margin-right: 0;
}
#Nav li.navi06 > a {
	background: #f4b4b3;
}
#Nav >  li > a:hover {
	text-decoration: none;
	zoom: 1;  filter: alpha(opacity=70);
  opacity: 0.7;
	-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;

}

#Nav .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 9999;
	display: none;
	text-align: center;
}
#Nav .sub-menu li {
	float: none;
	display: block;
	text-align: center;
}
#Nav .sub-menu li a {
	background: #fff;
	display: block;
	padding: 6px 15px 0;
	color: #333;
	height: 25px;
	font-size: 117%;
	border: 2px solid #fff;
	font-weight: bold;
}
#Nav .sub-menu a:hover {
	color: #333;
	border: 2px solid #d3f2ff;
	text-decoration: none;
}

/*/////CONTENT/////*/

#Content {
	width:100%;
	padding: 20px 0;

}
#Main{
	float: right;
	width: 630px;
}

#Side{
	width: 300px;
	float: left;
}

.mr-0 {
	margin-right: 0 !important;
}
.pt-5 {
	padding-top: 5px;
}

/*/////FOOTER/////*/
#Footer {
	width: 100%;	
	-webkit-box-shadow: 0 0px 7px 2px #b4b2b2;
	box-shadow: 0 0px 7px 2px #b4b2b2;
}
.flogo {
	background: url(../images/common/bg_line.png) no-repeat 50% 100%;
	font-size: 117%;
	padding: 15px 0;
	margin-bottom: 15px;
}
.flogo a {
	margin-right: 20px;
}
#Footer .wrapper  {
	position: relative;
}
#Footer-nav {
	width: 420px;
	float: left;
}
#Footer-nav > ul {
	float: left;
	width: 130px;
}
#Footer-nav ul > li > ul {
	padding-left: 20px;
}
#Footer-nav ul li a {
	font-size: 117%;
	color: #555;
	padding: 5px 0;
	display: block;
}
#Footer-nav ul li a .fa {
	color:#0099d9;
	font-size: 117%;
	padding-right: 8px;
}
.block-infomation {
	font-size: 117%;
	text-align: left;
	float: left;
	color: #555;
}
.block-infomation p {
	padding-bottom: 10px;
}
.info-left {
	float: left;
	padding-left:10px;
}
.link-map {
	display: block;
}
.gmap {
	display: block;
}
.link-map a {
	color: #0595d7;
	padding-bottom: 10px;
}
.info-right {
	font-size: 100%;
	color: #555;
	float: left;
	padding-left: 15px;
}
#Copyright {
	color: #fff;
	text-align: center;
	font-size: 84%;
	background: #0397d8;
	padding: 5px 0;
	margin-top: 20px;
}
.gmap {
	float: right;
}
/*page-top*/
#Pagetop{
	position:fixed;
	bottom: 30px;
	right: 50px;
	cursor:pointer;
	width: 55px;
	height: 65px;
	background: url(../images/common/pagetop.png) no-repeat left top;
	z-index: 9999;
}


/* common */
.headline01 {
	border: 1px solid #0398d9;
	border-left: 10px solid #0398d9;
	font-size: 150%;
	padding: 5px 10px;
	margin-bottom: 20px;
	color: #555;
	font-weight: bold;
}

.headline02 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 10px solid #e2f1ff;
	color: #555;
	font-size: 217%;
	font-weight: bold;
	padding: 3px 0 0 20px;
	margin-bottom: 15px;
}
.headline02::before {
	position: absolute;
	left: -10px;
	bottom: 0;
	content: '';
	width: 10px;
	height: 50%;
	background-color: #0398d9;
}
.headline02::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #0398d9;
}

.mr-0 {
	padding-right: 0 !important;
}

/*.item-tab {
	display: table;
}*/
.pr-0 {
	padding-right: 0 !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.item-tab {
	display: table;
	width: 100%;
}
.item-tab li {
	padding-right: 12px;
	display:table-cell;
	width: 200px;
	vertical-align: top;
}
.item-tab li p {
	text-align: center;
	behavior:url(pie/PIE.htc);
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	border-radius:10px;
	padding: 1px;
}
.item-tab li a {
	padding: 12px 0;
	vertical-align: middle;	text-shadow: 1px 2px 1px #fff;
	behavior:url(pie/PIE.htc);
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	border-radius:10px;
	display: block;
	font-weight: bold;
}
.item-tab li a:hover {
	text-decoration: none;
	zoom: 1;  filter: alpha(opacity=70);
  opacity: 0.7;
	-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;
}

.col01 p {
	border: 2px solid #d90363;
}
.col01 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e5eb+0,f3c6d9+50,f1b0cd+100 */
	background: #f7e5eb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f7e5eb 0%, #f3c6d9 50%, #f1b0cd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7e5eb 0%,#f3c6d9 50%,#f1b0cd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7e5eb 0%,#f3c6d9 50%,#f1b0cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e5eb', endColorstr='#f1b0cd',GradientType=0 ); /* IE6-9 */
	font-size: 184%;
	color: #d90363;
}
.col02 p {
	border: 2px solid #6dd903;
}
.col02 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e5eb+0,f3c6d9+50,f1b0cd+100 */
	background: #f1f8e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f8e5 0%, #e0f6c8 50%, #d4f5b4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1f8e5 0%,#e0f6c8 50%,#d4f5b4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1f8e5 0%,#e0f6c8 50%,#d4f5b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f8e5', endColorstr='#d4f5b4',GradientType=0 ); /* IE6-9 */
	font-size: 184%;
	color: #6dd903;
}
.col03 p {
	border: 2px solid #f83507;
}
.col03 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e5eb+0,f3c6d9+50,f1b0cd+100 */
	background: #f9e3dd; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9e3dd 0%, #fabdae 50%, #fb9e88 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f9e3dd 0%,#fabdae 50%,#fb9e88 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f9e3dd 0%,#fabdae 50%,#fb9e88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e3dd', endColorstr='#fb9e88',GradientType=0 ); /* IE6-9 */
	font-size: 167%;
	color: #f83507;
	padding: 7px 0 !important;
}
.col03 a span {
	font-size: 58%;
	display: block;
	color: #000;
	line-height: 12px;
}
.col04 p {
	border: 2px solid #ce0000;
}
.col04 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e5eb+0,f3c6d9+50,f1b0cd+100 */
	background: #ffd1d5; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd1d5 0%, #ffb6b6 50%, #ffa3a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd1d5 0%,#ffb6b6 50%,#ffa3a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd1d5 0%,#ffb6b6 50%,#ffa3a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd1d5', endColorstr='#ffa3a2',GradientType=0 ); /* IE6-9 */
	font-size: 184%;
	color: #cd0101;
}
.col05 p {
	border: 2px solid #0398d9 ;
}
.col05 a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7e5eb+0,f3c6d9+50,f1b0cd+100 */
	background: #c1e6fc; /* Old browsers */
	background: -moz-linear-gradient(top,  #c1e6fc 0%, #b2e1fd 50%, #abdefe 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c1e6fc 0%,#b2e1fd 50%,#abdefe 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c1e6fc 0%,#b2e1fd 50%,#abdefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e6fc', endColorstr='#abdefe',GradientType=0 ); /* IE6-9 */
	font-size: 184%;
	color: #0398d9;
}
#Subvisual {
	background:url(../images/common/bg_visual.png) no-repeat 50% 100%;
	background-size:cover;
	text-align: center;
	padding: 20px 0;
}
#Breadcrumbs {
	margin-top: 0;
	color: #333;
}
#Breadcrumbs a {
	color: #333;
}
#Breadcrumbs a:hover {
	color: #333;
	text-decoration: underline;
}
.block-text {
	font-size: 134%;
}
.block-text p {
	padding-bottom: 15px;
	line-height: 20px;
	color: #333;
}
.block-text p span {
	color: #0398d9;
}