﻿@charset "utf-8";
/*「TOC」===========================================

#1 共通基本スタイル
#2 ヘッダ・ロゴマーク
#3 ナビゲーション
#4 フッタ
#5 注釈　行頭そろえ

「TOC-END」=======================================*/

/* 共通基本スタイル---------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body {
	font-size: 75%;
	line-height: 1.5;
	color: #444444;
}

/* リンクの訪問済み、マウスオーバーの色設定-----------*/
a { text-decoration : none; }
a:link{ color: #003399;}
a:visited { color: #333333;}
a:hover { color: #CC0033;}
img {
	border: none;
}

/* 見出し項目の基本設定-------------------------------*/
/*h1要素は、ロゴマークやイメージ写真、画像文字などに使用*/

h2 {
  border-bottom: 1px solid #cccccc;
  font-size: 150%;
  font-weight: bold;
}
h3 {
  border-bottom: 1px solid #cccccc;
  font-size: 130%;
  font-weight: bold;
}

/*　記事本文、セクション設定-------------------------------*/
#topics .section {  margin: 16px 18px 35px;}
#article .section {  margin-bottom: 35px;} /*左右のマージンは設定済*/
#topics .section p{
	font-size:115%;
	margin-top:1em;
	margin-bottom:1em;
}
#article p{
	font-size:115%;
	margin-top:1em;
	margin-bottom:1em;
}

#article .tagBL {
	font-size:125%;
	padding: 3px 10px;
	background-color: #F3F3F3;
	border-left: 5px solid #465ABE;
	border-bottom: 1px solid #CCCCCC;
}
#article .tagRD {
	font-size:125%;
	padding: 3px 10px;
	background-color: #F3F3F3;
	border-left: 5px solid #BE465A;
	border-bottom: 1px solid #CCCCCC;
}
#article .tagGN {
	font-size:125%;
	padding: 3px 10px;
	background-color: #F3F3F3;
	border-left: 5px solid #5ABE46;
	border-bottom: 1px solid #CCCCCC;
}
#article .tagOR {
	font-size:125%;
	padding: 3px 10px;
	background-color: #F3F3F3;
	border-left: 5px solid #EE8844;
	border-bottom: 1px solid #CCCCCC;
}
#article .tagVL {
	font-size:125%;
	padding: 3px 10px;
	background-color: #F3F3F3;
	border-left: 5px solid #BE33BE;
	border-bottom: 1px solid #CCCCCC;
}


/* ヘッダ・ロゴマーク---------------------------------------*/
#header {
	background-color: #465ABE;	/*背景色*/
	padding-top: 100px;			/*ヘッダエリアの高さ*/
}
#header a:link{ color: #FFFFFF;}
#header a:visited { color: #AAAAAA;}
#header a:hover { color: #FFAA55;}

#logo {
	position: absolute;
	left: 12px;
	top: 8px;
}


/*  ナビゲーション----------------------------------*/
	/*リンクボタンの配置*/
	#globalNav {
	position: absolute;
	top: 67px;
	left: 0;
	height: 33px;
	width: 100%;
	background: #465ABE url(../images/common/global_nav_bg.gif) repeat-x;
	list-style-type: none;
	}
	#globalNav li {
	float: left;
	width: 100px;
	}
	#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 ;
	padding-top: 33px;
	background-image: url(../images/common/global_nav.png);
	}

	/*リンクボタンの動作*/
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -100px 0; }
	#nav03 a { background-position: -200px 0; }
	#nav04 a { background-position: -300px 0; }
	#nav05 a { background-position: -400px 0; }
	#nav06 a { background-position: -500px 0; }
	
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -66px; }
	#nav02 a.stay { background-position: -100px -66px; }
	#nav03 a.stay { background-position: -200px -66px; }
	#nav04 a.stay { background-position: -300px -66px; }
	#nav05 a.stay { background-position: -400px -66px; }
	#nav06 a.stay { background-position: -500px -66px; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -33px; }
	#nav02 a:hover { background-position: -100px -33px; }
	#nav03 a:hover { background-position: -200px -33px; }
	#nav04 a:hover { background-position: -300px -33px; }
	#nav05 a:hover { background-position: -400px -33px; }
	#nav06 a:hover { background-position: -500px -33px; }

/* フッタ　---------------------------------------------*/
	#footer {
	clear: both;			/*floatによる回り込みの解除*/
	padding: 10px 0;
	border-top: 3px solid #CCCCCC;
	text-align: center;
	color: #FFFFFF;
	background: #465ABE;	/*背景色*/
	}

/* 関連情報リンク・見出しマーク　-------------------------------------*/
.infoLink {
  background: transparent url(../images/common/arrow.gif) no-repeat scroll left center;
  padding-left: 14px;
}
.headLink {
  position: absolute;
  right: 50px; top: 50px;
  color: #FFFFFF;
  background: transparent url(../images/common/3dot.gif) no-repeat scroll left center;
  padding-left: 8px;
}
.upLink {
  background: transparent url(../images/common/up.gif) no-repeat scroll left center;
  padding-left: 18px;
}
.LV2 {
  width:160px;
  border-bottom: 1px solid #cccccc;
  background: transparent url(../images/common/LV2.gif) no-repeat scroll left center;
  padding-left: 24px;
}
.LV3 {
  background: transparent url(../images/common/LV3.gif) no-repeat scroll left center;
  padding-left: 20px;
}

/* 記事内の画像エリア設定　-------------------------------------*/
.imgFrame{
  padding: 20px 20px 30px;
}


/* 注釈　行頭そろえ　-------------------------------------*/
p.n1 {
     text-indent: -1em;
     padding-left: 1em;
}
p.n2 {
     text-indent: -2em;
     padding-left: 2em;
}

/* 記事内の挨拶文エリア設定　-------------------------------------*/
.aisatsu{
  padding: 20px 30px 30px;
}
