@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body {
	font-size: 75%;
	line-height: 1.5;
	color: #333333;
	background-color: #FFFFFF;
        border-right:solid 1px #C0C0C0;
        border-left:solid 1px #C0C0C0;
	width: 1000px;
	margin: 0 auto;
}
img {
	border: none;
}
a { 
        text-decoration: none; 
}
a:hover { 
        color: #FF0000;
        text-decoration: underline
}

/* ロゴ
---------------------------------------------*/
#header {
	background-color: #FFFFFF;
	padding-top: 100px;
}
#logo {
	position: absolute;
	top: 10px;
	width: 1000px;
}
#head-navi {
	position: absolute;
	top: 5px;
	width: 1000px;
	text-align: right;
}

/* ナビゲーション
---------------------------------------------*/
#navigation {
	position: absolute;
	top: 70px;
	width: 1000px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	float: left;
	width: 121px;
        margin: 0;
	border: 1px solid #C0C0C0;

}
#navigation li a {
	display: block;
	width: 100%;
        padding: 1px 0;
	line-height: 2.3em;
        font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
        font-size: 120%;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #DFDFDF url(../images/nav_a_bg.gif) 0 -50px repeat-x;
}
#navigation li a:hover {
	color: #FFFFFF;
	background: #50B622 url(../images/nav_a_bg.gif) 0 -100px repeat-x;
}

/* サブメニュー
---------------------------------------------*/
#navigation ul ul {
	background: #FFFFFF ;
}
#navigation ul ul li {
	float: none;
}
#navigation ul ul li a {
	border-top: 1px solid #C0C0C0;
	background: none;
	font-size: 100%;
	font-weight: normal;
	padding: 2px 0;
}
#navigation ul ul li a:hover {
	color: #FFFFFF;
	background-image: none; 
	background-color: #FF8000 ;
}
#navigation ul li.parent ul {
	display: none;
}
#navigation ul li.parentOn ul {
	display: block;
}

/* 3段組レイアウト
---------------------------------------------*/
#contentWrapper {
	width: 1000px;
	padding: 20px 0;
	background: #FFFFFF ;
}
#footer {
	clear: both;
	padding: 10px 0;
	border-top: 1px solid #C0C0C0;
	text-align: center;
        background: #FFFFFF;
}

	/* ステップ1
	---------------------------------------------*/
	#content {
		float: left;
		width: 1000px;
		margin-right: -200px;
	}
	#advertisement {
		float: right;
		width: 200px;
		text-align: center;
	}
	
	/* ステップ2
	---------------------------------------------*/
	#primary {
		float: right;
		width: 1000px;
		margin-left: -200px;
	}
	#secondary {
		float: left;
		width: 200px;
	}
	
	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0 210px 0 220px;
	}
	#primary * * {
		margin: 0;
	}

/* 記事本文
---------------------------------------------*/
#primary h1 {
	font-size: 200%;
	font-weight: bolder;
	color: #2D78BF;
	border-bottom: 1px solid #C0C0C0;
}
#primary p {
	font-size: 115%;
	margin-top: 0.5em;
	margin-bottom: 0.7em;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
#primary .date {
	font-size: 100%;
	text-align: right;
	color: #666666;
}
#primary .arrow {
	font-size: 105%;
	text-align: right ;
	color: #0000ff;
	padding-right: 15px;
        background: url(../images/blue.gif) right center no-repeat;
}
#primary .link {
	font-size: 70%;
	text-align: right ;
	padding-right: 20px;
}
#primary h3 {
	font-size: 120%;
	font-weight: bold;
}
#primary h4 {
	font-size: 150%;
	font-weight: bold;
	margin-top: 0.5em;
}
#primary h5 {
	font-size: 150%;
	margin-top: 0.5em;
}
#primary h6 {
	font-size: 160%;
	font-weight: bold;
	color: #2D78BF;
	padding-left: 25px;	
	background: url(../images/orange.gif) left center no-repeat;
}

/* リスト
---------------------------------------------*/

	/* 共通
	---------------------------------------------*/
	#primary .list, #primary .list-tkk, #secondary .list {
		margin-bottom: 15px;
	}
	#primary .list li, #primary .list-tkk li, #secondary .list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/green.gif) left center no-repeat;
		border-bottom: 1px solid #C0C0C0;
	}

	/* 見出し
	---------------------------------------------*/
	#primary .list h2, #primary .list-tkk h2 {
                font-size: 120%;
		padding: 3px 20px;
		background-color: #E9E9E9;
		border-left: 5px solid #2D78BF;
		border-bottom: 1px solid #C0C0C0;
	}
	#secondary .list h2 {
		padding: 3px 20px;
		color: #FFFFFF;
		background-color: #2D78BF;
	}
	#secondary .list h2 A{
                font-size: 120%;
                text-decoration:none;
                color:#FFFFFF
        }


/* テーブル−１
---------------------------------------------*/
table.table-1{
        border-top: 1px solid #C0C0C0;
        border-left: 1px solid #C0C0C0;
        border-collapse:collapse;
        border-spacing: 0;
        background-color: #FFFFFF;
        empty-cells: show;
}
.table-1 th{
        border-right: 1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
        background-color: #DFDFDF;
        background-image: none;
        background-position: left top;
        padding: 1em 1em;
        text-align: center;
}
.table-1 td{
        border-right: 1px solid #C0C0C0;
        border-bottom: 1px solid #C0C0C0;
        padding: 1em 1em;
}

/* ポップアップ−１
---------------------------------------------*/
.popup img {
        display: block;
        top: -10000px;
        left: -10000px;
        position: absolute;
}

.popup a:hover {
        position: relative;
}

.popup a:hover img{
        top: 30px;
        left: 20px;
}

/* テキスト角丸−１
---------------------------------------------*/
#text-deco p.rcontent {
	margin-top: 0em;
	margin-bottom: 0em;
        padding: 0.3em;
        background: #8A8A8A;
        color: #FFFFFF;
        font-size: 100%;
}

#text-deco p.rcontent A{
        color: #FFFFFF;
        text-decoration:none;
}

#text-deco span.rtop,
#text-deco span.rbottom {
        display: block;

}

#text-deco span.rtop span,
#text-deco span.rbottom span {
        display:block;
        height: 1px;
        overflow: hidden;
        background: #8A8A8A;
}

#text-deco span.r1{
        margin: 0 5px;
}

#text-deco span.r2{
        margin: 0 4px;
}

#text-deco span.r3{
        margin: 0 3px;
}

#text-deco span.r4{
        margin: 0 2px;
}

#text-deco span.rtop span.r5, span.rbottom span.r5{
        margin: 0 1px;
        height: 2px;
}