/* ==== Base === */
body {
	font-family:Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	border-bottom: 20px solid #00266F;
}

/* ==== Backgraund === */
#wrap {
	width:96%;
	margin:0 auto;
	overflow:hidden
}
/* ==== Header === */
#hd {	
	height: 110px;
	position: relative;
}
/* ==== h1 img === */
h1 .logo_pc {
	display:none;
}
/*タブレットのh1.logoは一番下部に↓*/
h1 .logo_sp {
	display:block;
	width:300px;
	position:absolute;
	top: 30px;
}
/*----------------------------------------------------------------------------
******************************************************************************
タブレットのスタイル
******************************************************************************
----------------------------------------------------------------------------*/
/*h1.logoのスタイル*/
@media screen and (min-width:600px){
	h1 .logo_sp {
	display:block;
	width: 350px;
}
}
/*----------------------------------------------------------------------------
----------------------------------------------------------------------------*/

/*言語切替ボタン*/
#hd #laungage {
	float:right;
}
#hd #laungage ul li{
	float:left;
}
#hd #laungage ul li a{
	background: #CCCCCC;
	color: #00266F;
	text-decoration:none;
	display:block;
	padding: 8px 15px;
	font-weight:bold;
	font-style: italic;
}
#hd #laungage ul li a:hover,
#hd #laungage ul li.current a {
	background: #00266F;
	color: #FFF;
}

/* ==== Navigation === */
/*ナビスタイルはmeanmenu.css*/


/* ==== Content === */
#con {}
#sidenav {
	display: none;
}
#main {
	width: 100%;
	float: none;
}
main #page h1 {
	font-size: 28px;
	font-weight:normal;
	line-height: 1.1em;
	margin-bottom:20px;
	position: relative;
}
main #page h1::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 35px;
    border-top: 1px solid #CCCCCC;
}
main #page h1 .color_red {
	color: #BF0000;
}
main #page h1 span.h1_s {
	font-size: 13px;
	color: #999999;
}
main #page h2 {
	background: #CCD4E2;
	font-size:1.1em;
	font-weight:normal;
	padding: 8px 10px;
	margin: 20px 0 5px;
}
main #page h3 {
	margin: 20px 0 10px;
	padding: .25em 0 .45em .75em;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #00266F;
	font-size:1.15em;
	font-weight:normal;
}
main #page h4 {
	margin: 20px 0 10px;
	padding: .15em 0 .25em .75em;
	border-left: 6px solid #ccc;
	font-size:1.1em;
	font-weight:normal;
}

/* ==== Index === */
#i_img {}

#i_about {
	background:url(../images/i_about_bg01.jpg) no-repeat top left,
	           url(../images/i_about_bg02.jpg) no-repeat right bottom;
	min-height: 250px;
	margin-top:40px !important;
}
#i_about h1 {
	font-size: 1.8em;
	font-weight:normal !important;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
}
#i_about h1 .about_color {
	color: #00266D;
}
#i_about p {
	width: 90%;
	margin:0 auto;
}
/*バナー*/
#bnrbox{ margin-top:20px;}
#bnrbox ul li{
	margin-bottom: 10px;
	position:relative;
}
#bnrbox ul li a{
	border: 1px solid  #CCC;
	text-decoration:none;
	display: block;
	padding: 22px 5px ;
}
#bnrbox ul li a:hover{
	border: 1px solid #00266F;
}
#bnrbox ul li:first-child {
	background: url(../images/bnr01.jpg) no-repeat 10% 50% ;
	background-size: 120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

/*以下ボタン右、三角形アイコン*/
#bnrbox ul li::before{
	position:absolute;
	content: '';
	width:18px;
	height:18px;
	border: 1px solid #00266F;
	top:32%;
	right: 10px;
}
#bnrbox ul li::after{
	position:absolute;
	content: '';
	top:41%;
	right: 15px;
	/*以下、三角形*/
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 8px;
	border-color: transparent transparent transparent #00266F;

}

/* ==== page-top === */
#page-top a{
	margin-top:30px;
	width:100%;
	text-align:center;
	font-size:0.9em;
	background:#B2BDD4;
	text-decoration:none;
	color:#00266F;
	padding:14px;
	text-align:center;
	display:block
}

/* ==== Footer === */
#ft {
	padding-top: 25px;
	padding-bottom: 25px;
	text-align: center;
	border-top: 1px solid #B2BDD4;
}
#ft_address p{
	text-align:center;
}
#ft_address p #font{
	font-size: 1.2em;
	font-weight:bold;
}
footer {}


/* ==== lightbox === */
.row { width:100%; margin: 10px auto; }
.row a { display:none; }
.row a:first-child { display:block; width:320px; margin: 0 auto; }
.row img { display:block; width:320px; margin: 0 auto; }