@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基本設定
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

* { padding: 0;	margin: 0;}
html {overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 1.0em;	font-weight: normal;}
table {	border-collapse: collapse;}
img { border: none; vertical-align: bottom;}
ol, ul, li { list-style-type: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#444;
-webkit-text-size-adjust: 100%;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	リンク用スタイル
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

a {
	color: #479FDF;
	text-decoration: none;
}

a:hover {
	color: #999;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	汎用
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 非表示 */
.hide { display: none; }

/* 文字装飾 */
.bold { font-weight: bold; }
.red { color: #c00; }
.blue { color: #014377; }
.white { color: #fff; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs15 { font-size: 15px; }
.fs18 { font-size: 18px; }
.tshadow { text-shadow: 1px 1px 1px #c8c2c6; }


/* 余白：下 */
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb50 { margin-bottom: 50px; }

/* 余白：上 */
.mt30 { margin-top: 30px; }


/* 余白：左右 */
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.ml20 { margin-left: 20px; }
.pt20 { padding-top: 20px; }


/* 文字位置 */
.center { text-align: center; }
.right { text-align: right; }

/* 回り込み */
.fl_right { float: right; }
.fl_left { float: left; }
.clear { clear: both; }

/*ボックスシャドウ*/
.dshadow {
	-webkit-box-shadow: 0 0 10px #ccc;	/* Safari・Chrome用 */
	-moz-box-shadow: 0 0 10px #ccc;		/* Firefox用 */
	box-shadow: 0 0 10px #ccc;			/* CSS3 */
}

/* 回り込みボックス囲み＋回り込み解除用 */
.float_box:after {
	content: " ";
	clear: both;
	width: 100%;
	height: 0;
	display: block;
	visibility: hidden;
}

/* シンプルリスト */
ul.ul_dflt {
	margin-left: 20px;
	list-style-type: circle;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	基礎レイアウト
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 全基礎：各背景用 */
.wrap {
	background:url(../images/base/bg_base.png) no-repeat top;
}

/* 本文エリア */
.MainBox {
	text-align: left;
	width: 1000px;
	margin:0 auto;
	overflow:hidden;
	padding-top:50px;
}

/* メニュー詳細ページ用 */
.menu_more {
	width: 670px;
	padding: 30px 0;
}




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ヘッダー
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#header {}
#headerInner { width:1000px; margin:0 auto;}

/* ロゴ＆ヘッダーTEL */
.logo { float:left;}
.contact { float:right; margin-top:30px;}
#MobileUI{ display: none;}

/* トップ画像 */
#TopImg {
	background: #fff;
	margin-bottom: 30px;
}





/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	本文エリア
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* 本文エリア：2カラム */
.col-left {float: left;}
.col-right {float: right;}

/* 本文エリア：2カラム：左右485px用 */
.w485 { width: 485px; }

/* 本文エリア：2カラム：サイドと本文用 */
.w200 { width: 200px; }
.w232 { width: 232px; }
.w738 { width: 738px; }

/* フッター用 */
.w220 { width: 220px; }
.w350 { width: 350px; }
.w390 { width: 390px; }


.w448 { width: 448px; }
.w232 { width: 232px; }



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ナビゲーション
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

#NaviBox {
	overflow:hidden;
	width:100%;
	background: #2464b7;
	background: -moz-linear-gradient(top,  #2464b7 0%, #005097 100%);
	background: -webkit-linear-gradient(top,  #2464b7 0%,#005097 100%);
	background: linear-gradient(to bottom,  #2464b7 0%,#005097 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2464b7', endColorstr='#005097',GradientType=0 );
}

#menu {
    width:1000px;
	margin:0 auto;    
    list-style-type: none;
}
#menu li {
    width:25%;
    float:left;
    padding:0;
    margin:0;
    text-align:center;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
#menu li a {
    position:relative;
    width:auto;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-shadow:0 -1px 0px #333,0 1px 0px #555;
    padding:15px 0;
    text-decoration:none;
    display:block;
 
    /*全体のグラデーション*/
 
    background: #2464b7;
	background: -moz-linear-gradient(top,  #2464b7 0%, #005097 100%);
	background: -webkit-linear-gradient(top,  #2464b7 0%,#005097 100%);
	background: linear-gradient(to bottom,  #2464b7 0%,#005097 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2464b7', endColorstr='#005097',GradientType=0 );
 
    border-left:1px solid #1f5260;/*仕切り線*/
 
    box-shadow: 1px 0px 0px rgba(225,225,225,0.4) inset,/*1pxのハイライト*/
                -1px 0px 0px rgba(225,225,225,0.2) inset,/*1pxのハイライト*/
                0px 1px 1px rgba(0,0,0,0.1) inset,
                0px -1px 1px rgba(0,0,0,0.3) inset,
                0px 1px 1px #666;
 
    -pie-background: linear-gradient(top, #6fa7bc 0%, #3b7b91 50%, #2f6474 50%, #2b606e 100%);/*PIE用*/
    behavior: url("/PIE.htc");
 
}

#menu li a:hover {
	background: #2464b7;
	background: -moz-linear-gradient(left,  #2464b7 0%, #005097 100%);
	background: -webkit-linear-gradient(left,  #2464b7 0%,#005097 100%);
	background: linear-gradient(to right,  #2464b7 0%,#005097 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2464b7', endColorstr='#005097',GradientType=1 );
}

#menu li.active a {
	background:#6aa3b8;
	background: -webkit-linear-gradient(top, #2c606f 1%, #6aa3b8 100%);
	background: -moz-linear-gradient(top, #2c606f 1%, #6aa3b8 100%);
	background: -o-linear-gradient(top, #2c606f 1%, #6aa3b8 100%);
	background: -ms-linear-gradient(top, #2c606f 1%, #6aa3b8 100%);
	background: linear-gradient(top, #2c606f 1%, #6aa3b8 100%);
					
	-pie-background: linear-gradient(top, #2c606f 0%, #6aa3b8 100%);
	behavior: url("http://liginc.co.jp/demo/2012/06/shi_ra/PIE.htc");

}


/* image-style
----------------------------------------------------------- */

img{max-width:100%;height:auto;}

img.border {
	border: 1px solid #ddd;
	padding: 4px;
	box-sizing:border-box;
}
img.frame {
	border: 5px solid #fff;
	box-shadow: 0px 1px 4px #999;
	-moz-box-shadow: 0px 1px 4px #999;
	-webkit-box-shadow: 0px 1px 4px #999;
}
img.aligncenter,img.center {
	display: block; 
	margin: auto;   
}
img.alignright {
	float: right;
	margin: 0 0 10px 15px;
	display: inline-block;
}
img.alignleft {
	float: left;
	margin: 0 15px 10px 0;
	display: inline-block;
}
div.alignright {
	float: right;
	margin: 0 0 25px 25px;
	display: inline-block;
}
div.alignleft {
	float: left;
	margin: 0 25px 25px 0;
	display: inline-block;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	フッター
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 

/* フッター背景 */
#bgFooter {
	padding: 35px 0 25px;
	background:#005097 url(../images/base/bg_footer.gif) repeat-x top;
}

#bgFooter p,
#bgFooter span {
	color: #fff;
}

#bgFooter a {
	color: #fff;
}

#bgFooter a:hover {
	color: #3cf;
}

/* フッターナビ */
.ul_footer_navi {
	border-top: dotted 1px #fff;
	list-style-type: none;
}

.ul_footer_navi li {
	border-bottom: dotted 1px #fff;
}

.ul_footer_navi li a {
	padding: 5px 15px;
	display: block;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	レスポンシブ
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ 


/* ! ---------- レスポンシブ タブレット ---------- ---------- ---------- ---------- */

@media screen and (max-width:960px) {

#headerInner { width:100%; margin:0 auto; text-align:center;}

/* ロゴ＆ヘッダーTEL */
.logo { float:none;}
.contact { float:none; margin-top:0px; margin-bottom:10px;}

#menu { width:100%;}
#menu li { float:none; width:100%;}

.MainBox,
.col-left,
.col-right {
	width:100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 0 5px;
	box-sizing: border-box;

}
.fl_right,
.fl_left,
.col-left,
.col-right { float: none; }

img { max-width: 100%; height: auto;}
.ml20 {margin-left:0;}

#NaviBox {
	max-width: 100%;
	height: auto;
	margin-bottom:0px;
}

#NewsBox {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
#NewsBox iframe,
#NewsBox object,
#NewsBox embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}

/* end */