@charset "UTF-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	background:transport;
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1em;
}

header,hgroup,nav,article,
section,aside,figure,footer{
	display:block;
}

ol, ul{
	list-style: none;  
}

html{
    font:14px/1.3 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif;
}
.clear { clear:both; } 
 
.clearfix{zoom:1;}

.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

p#h_image img{
	width: 90%;
	}
	
p#h_image {
   max-width: 638px; /* 最大幅 */
   min-width: 240px; /* 最小幅 */
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body{
	background:#fff;
	width:100%;
	color:#999999;
}

/*	リンクタグ	*/

a,
a:hover{
	color:#363133;
	text-decoration:none;
}

/* カテゴリ部分
--------------------*/
#catebox{
	width:315px;
	margin:0 auto;
}

#catebox ul{
	background:#ddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px 0 0 10px;
	margin:15px 10px;
}

#catebox li{
	float:left;
	text-align:center;
	margin:0 10px 10px 0;
}

#catebox li img{
	border-radius: 8px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
}

#catebox a{
	text-decoration:none;
}

/* スワイプでスライドするメニュー */
.slide {
	width: 100%;
	overflow: hidden;
	background: #000;
	padding-bottom: 20px;
	}
	.flipsnap {
    		display: -webkit-box;
    		margin: 10px 0;
	}
	.item {
    		width: 100%;
	}
	.pointer {
   		text-align: center;
	}
	.pointer span {
    		display: inline-block;
    		width: 7px;
   		height: 7px;
    		border-radius: 5px;
    		border: 1px solid #666;
	}
	.pointer span.current {
    		background: #fc0;
	}
	
/* News部分
--------------------*/
#newswrapper{
	width:100%;

}

h2.topt{
	float:left;
	border-left:5px solid #ef748e;
	margin-bottom:3px;
	font-weight:bold;
	font-size:16px;
	color:#7e7e7e;
}

.ichi{
	float:right;
	margin-bottom:3px;
}

#newsbox{
	border:1px solid #000;
	border-radius:5px;
	width:100%;
	height:220px;
	background-color:#000;
}

.bx-prev{
	/*background:url(img/ar_l.gif) no-repeat;*/
	text-indent:-9999px;
	position:absolute;
	width:18px;
	height:27px;
	top:0;
	left:-18px;
}

.bx-next{
	/*background:url(img/ar_r.gif) no-repeat;*/
	text-indent:-9999px;
	position:absolute;
	width:18px;
	height:27px;
	top:0;
	right:-18px;
}

