@charset "utf-8";


/*Google Fontsの読み込み
---------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Playball);

/*全体の設定
---------------------------------------------------------------------------*/
body {
	color: #FFF;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
	background: #fff;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #FFF;	/*リンクテキストの色*/
}
a:hover {
	color: #FFCC00;			/*マウスオン時の文字色（全体）*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/* clearfix */
	.group::before,
	.group::after {
		display: table;
		content: "";
		line-height: 0;
	}
	.group:after {
		clear: both;
	}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	position:relative;
	width:100%;
	margin: 0 auto;
	/*background-size:100% 100%;*/
}

/*上部のメインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#menubar {
	width: 96%;	/*ヘッダーブロックの幅*/
	text-align:left;	/*左から、上、右、下、左側への余白*/
	margin-bottom:10px;
	position:absolute;top:0;left:2%;
	z-index:500;
	border-bottom:1px solid #707070;
	line-height:1em;
}
#toggle1{
	    display: none;
    }
#menubar img{
	width:20%;
	min-width:180px;
}
#menubar p{
	width:100%;
	/*float:left;*/
}
#menubar p span{
	vertical-align:20px;
	font-size:12px;
	color:#000;
}
/*メニュー１個ごとの設定*/
#menubar #nav{
float:right;
white-space:nowrap;
/*overflow:hidden;*/
}
#menu1{
display:block;
width:43em;
margin-bottom:-2px;
}
#menu1 li {
	float: left;
	margin-right: 2%;	/*メニューの右側にあけるスペース*/
	height:22px;
	border-left:1px solid #707070;
	margin-bottom:0;
}
#menu1 li a {
	text-decoration: none;
	text-align: center;	/*文字をセンタリング*/
	color: #000;	/*文字色*/
	font: 11px/15px 'Playball', cursive;	/*文字サイズ、行間、冒頭で読み込んでいるGoogle Fontsの指定*/
	padding:0px 3px;
}
/*マウスオン時*/
#menu1 li a:hover {
	color:#4390d5;/*#fff;*/
}
#menubar #nav a:hover p{
	color:#D02231;
}
/*記事ブロック共通
---------------------------------------------------------------------------*/
#openclose{
	background: #fff url(../images/bk.png)  left;
	background-size:50%;
	border:0;
	padding:0;
	margin:-10px 0;
}
.a_block{
	width:49.99999999999%;
	/*max-width:640px;*/
	float:left;
}
.a_block img{
	width:100%;
	/*margin:2% 2% 0 2%;*/
}
.a_block a:hover img{
	opacity:0.6;
}
.a_block > a{
	display:inline-block;
	background:url("../images/a-block-back.png");
	background-size:100%;
}
.content{
	width:86%;
	font-size:13px;
	line-height:1.5em;
	color:#000;
	margin:auto;
	margin-bottom:30px;
	padding:5%;
}
.content h3{
	margin-bottom:10px;
}
/*記事ブロック各種*/
article.a_block div.content{
display:none;/*;block*//*制作用後で変更！！！！*/
}
/*whatsnew*/
#art01 .content{
background:#036EB8;
color:#fff;
min-height:400px;
}
/*company*/
article #company{
background:url('../images/art02bck.png');
background-size:cover;
}
#c#art02 hr{
border:#000;
}
article #company table tr td{
vertical-align:top;
line-height:1.75em;
}
article #company table tr td:first-child{
width:6em;
}
article #company table tr td:first-child:before{
content:"　";
}
/*about*/
#art03 .content{
background:#036EB8;
color:#fff;
padding-bottom:40px;
}
#art03 .content h2{
font-weight:normal;
font-size:2em;
margin-top:20px;
margin-bottom:20px;
}
#art03 .content p{
margin-bottom:30px;
}
#art03 h3{
text-align:left;
margin-top:10px;
margin-bottom:20px;
}
#art03 h3 img{
width:5%;
min-width:30px;
}
#art03 .simg{
text-align:center;
}
#art03 h3 p{
display:inline;
vertical-align:8px;
}
#art03 .simg img{
	max-width:340px;
	margin:0 auto;
}
/*forcompany*/
#art04 .content{
background:#036EB8;
color:#fff;
padding-bottom:40px;
}
.fcome{
display:inline-block;
font-size:10px;
}
#art04 .fcome img{
width:75%;
}
#art04 th{
border-top:solid #fff 1px;
border-bottom:solid #fff 1px;
padding:6px 1em;
text-align:left;
}
#art04 td{
vertical-align:top;
padding:3px 1em;
font-size:11px;
line-height:1.5em;
}
#art04 table#outtable tr td:first-child{
width:6em;
border-right:solid #fff 1px;
}
#art04 table#intable tr td:first-child{
border-right:0;
}
#art04 table#outtable tr{
border-bottom:solid #fff 1px;
}
#art04 table table tr td:first-child{
width:8em;
padding-left:0;
}
#art04 table#intable tr{
border:0;
}
/*forperson*/
#art06 .content,#art062 .content{
background:#036EB8;
color:#fff;
padding-bottom:40px;
}
.fcome{
display:inline-block;
font-size:10px;
}
#art06 .fcome img,#art062 .fcome img{
width:75%;
}
#art06 th,#art062 th{
border-top:solid #fff 1px;
border-bottom:solid #fff 1px;
padding:6px 1em;
text-align:left;
}
#art06 td,#art062 td{
vertical-align:top;
padding:3px 1em;
font-size:11px;
line-height:1.5em;
}
#art06 table#outtable tr td:first-child,#art062 table#outtable tr td:first-child{
width:6em;
border-right:solid #fff 1px;
}
#art06 table#intable tr td:first-child,#art062 table#intable tr td:first-child{
border-right:0;
}
#art06 table#outtable tr,#art062 table#outtable tr{
border-bottom:solid #fff 1px;
}
#art06 table table tr td:first-child,#art062 table table tr td:first-child{
width:8em;
padding-left:0;
}
#art06 table#intable tr,#art062 table#intable tr{
border:0;
}
/*access*/
#art05 #access{
background:#036EB8;
color:#fff;
padding-bottom:40px;
line-height:1.75em;
}
/*p-policy*/
#art07 .content{
background:#036EB8;
color:#fff;
font-size:12px;
}
#art07 h2{
margin-bottom:20px;
}
#art07 h5{
border-left:5px #fff solid;
margin-top:10px;
font-size:13px;
}
#art07 h5:before{
content:"　";
}
/*voice*/
#art08 h1{
font-size:14px;
text-align:1.25em;
font-weight:normal;
color:#000;
padding-bottom:20px;
}
#art08 .content{
background:url(../images/voiceback.png);
background-size:100%;
color:#000;
font-size:12px;
}
#art08 .vtit{
width:100%;
height:30px;
background:#fff;
border-radius:5px;
}
#art08 .vtit > p{
display:inline;
height:30px;
}
#art08 .vtit>p:before{
content:url(../images/voiceicon.png);
}
#art08 .vtit p span{
font-size:11px;
vertical-align:10px;
line-height:1.0em;
padding-left:5px;
font-weight:bold;
}
#art08 .vtit > span:nth-child(2){
height:30px;
line-height:30px;
display:inline-block;
background:#579ECD;
padding:0 5px;
border-radius:5px;
float:right;
font-size:10px;
color:#fff;
}
#art08  p.lead{
padding:15px 0 15px 30px;
color:#000;
line-height:1.5em;
font-size:10px;
}
#art08 article img:last-child{
width:70%;
padding-left:15%;
padding-bottom:20px;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	width: 100%;	/*ヘッダーブロックの幅*/
	clear: both;
	text-align: center;
	background:#036EB8;
	margin-top:10px;
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
}


