/* CSS Document */
@charset "UFT-8";

/*======================================
 全ページ共通使用CSS

   基本セッティング（body、img、p 等）
   大囲み（wrapper）
   ヘッダ
   フォントサイズ設定（ヘッダ内）
   グローバルナビ
   グローバルナビ（693px以下）スライドナビ
   コンテンツ（2分割カラム、ページトップボタン、パン屑 等）
   フッタ（サイトマップ＆リンク＆アドレス）大囲み
   フッタ（サイトマップ）
   フッタ（ロゴ・リンク）
=======================================*/


/*======================================
　* 基本セッティング
=======================================*/

* { /* ユニバーサル（全要素） */
	color: #222;
}

body { /* ボディ */
	background: #000;
}

img { /* イメージ */
	max-width: 100%;
	height: auto;
	width: auto\9;
	_max-width: none; /* IE6（広がりすぎるため） */
}

p {
	line-height: 1.6;
}

a:link { /* リンク */
	color: #222;
	text-decoration: none;
}
a:visited {
	color: #222;
	text-decoration: none;
}
a:hover {
	color: #ff6666;
	text-decoration: underline;
}
a:active {
	color: #c33;
	text-decoration: underline;
}

.clearfix:after { /* モダンブラウザ */
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix { /* IE7、MacIE5 */
	display: inline-block;
}
/* IE6以下（MacIE では無視される） ¥*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/*======================================
　* 大囲み
=======================================*/

#wrapper { /* 大囲み */
	width: 100%;
	background: #fff;
	margin: 0 auto;
	position: relative;
}

/* PC（989px以下） */
@media screen and (max-width: 989px){
	#wrapper {
		width: 100%;
		margin: 0;
	}
}

/*======================================
　* ヘッダ
=======================================*/

#header { /* 大囲み */
	width: 100%;
	position: relative;
}

#header-inner2 { /* 内囲み */
	width: 1200px;
	background:url(../../images15/redrising.jpg) no-repeat right top;
	margin: 0 auto;
	padding:1.0em 0;
	overflow: hidden;
	*zoom: 1;
	position: relative;
	text-align:center;
}
/* （1201px以下） */
@media screen and (max-width: 1201px){
#header-inner2 { /* 内囲み */
	width: 100%;
}
}
/* （1201px以下） */
@media screen and (max-width: 989px){
#header-inner2 { /* 内囲み */
background:none;
}
}
#header-inner { /* 内囲み */
	width: 901px;
	margin: 0 auto;
	padding:1.0em 0;
	overflow: hidden;
	*zoom: 1;
	position: relative;
	text-align:center;
}

#header-inner ul { /* ナビリスト */
	float: right;
	margin-bottom: 30px;
}
#header-inner ul li {
	float: left;
}
#header-inner ul li a {
	display: block;
	_display: inline; /* IE6 */
	line-height: 1;
}

#logo { /* タイトルロゴ */
	clear: both;
}
#logo a {
	display: block;
	max-width: 358px;
}

/* PC（989px以下） */
@media screen and (max-width: 989px){
	#header-inner { /* 内囲み */
		width: 96%;
	}
}

/* PC（684px以下） */
@media screen and (max-width: 684px){
	#header-inner { /* 内囲み */
		margin-top: 1em;
	}
	#header-inner ul { /* ナビリスト */
		display: none;
	}
}

/* SP（639px以下） */
@media screen and (max-width: 639px){
	#header { /* 大囲み */
		padding-top: 1px;
	}
	#logo { /* タイトルロゴ */
		text-align: center;
		width: 98%;
		margin: auto;
	}
	#logo a {
		margin: 0 auto;
		display: inline;
		background: none;
		padding-left: 0;
		text-align: center;
	}
}

/*======================================
　* グローバルナビ
=======================================*/

#globalnavi { /* 大囲み */
	clear: both;
	width: 100%;
	background:#ed1c24;
}

#gnav-inner { /* 内囲み */
	width: 991px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
	font-size: 100%;
	background:#ed1c24;
}

#gnav-inner ul { /* ナビリスト（DW-cs4 でのデザインビューで必要） */
	white-space: nowrap;
}
#gnav-inner ul li {
	display: inline;
	float: left;
}
#gnav-inner ul li a {
	display: block;
	_display: inline; /* IE6 */
	width: auto;
}
#gnav-inner ul li a:link,
#gnav-inner ul li a:visited,
#gnav-inner ul li span {
	color: #fff;
	text-decoration: none;
}
#gnav-inner ul li a:hover,
#gnav-inner ul li a:active,
#gnav-inner ul li a.current {
	background:#ff6666;
	color: #fff;
	text-decoration: none;
}

#gnav-inner ul li a span,
#gnav-inner ul li a span span{ /* リスト内テキスト */
	display: none;
}
#gnav-inner ul.nav2,
#gnav-inner ul.nav3 { /* ナビ項目の下側 */
	display: none;
}
#globalnavi-btn { /* メインメニューボタン */
	display: none;
}
#gnav-inner ul li.g-display-off639{
	display:inline;
}
#gnav-inner ul li.g-display-on639{
	display:none;
}

