@charset "utf-8";

/* 全体のCSS */

html{
	background-color:#B3E5FC;
	background-image:url("../images/flag_checker.png");
	background-repeat:repeat-x;
	background-position:top;

}
body{
	line-height:1.5;
	letter-spacing:1px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
}

img{
	border:0;
}

a{
	color:#333;
	text-decoration:none;
}
a:hover{
	color:#C0C0C0;
}

h1,h2{
	font-weight:bold;
	margin:0;
	letter-spacing:2px;
}

h2+h3{
	margin-top:0px;
}

hr{
	border:solid 0.5px #999;
}


mark{
	background:#FF9;
}

/* レイアウトのCSS */
img{
	vertical-align:bottom;
}

#top{
	position:relative;
	width:760px;
	padding:0px;
	background-color:#fff;
	margin:auto;
	box-shadow:-8px 0px 20px -1px #999,8px 0px 20px -1px #999;
}

#top .img{
	position:absolute;
	bottom:50px;
	right:0px;
	z-index:1;
}

#header{
	position:relative;
	width:740px;
	padding-top:5px;
	margin:10px;
	margin-top:0px;
	overflow:hidden;
}

#add{
	float:right;
	margin:10px 15px 0px 0px;
	color:#999;
	font-size:0.7em;
	line-height:1.5;
	border-left:1px #999 solid;
	padding-left:5px;
}
#add p{
	margin:0px;
}


#gnavi{
	position:absolute;
	bottom:0;
	right:0;
}

#icatch{
	background:#999;
	width:760px;
	height:300px;
	clear:both;
/* #gnavi内で回り込みしているので解除が必要. */
}

#contents{
	width:760px;
	clear:both;
/* #menu内で回り込みしているので解除が必要. */
}

#main{
	position:relative;
	z-index:2;
	width:530px;
	float:left;
}

#sub{
	width:220px;
	float:right;
}


#footer{
	clear:both;
}


/* #header内のCSS設定 */
#header{
	overflow:hidden;
}

#header h1{
	margin:0;
	padding:10px;
	line-height:1.0;
	width:315px;
	float:left;
}

#header #gnavi{
float:right;
width:250px;	/* #headerの横幅を#header h1の横幅で引き、その値を超えないように完成例を確認しながら設定 */
}

#header #gnavi ul{
	list-style-type:none;
}


#header #gnavi li{
	margin-left:15px;
	float:left;
}

#header #gnavi li a{
	display:block;
	padding-left:15px;
	background-image:url(../images/bg_gnavi.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
}


/* #main内のCSS設定 */
#main h2{
	margin-bottom:0px;
	padding:30px 10px;
	font-size:1.5em;
	color:#39C;
	background-image:url(../images/bg_h2.jpg);
	background-position:100% 100%;
	background-repeat:repeat-x;
}


#main h3{
/*	margin-top:15px;*/
	margin-bottom:8px;
	padding:0 0 0 40px;
	line-height:2.0;
	color:#FFF;
	border:solid 1px #39C;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(../images/renchi.jpg);
	background-position:0 50%;
	background-repeat:no-repeat;
	clear:both;
}

#main p{
	margin:0 20px 10px 20px;
}

#main img{
	width:200px;
}
#main img.shaken{
	width:300px;
}

#main img.img_l{
	margin-right:15px;
	margin-bottom:10px;
	float:left;
}


#main img.img_r{
	margin-left:15px;
	margin-bottom:10px;
	float:right;
}

/* #sub内のCSS設定 */

#sub .section{
	margin-bottom:10px;
}

#sub h2{
	padding:2px 5px;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	background-color:#000;
}

#sub ul{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
}

#sub li{
	padding:5px 0;
	line-height:1.4;
	background-image:url(../images/bg_dotline.gif);
	background-position:0 100%;
	background-repeat:repeat-x;
}


#sub li a{
	display:block;
	padding-left:12px;
	background-image:url(../images/bg_list.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
}

/* リンク内のCSS設定 */

.link caption{
	font-weight:bold;
	color:#39C;
}

.link{
	margin-top:30px;
	position:relative;
	z-index:10;
}

.link td{
	border:none;
}

.link .m_link{
	width:200px;
	margin:auto;
	text-align:center;
}

.link .m_link caption{
	font-size:0.8em;
}

.link .m_link img{
	padding:10px;
}

/* #footer内のCSS設定 */
.copyright{
	font-size:0.85em;
	color:#fff;
	line-height:3.0;
	text-align:center;
	background-color:#39C;
}

/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 3px 5px; /* パディング（上下、左右） */
list-style-type: none; /* リストマーク非表示 */
font-size: 100%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 25px; /* 左パディング */
background: url(../images/topic-path-home.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(../images/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: #4682b4;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: #79a7cc;
}