/*PAGE TOP設定
/*-----------------------------------------------------------*/
/* ▼ ページトップへ戻るボタン ▼ */
/*-----------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;             /* ボタン表示位置（下の余白） */
    right: 30px;              /* ボタン表示位置（右の余白） */
    z-index:999;
}
.pagetop a {
    display: block;
    width: 50px;
    height: 50px;
    background-color: rgba(100,255,255,0.6);    /* 背景色 */
    border-radius: 50px 50px 0 0;
    text-align: center;
    color: #fff;               /* 文字色 */
    font-size: 24px;
    text-decoration: none;
    line-height: 50px;
}
.pagetop a:link {
    color: #fff;               /* 文字色 */
}
.pagetop a:hover {
	background-color: rgba(100,255,255,1);    /* 背景色 */
    color: #fff;               /* 文字色 */

}
 
/* ▲ ページトップへ戻るボタン ▲ */
/*パンクズリスト*/
.bd{
	font-size:0.8em;
	padding:0;
	margin:0;
}
.bd a{
	text-decoration:none;
}
/*イメージイラストステージ*/
.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
	overflow: hidden;
}
#stage {
	top: 0px;
	left: 0px;
	/*z-index: 100;*/
}
#bg {
	background: #aedfe5 url(../images/bckimg01.png) 0 0 repeat-x;
}
#bg1 {
	background: #aedfe5 url(../images/bckimg01new.png) 0 0 repeat-x;
}

/***************************************************************/
/***************************************************************/
/*メディアクエリー*/
/***************************************************************/
@media only screen and ( max-width: 640px ) /* 640 */
{
/*q*/
/*background*/
#openclose{
	background: #fff url(../images/bk.png)  left;
	background-size:100%;
	border:0;
	padding:0;
	margin:-10px 0;
}
/*navigation*/
	#menubar {
		border:0;
	}
	#menubar #nav{
		width:100%;
	}
	#menu1{
		display: none;
		width:100%;
		z-index:999;
	}
	#menu1 li{
		width: 100%;
		border:0;
		background: rgba(0,102,204,0.4);
		border-bottom: 1px solid #ddd;
		text-align:center;
		padding-top:7px;
				display: block;

	}
	#menu1 li a{
		color:#fff;
	}
	#menu1 li a:hover{
		color:#FCD275;
	}
	#toggle1{
		display: block;
		position: relative;
		width: 100%;
		background: rgba(0,102,204,0.4);
		z-index:999;
		border-bottom: 1px solid #ddd;
	}
	#toggle1 a{
		display: block;
		position: relative;
		padding: 12px 0 10px;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#toggle1:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle1 a:before, #toggle1 a:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 20px;
		height: 4px;
		background: rgba(0,102,204,0.4);
	}
	#toggle1 a:before{
		margin-top: -6px;
	}
	#toggle1 a:after{
		margin-top: 2px;
	}
	/*q*/
	/*article*/
	.a_block{
		width:100%;
		/*max-width:640px;*/
		/*float:none;*/
	}

}