@charset "utf-8";

/*=====================================================================================
	
	Document    : common.css
	Created on  : 2013/11/27
	Description : 共通css

	1-1. Header
	1-2. Nav
	1-3. Contents
	1-4. Footer
 
=====================================================================================*/

html,
body {
	min-width:1000px;
}

body {
	background:url(../image/bg-top-sub.png) no-repeat center top;
	background-color:#0f66ba;
}

.jsng {
	width:100%;
	padding:5px 0;
	background-color:#feef5e;
}

.wp {
	background:url(../image/bg-bottom.png) no-repeat center bottom;
	padding-bottom:60px;
}


/*---------------------------------------------------------------------------

   1-1. Header

---------------------------------------------------------------------------*/

header {
	width:100%;
	height:130px;
	background:url(../image/hd/bg.png) no-repeat center top;
	background-color:#004daa;
	color:#fff;
}

.hd {
	width:1000px;
	padding-top:30px;
	margin:0 auto;
	text-align:left;
}


/*-------------------------------------------------------
   タイトル
-------------------------------------------------------*/

header h1 {
	width:530px;
	float:left;
	font-weight:normal;
}

header h1 img {
	margin-top:14px;
}


/*-------------------------------------------------------
   問い合わせ・TEL
-------------------------------------------------------*/

header ul {
	list-style:none;
	width:460px;
	float:right;
	text-align:right;
}

.hd-tel {
	padding-top:5px;
}


/*---------------------------------------------------------------------------

   1-2. Nav

---------------------------------------------------------------------------*/

.glnav {
	width:100%;
	background:url(../image/nav/bg.png) repeat left top;
	border-bottom:2px solid #0083d4;
	z-index:99;
}

.glnav-fixed {
	position:fixed;
	top:0;
	left:0;
}

.glnav ul {
	width:1000px;
	margin:0 auto;
	list-style:none;
}

.ie6 .glnav ul {
	margin:0;
}

.glnav li {
	float:left;
	vertical-align:top;
	text-align:center;
}

.glnav li:hover {
	background-color:#fff;
}


/*---------------------------------------------------------------------------

   1-3. Contents

---------------------------------------------------------------------------*/

.ct {
	width:1000px;
	margin:0 auto;
	padding:30px 0 120px 0;
	text-align:left;
}


/*---------------------------------------------------------------------------

   1-3. Contents > side

---------------------------------------------------------------------------*/

.side {
	width:240px;
	float:left;
}

.snav {
	background:url(../image/side/snav-bg.png) no-repeat left top;
	background-color:#004191;
	padding:200px 10px 10px 10px;
	margin-bottom:20px;
}

.snav ul {
	list-style:none;
}

.snav li {
	border-bottom:1px solid #0f64b9;
	vertical-align:bottom;
	
}

.ie6 .snav li {
	height:1px;
}

.snav li:last-child {
	border-bottom:none;
}

.snav li a {
	padding:12px 35px 12px 12px;
	display:block;
	background:url(../image/lm-white-s10.png) no-repeat right center;
}

.snav li a:hover {
	background-color:#0f64b9;
}

.snav li a,
.snav li a:visited,
.snav li a:hover { text-decoration:none; }


/*-------------------------------------------------------
   バナー
-------------------------------------------------------*/

.side-bn {
	list-style:none;
}

.side-bn li {
	margin-bottom:20px;
	background-color:#fff;
}

.side-bn li:last-child {
	margin-bottom:0;
}


/*---------------------------------------------------------------------------

   1-3. Contents > main

---------------------------------------------------------------------------*/

.main {
	width:730px;
	float:right;
}


/*-------------------------------------------------------
   非表示設定中
-------------------------------------------------------*/

.hnone-box {
	border:2px solid #fff;
	background:url(../image/bg-blue-op70.png) repeat left top;
	text-align:center;
	padding:15px;
	margin-bottom:30px;
	color:#fff;
}

.ie6 .hnone-box {
	background-color:#004191;
}


/*-------------------------------------------------------
   ページ見出し
-------------------------------------------------------*/

.pmd {
	width:100%;
	height:115px;
	position:relative;
}

.pmd h2 {
	color:#fff;
	font-size:36px;
	padding-top:35px;
	text-shadow:0 0 10px #0390df;
}

.pmd .ani {
	position:absolute;
	right:0;
	top:-5px;
}


/*-------------------------------------------------------
   パンくず
-------------------------------------------------------*/

.pan {
	text-shadow:0 0 2px #0390df;
}

.pan a {
	background:url(../image/lm-pan.png) no-repeat right center;
	padding-right:17px;
	margin-right:10px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}


/*-------------------------------------------------------
   ページ戻り
-------------------------------------------------------*/

.pg-back a {
	background:url(../image/lm-back-blue.png) no-repeat left center;
	padding-left:23px;
}


/*-------------------------------------------------------
   ページ移動
-------------------------------------------------------*/

.pg-mv {
	list-style:none;
	text-align:center;
	width:100%;
}

.pg-mv li {
	margin:0 5px;
}

.pg-mv li.list-back {
	padding:0 15px;
	margin:0 10px;
	border-right:1px dotted #abc9e7;
	border-left:1px dotted #abc9e7;
}

.pg-mv li.back a {
	background:url(../image/lm-back-blue.png) no-repeat left center;
	padding-left:23px;
}

.pg-mv li.next a {
	background:url(../image/lm.png) no-repeat right center;
	padding-right:23px;
}


/*-------------------------------------------------------
   改ページ
-------------------------------------------------------*/

.kpage {
	list-style:none;
	text-align:center;
	padding-top:10px;
}

.kpage li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	text-align:center;
	margin:10px 5px 0 5px;
}

.kpage li a,
.kpage li a:visited,
.kpage li.now {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:5px 10px;
	line-height:1.4em;
	text-decoration:none;
	font-weight:normal;
	background-color:#fff;
}

.kpage li a:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

.kpage li.now {
	background-color:#004191 !important;
	color:#fff !important;
}



/*---------------------------------------------------------------------------

   1-4. Footer

---------------------------------------------------------------------------*/

footer {
	width:1000px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

.up {
	position:absolute;
	right:-28px;
	top:-70px;
}

.up:hover {
	background:url(../image/up-on.png) no-repeat center center;
}

footer h6 {
	margin-left:-26px;
	margin-bottom:-8px;
}

footer ul {
	list-style:none;
	margin-top:-20px;
	padding-bottom:20px;
	position:relative;
}

.ft-contact {
	padding-left:269px;
	position:relative;
}

.ft-tel {
	margin-left:-19px;
	margin-top:-15px;
}