/* PC（989px以下） */
@media screen and (max-width: 989px){
	#gnav-inner { /* 内囲み */
		width: 99%;
		font-size:80%;
	}
	#gnav-inner ul { /* ナビリスト（DW-cs4 でのデザインビューで必要） */
		white-space: normal;
	}
	#gnav-inner ul li a { /* リストリンク */
		width: 99%;
		padding: 14px 0;
		border-right: solid 1px #fff;
		text-align: center;
		white-space: nowrap;
		margin: 3px 0;
	}
	#gnav-inner ul li a:first-child { /* リストリンク（最初の項目） */
		border-left: solid 1px #fff;
	}
	#gnav-inner ul li a img { /* 画像ボタンは出さない */
		display: none;
	}
	#gnav-inner ul li a span { /* テキストを出す */
		display: inline;
		margin-right: 10px;
		margin-left: 10px;
	}
#gnav-inner ul li.g-display-off989{
	display:none;
}
}

/*======================================
　* グローバルナビ（693px以下）スライドナビ
=======================================*/

/* SP（693px以下） */
@media screen and (max-width: 693px){
	#globalnavi { /* 大囲み */
		position: absolute;
		width: 250px;
		top: 0;
		left: -251px;
	}
	#gnav-inner { /* 内囲み */
		width: 100%;
		margin-top: 0;
		font-size:108%;
	}
	#gnav-inner ul { /* ナビリスト */
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: #003 solid 8px;
	}
	#gnav-inner ul li { /* リスト項目 */
		float: none;
		width: 99%;
	}
	#gnav-inner ul li a { /* リストリンク */
		display: block;
		width: 100%;
		padding: 10px 20px 8px;
		font-size: 108%;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #003;
		background: url(../images/icon_arrow_01.gif) no-repeat right center;
		*zoom: 1;
		text-align: left;
		margin: 0;
	}
	#gnav-inner ul li a span { /* 左右マージンを無くす */
		margin: 0;
	}
	#gnav-inner ul.nav2,
	#gnav-inner ul.nav3 { /* ナビ項目の下側（隠しナビ）を出す */
		display: block;
	}
	#gnav-inner ul.nav2 li a:link,
	#gnav-inner ul.nav2 li a:visited,
	#gnav-inner ul.nav2 li span { /* 対象者別ナビ（通常、訪問済、スパン） */
		background: #eee;
		color: #222;
		text-decoration: none;
	}
	#gnav-inner ul.nav2 li a:hover,
	#gnav-inner ul.nav2 li a:active,
	#gnav-inner ul.nav2 li a.current { /* 対象者別ナビ（オンマウス、クリック、カレント） */
		background: #eee;
		color: #6a9aca;
		text-decoration: none;
	}
	#gnav-inner ul.nav3 li a:link,
	#gnav-inner ul.nav3 li a:visited,
	#gnav-inner ul.nav3 li span { /* アクセス他ナビ（通常、訪問済、スパン） */
	background:#ed1c24;
		color: #fff;
		text-decoration: none;
	}
	#gnav-inner ul.nav3 li a:hover,
	#gnav-inner ul.nav3 li a:active,
	#gnav-inner ul.nav3 li a.current { /* アクセス他ナビ（オンマウス、クリック、カレント） */
	background:#ff6666;
		color: #fff;
		text-decoration: none;
	}
	/* メニューボタンを出す */
	#globalnavi-btn { /* ボタン囲み */
		display: block;
		padding: 5px 0;
		background:#ed1c24;
		width: 100%;
	}
	#globalnavi-btn a { /* リンク */
		display: block;
		width: 4.4em;
		padding: 5px 0;
		margin: 0;
		margin-left: 1ex;
		line-height: 1;
		color: #fff;
		font-size: 93%;
		text-align: center;
		vertical-align: middle;
		border: #ccc solid 1px;
		-webkit-border-radius: 5px; /* 角丸 Safari,Chrome */
		-moz-border-radius: 5px; /* 角丸 Firefox */
		-o-border-radius: 5px; /* 角丸 Opera */
		-ms-border-radius: 5px; /* 角丸 IE9 */
		border-radius: 5px; /* 角丸 標準 */
	}
	#globalnavi-btn a:link,
	#globalnavi-btn a:visited { /* 通常、訪問済 */
		background:#ed1c24;
		text-decoration: none;
	}
	#globalnavi-btn a:hover,
	#globalnavi-btn a:active { /* オンマウス、クリック */
		background: #ff6666;
		text-decoration: none;
	}
#gnav-inner ul li.g-display-off639{
	display:none;
}
#gnav-inner ul li.g-display-on639{
	display:inline;
}
}

/*======================================
　* コンテンツ
=======================================*/

#contents { /* 大囲み */
	width: 990px;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden;
	*zoom: 1;
	position: relative;
}

