@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
body { font-size: 75%; line-height: 1.5; color: #333333; background-color: #e5f3ff; text-align: center; }
img {
	border: none;
}

/* ロゴ
---------------------------------------------*/
#header { background-color: #e5f3ff; background-image: url(../images/top_gazou.jpg); background-repeat: no-repeat; width: 780px; height: 130px; margin-right: auto; margin-left: auto; }
#logo { width: 267px; padding-top: 106px; }

/* ナビゲーション
---------------------------------------------*/
#globalNav { background-image: url(../images/global_nav_bg2.jpg); background-position: left top; top: 0; width: 780px; overflow: auto !important; overflow /**/: hidden; float: left; }
#globalNav li { background-color: #9e9e9e; background-image: url(../images/global_nav_bg.jpg); float: left; width: 84px; border-right: 1px solid #c2c2c2; }
#globalNav li a { display: block; line-height: 2em; color: white; text-decoration: none; text-align: center; background: #e8e8e8 url(../images/global_nav_bg.jpg) repeat-x; border-right: 1px solid #ccc; }
#globalNav li a:hover { color: #000ac4; background-image: url(../images/global_nav_a_bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 -100px; border-right: 1px solid #c2c2c2; }

/* 幅可変の3段組レイアウト
---------------------------------------------*/
#contentWrapper { overflow: auto !important; overflow /**/: hidden; width: 780px; padding: 15px 0 25px; background: #ffffff url(../images/leftside_bg.gif) repeat-y left top; text-align: left; clear: both; margin-right: auto; margin-left: auto; }
#footer { background-image: url(../images/topfooter_gazou.gif); background-repeat: no-repeat; clear: both; padding: 10px 0; text-align: center; width: 780px; height: 80px; margin-right: auto; margin-left: auto; }

	/* ステップ1
	---------------------------------------------*/
	#content { width: 585px; float: left; }
	#advertisement { width: 168px; float: right; padding-right: 8px; }
	
	/* ステップ2
	---------------------------------------------*/
	#primary { background-color: transparent; float: right; width: 420px; }
	#secondary {
		float: left;
		width: 160px;
	}
	
	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0 0 0 15px;
	}
	#primary * * {
		margin: 0;
	}

/* 記事本文
---------------------------------------------*/
#primary h1 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}
#primary p {
	font-size: 115%;
	margin-top: 1em;
	margin-bottom: 1em;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
#primary .date {
	font-size: 100%;
	text-align: right;
	color: #666666;
}

	/* フッター
	---------------------------------------------*/
	#footer .aria1 { line-height: 16px; width: 350px; float: left; padding-left: 15px; }
	#footer .aria2 { line-height: 16px; width: 390px; float: right; padding-right: 10px; padding-left: 15px; }

	/* 共通
	---------------------------------------------*/
	#primary .list,#secondary .list {
		margin-bottom: 20px;
	}
	#primary .list li,#secondary .list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}
	#secondary .list_a li { margin: 5px 0 0 15px; padding-left: 15px; background: url(../images/arrow.gif) no-repeat left center; border-bottom: 1px solid #cccccc; }
	
	/* 見出し
	---------------------------------------------*/
	#primary .list h2 {
		padding: 3px 10px;
		background-color: #F3F3F3;
		border-left: 5px solid #2D78BF;
		border-bottom: 1px solid #CCCCCC;
	}
	#secondary .list h2 { padding: 3px 15px; color: #ffffff; background-color: #2d78bf; margin-left: 5px; }
	#secondary .list_a h2 { padding: 3px 15px; color: #ffffff; background-color: red; margin-left: 5px; }
	
/* サイドナビゲーション
---------------------------------------------*/

	/* 共通部分
	---------------------------------------------*/
	.module-header { font-size: 100%; font-weight: bold; padding-top: 35px; padding-left: 15px; }

	.module-header-right2 { font-size: 100%; font-weight: bold; padding-left: 15px; }
	.module-content {
		padding: 0 15px 20px;
		font-size: 100%;
	}
	.module-header-right { font-size: 100%; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
	.module-content-right { font-size: 100%; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; }

	/* 検索窓
	---------------------------------------------*/
	.module-search {
		background: url(../images/search_top.gif) left top no-repeat;
	}
	.module-search .module-content {
		background: url(../images/search__bottom.gif) left bottom no-repeat;
	}
	.module-search .module-content #search {
		width: 110px;
		border: 1px solid #E0E0E0;
		background: #EAEAEA;
	}
	
	/* カテゴリー／アーカイブリスト
	---------------------------------------------*/
	.module-categories,.module-archives {
		background: url(../images/list_top.gif) left top no-repeat;
	}
	.module-categories .module-content,
	.module-archives .module-content  {
		background: url(../images/search_bottom.gif) left bottom no-repeat;
	}

	.module-categories-right,.module-archives { background-color: transparent; background-image: url(../images/list_top_right.gif); background-repeat: no-repeat; background-position: right top; }
	.module-categories-right2,.module-archives { background-color: transparent; background-image: url(../images/list_top_right2.gif); background-repeat: no-repeat; background-position: right top; }
	.module-categories-right .module-content{ background-color: transparent; background-image: url(../images/search_bottom_right.gif); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 10px; }
	.module-categories-right2 .module-content{ background-color: transparent; background-image: url(../images/search_bottom_right.gif); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 10px; }

	.module-list {
		border-top: 1px solid #74ce70;
	}

	.module-list li {  }
	.module-list li a { display: block; color: #2600ff; background: #f9f9f9 url(../images/ya_ao.gif) no-repeat left center; text-decoration: none; margin-left: 5px; padding: 2px 0 2px 15px; }
	.module-list li a:hover { color: #f00; background: #ffffff url(../images/ya_ao.gif) no-repeat left center; margin-left: 5px; padding-top: 2px; padding-bottom: 2px; padding-left: 15px; }

	.module-list-right {  }
	.module-list-right li {  }
	.module-list-right li a { color: #2600ff; line-height: 14px; background: #f9f9f9 url(../images/ya_ao.gif) no-repeat left center; text-decoration: none; padding-top: 0; padding-left: 15px; display: block; }
	.module-list-right li a:hover { color: #f00; background: #ffffff url(../images/ya_ao.gif) no-repeat left center; padding-top: 0; padding-left: 15px; }

	
		
.f18  { font-size: 18px;  text-align: left; margin-bottom:5px; margin-top: 3px; 	line-height: 18px;}
.f16  { font-size: 16px;  text-align: left; margin-bottom:5px; margin-top: 3px; 	line-height: 18px;}
.f14  { font-size: 14px;  text-align: left; margin-bottom:5px; margin-top: 3px; 	line-height: 16px;}
.f12  { font-size: 95%; text-align: left; line-height: 20px; word-spacing: 8px; margin-top: 20px; }