#slider{
	width:auto;
	margin:5px 0 0 3px;
}
/*------------------------------------------------------------
	ミリタリーキャリア
------------------------------------------------------------*/
.mc_img{
	width:100%;
}
table.mc{
	width:100%;
	margin-bottom:5px;
	color:#363947;
	border:1px solid #dcdcdc;
}
.mc tr{
	border:1px solid #dcdcdc;
}
.mc td{
	border:1px solid #dcdcdc;
}
td.price_list{
	font-size: 14px;
	color: #e51a89;
}
tr.mc01{
	background:#3c3c3c;
	padding:5px 0;
	text-align:center;
	font-weight:bold;
	border-bottom:none;
	font-size:11px;
}
td.le{
	text-align:center;
	width:20%;	
	padding:5px 0;
	border-bottom:1px solid #b4b4b5;
	border-left:1px dotted #666666;
}
td.ce{
	text-align:center;
	width:60%;
	padding:5px 0;
	border-bottom:1px solid #b4b4b5;
	border-left:1px dotted #666666;	
}
td.ri{
	text-align:center;
	width:20%;	
	padding:5px 0;
	border-bottom:1px solid #b4b4b5;
	border-left:1px dotted #666666;
}
.mc_01{
	background: -webkit-gradient(linear, left top, left bottom, from(#efbe47), to(#906b03));
	padding:5px 0;
	text-align:center;
	border-bottom:none;
}
.mc_02{
	background: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#434343));
	padding:5px 0;
	text-align:center;
	border-bottom:none;
}
.mc_03{
	background: -webkit-gradient(linear, left top, left bottom, from(#e58e3e), to(#8f4806));
	padding:5px 0;
	text-align:center;
	border-bottom:none;
}
.mc_04{
	background:#1180cf;
	padding:5px 0;
	text-align:center;
	border-bottom:none;
}
.mc_05{
	background:#028a4c;
	padding:5px 0;
	text-align:center;
	border-bottom:none;
}
.mc_06{
	background:#2c3a93;
	padding:5px 0;
	text-align:center;
	border-bottom:none;
}
/*------------------------------------------------------------
	スケジュール
------------------------------------------------------------*/
p.shedule_text{
	text-align:left;	
	padding:5px 0;
	color:#666666;
	font-size:16px;
	font-weight:bold;
}
/*------------------------------------------------------------
	コンタクトフォーム
------------------------------------------------------------*/
form{
	background: #eee;
	width:　100%;
	}

form div{
	padding: 10px 20px;
	}

.text, textarea, .dropdown{
	border:1px solid #777;
	padding: 5px;
	color: #999;
	background: #fff;
	border-radius: 5px;
	width:　100%;
	}

.submit{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #0a4bb1;
	border-radius: 5px;
	text-align:center;
	font-size:16px;
}



/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header{
	width:100%;
	overflow:hidden;}

h1	{
	background:#fff;
	color:#cccccc;
	font-weight:normal;
	background:url(../img/header_bg.gif) repeat-x;
	font-size:0.75em;
	display:block;
	line-height:22px;
	height:22px;
	overflow:hidden;
}

/*	タイトル	*/
hgroup h2{
	background:url(../img/header_bg.gif) repeat-x;
	ackground-image:-moz-linear-gradient(top, #434641, #292b27);
	background-image:-webkit-gradient(linear, center top, center bottom, from(#434641), to(#292b27));
	background-image:-o-linear-gradient(top, #434641, #292b27);
	background-image:linear-gradient(top, #434641, #292b27);
	width:100%;
	padding:3% 10px;
	border-bottom:solid 1px #11120F;
	color:#fff;
	text-shadow:1px 1px 1px #11120F;
}

/*---------------------
	ヘッダー画像
--------------------*/
p#h_image{
	padding:0;
	position:relative;
}

p#h_image img{
	width:99.9%;
	margin:auto;}

/*	ヘッダー画像内 文字	*/
p#h_image span{
	padding:0 20px;
	display:block;
	color:#f88;
	font-weight:bold;
	position:absolute;
	z-index:2;
	top:60%;
}

/*	ヘッダー画像下 文字	*/
header h2{
	padding:10px;
}

header p{
	padding:0 10px;
}



/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
article{
	width:100%;
	overflow:hidden;
}

/*---------------------
	コンテンツタイトル
--------------------*/
article .title h2{
	background-image: -moz-linear-gradient(top, #4f494a, #1c1c1c);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#4f494a), to(#1c1c1c));
	background-image: -o-linear-gradient(top, #4f494a, #1c1c1c);
	background-image: linear-gradient(top, #4f494a, #1c1c1c);


	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;


	padding:1% 10px;
	margin:3% 5px 0px;
	border:solid 1px #A6959C;
	border-top:solid 1px #ccc;
	color:#ccc;
}

/*---------------------
	コンテンツボディ
--------------------*/
article section{
	padding:4% 5px 4% 10px;
	margin-left:5px;
	margin-right:5px;
}

article section:nth-child(even){
	border:solid 1px;
	border-color:#000 #999 #aaa;
}

article section:nth-child(odd){

	border:solid 1px;
	border-color:#000 #999 #aaa;
}

article section a{
	padding-right:5%;
	display:block;
	overflow:hidden;
}


/*	コンテンツ画像　*/
article section a figure{
	width:35%;
	margin-right:10px;

	border:solid 1px #A6959C;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

	float:left;}

article section a figure img{
	width:100%;
}


/*	コンテンツ画像の説明文字　*/
article section a h2{
	width:60%;
	color:#A6959C;
	float:left;
}

article section a p{
	width:90%;
	float:right;
}

/*	トップに戻る　*/
ul.go_top{
	margin-top:5%;
	text-align:left;
	float:left;
	}

ul.go_top a{
	margin-right:5px;
	padding-right:15px;
	display:block;
	color:#A6959C;
}

/*	トップに戻る　*/
p.go_home{
	margin-top:5%;
	text-align:right;}

p.go_home a{
	margin-right:5px;
	padding-right:15px;
	display:block;
	color:#A6959C;
}

/*------------------------------------------------------------
	フォトギャラリー
------------------------------------------------------------*/
.box {
float: left;
padding: 3px 5px 5px 3px;
}
.box img{
width:85px;
height:85px;
}
.boxContainer {
overflow: hidden;
width: 100%;
}
/* clearfix */
.boxContainer:before,
.boxContainer:after {
content: "";
display: table;
}
.boxContainer:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
zoom: 1;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
.free_space{
	margin-top:5%;
	padding:3% 10px;
	border:dotted #E5CFD7;
	border-width:1px 0;
}

.free_space img{
	margin:auto;
	display:block;
	border:solid 1px #363133;
}

footer ul{
	padding:4% 0;
	overflow:hidden;
}

footer ul li{
	width:20%;
	margin:2% 2.5% 2% 2.5%;
	float:left;
}

footer ul li a{
	padding:1.4em 0;
	display:block;
	color:#005baa;
	border:solid 1px #AB9DA3;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-align:center;
	-moz-box-shadow:0px 0px 0px 1px #363133;
	-webkit-box-shadow:0px 0px 0px 1px #363133;
	box-shadow:0px 0px 0px 1px #363133;
	background-image: -moz-linear-gradient(top, #ffffff, #aeafaf);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#aeafaf));
	background-image: -o-linear-gradient(top, #ffffff, #aeafaf);
	background-image: linear-gradient(top, #ffffff, #aeafaf);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

address{
	padding:3% 0;
	border-top:dotted 1px #363133;
}

address p{
	font-size:0.714em;
	text-align:center;}


a.btn{
	width: 120px;
	text-align: center;
	display: block;
	padding: 8px 8px 8px 8px;
	margin: 8px 10px 8px 10px;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;  
	box-shadow: 1px 1px 2px #e7e7e7;  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), 		color-stop(0.01, #f1f1f1), 
		color-stop(0.5, #f1f1f1), 
		color-stop(0.99, #dfdfdf), 
		to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	float:left;
	}
	
.button{
	text-align:center;
	width:100%;
}

/* サムネイルつき矢印リスト２列 */
.list5 {
	margin: 10px;
	}
	.list5:after {
		content: "."; 
  	 	display: block;
		height: 0; 
 		clear: both; 
 		visibility: hidden;
	}
	.list5 ul{
		border-top: 1px solid #ccc;
	}
	.list5 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-top: none;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		height: 45px;
		margin: 0px;
	}
	.list5 ul li:nth-child(odd) {
		float: left;
		width: 50%;
	}
	.list5 ul li a{
		color: #666;
		display: block;
		height: 45px;
		margin: 0px;
		padding: 0 20px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}
	.list5 ul li a strong{
		color: #000;
		display: block;
		font-weight: bold;
		padding-top: 5px;
	}
	.list5 ul li img{
		float: left;
		height: 45px;
		width: 45px;
		margin-right: 10px;
	}
	
/* サムネイルつき矢印リスト */
.list3 ul{
	border-bottom: 1px solid #ccc;
	}
	
.list3 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-top: 1px solid #ccc;
		height: 70px;
		margin: 0px;
	}
	
.list3 ul li a{
		background: url(list_mark1.png) no-repeat 100% 50%;
		color: #666;
		display: block;
		height: 70px;
		margin: 0;
		padding: 0 20px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}
	
.list3 ul li img{
		float: left;
		height: 70px;
		width: 130px;
		margin-right: 10px;
	}
	
.list3 ul li a strong{
		color: #000;
		display: block;
		font-weight: bold;
		padding-top: 17px;
		width:auto;
	}
	/************************************
/* お問い合わせフォーム
************************************/


/* --- フォームエリア --- */
form.contact {
	width: 100%; /* フォームエリアの幅 */
	font-size: 90%;
}
/* --- フォームエリア内の段落 --- */
form.contact p {
line-height: 130%;
}
/* --- 段落内の「必須」画像 --- */
form.contact p.attention img {
vertical-align: middle;
}

/* --- 部品グループ --- */
form.contact div.fields {
margin-bottom: 20px; /* 部品グループの下マージン */
padding: 2px; /* 部品グループのパディング */
background-color: #f9f9f9; /* 部品グループの背景色 */
border: 1px #c0c0c0 solid; /* 部品グループの境界線 */
width: 100%;
}

/* --- テーブル --- */
form.contact table {
width: 100%; /* テーブルの幅 */
border: 1px solid; /* テーブルの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* テーブルの境界線色（上右下左） */
}
/* --- キャプション --- */
form.contact caption {
margin-bottom: 2px; /* キャプションの下マージン */
padding: 10px 8px; /* キャプションのパディング（上下、左右） */
background: #f9f9f9 url(caption_back1.gif) repeat-x; /* キャプションの背景 */
border: 1px solid; /* キャプションの境界線 */
border-color: #c0c0c0 #999999 #999999 #c0c0c0; /* キャプションの境界線色（上右下左） */
text-align: left;
color: #808080; /* キャプションの文字色 */
font-weight: bold;
width: 100%;
}
/* --- 見出しセル（th） --- */
form.contact th {
width: 100%; /* 見出しセルの幅 */
padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
form.contact td {
padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}
/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
color: #808080;
}
/* --- 必須項目セル --- */
form.contact td.required {
width: 26px; /* 必須項目セルの幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}
/* --- 任意項目セル --- */
form.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
width: 130px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
width: 30px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
width: 30px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 130px; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}
#remark {
width: 130px; /* フォーム部品の幅 */
height: 6em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
form.contact p.button {
margin: 0;
text-align: center;
}

iframe {
	margin-left: 10px;
	margin-top: 10px;
	}
/************************************
/* お問い合わせフォーム
************************************/

.button02 {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	background-color: #002a9d;
	color: #ffffff;	
	margin-top: 10px;
	}
.button02 a {
	color: #ffffff;
}
.button02::before,
.button02::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button02,
.button02::before,
.button02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button02:hover {
	background-color: #4051a1;
}