#main-column { /* メインカラム */
	float:left;
	width: 990px;
	padding-bottom: 20px;
	overflow: hidden;
	*zoom: 1;
}

#column2-r { /* 2カラム右 */
	float: right;
	width: 750px;
	margin-top: 15px;
	margin-bottom: 0;
	position: relative;
}

#column2-l { /* 2カラム左 */
	float: left;
	width: 220px;
	margin-top: 15px;
	margin-right: 20px;
	position: relative;
}

.top-btn { /* ページトップボタン */
	padding: 5px 0;
	text-align: right;
	font-size: 93%;
	margin: 15px 0;
}
.top-btn a:before {
	content: url(../../images15/arrow-top.png);
	line-height: 1;
	position: relative;
	top: 2px;
	margin-right: 2px;
}

/* PC（989px以下） */
@media screen and (max-width: 989px) {
	#contents { /* 大囲み */
		width: 100%;
	}
	#main-column { /* メインカラム */
		float: none;
		width: 95%;
		margin-left: 3%;
		margin-right: 3%;
		padding-bottom: 0;
	}
	#column2-r { /* 2カラム右 */
		width: 70%;
	}
	#column2-l { /* 2カラム左 */
		width: 28%;
		margin: 0;
		margin-top: 15px;
	}
	.top-btn { /* ページトップボタン */
		width: 98%;
	}
}

/* タブレット（639px以下）
------------------------------------------------------------ */
@media screen and (max-width: 639px) {
	#column2-r { /* 2カラム右 */
		clear: both;
		width: 100%;
	}
	#column2-l { /* 2カラム左 */
		clear: both;
		width: 100%;
	}
}

/*======================================
　* フッタ（サイトマップ＆リンク＆アドレス）
=======================================*/

#footer { /* 大囲み */
	width: 100%;
	font-size: 93%;
	margin: 0 auto;
	padding:5px 0;
	color:#ffffff;
	background: #666666 url(../../images15/footer-bg.gif);
	border-top:10px #ed1c24 solid;
}
#footer p {
	width: 100%;
	margin:0 auto 5px;
	text-align:center;
	color:#ffffff;
}
#footer a {
	color:#ffffff;
}
#footer2{
	width:991px;
	margin:0 auto;
	padding:10px 0 20px;
	text-align:center;
	font-size: 93%;
}
#footer2 p {
	text-align:left;
	color:#ffffff;
}
#footer2 a {
	color:#ffffff;
}
.display-off639{
	color:#ffffff;
}
/* PC（989px以下） */
@media screen and (max-width: 989px) {
#footer{
	width:100%;
}
#footer p{
	width:97%;
}
#footer2{
	width:97%;
}
}
/* タブレット（639px以下）
------------------------------------------------------------ */
@media screen and (max-width: 639px) {
#footer{
	border:none;
	background:#000000;
	text-align:center;
}
#footer2{
	padding:0 0 5px;
}
#footer2 p{
	text-align:center;
}
.display-off639{
	display:none;
	color:#ffffff;
}
}

/*======================================
　* フッタ（サイトマップ）
=======================================*/

#sitemap { /* 内囲み（#footerの） */
	width: 990px;
	margin: 0 auto;
	padding: 12px 0 15px;
	font-size: 93%;
}

#sitemap .section { /* 分類 */
	width: 186px;
	float: left;
	margin-right: 15px;
	padding-left:45px;
	border-left: #fff solid 1px;
}

#sitemap .section h2 { /* 分類見出し */
	margin-top: 1em;
	margin-bottom: 1ex;
	color: #fff;
}
#sitemap .section h2 a:link,
#sitemap .section h2 a:visited,
#sitemap .section h2 a:hover { /* 分類見出し */
	color: #fff;
}

#sitemap .section ul { /* 分類リスト */
	line-height: 1.5;
}
#sitemap .section ul li a:link,
#sitemap .section ul li a:visited,
#sitemap .section ul li span {
	color: #fff;
	text-decoration: none;
	font-size: 93%;
}
#sitemap .section ul li a:hover,
#sitemap .section ul li a:active,
#sitemap .section ul li a.current {
	color: #fff;
	text-decoration: underline;
}

@media print{ /* プリントしない */
	#sitemap {
		display: none;
	}
}

/* PC（989px以下） */
@media screen and (max-width: 989px) {
	#sitemap { /* サイトマップ囲み */
		width: 96%;
		margin-left: 4%;
	}
}
/* PC（899px以下） */
@media screen and (max-width: 899px) {
	#sitemap { /* サイトマップ囲み */
		width: 90%;
		margin-left: 10%;
	}
}
/* SP（639px以下） */
@media screen and (max-width: 639px){
	#sitemap { /* サイトマップ囲み */
		display: none;
	}
}
#column2-r a{
	color:#3333ff;
}
/* 文字色白色 */
#main-column .white{
	color:#fff;
}
#column2-r .white{
	color:#fff;
}