@charset "utf-8";

/*
___________________________________________________________________

	all-agnle Business Blog Package

	Version : 1.5
	Update  : 2005/05/01

	Copyright(C) 2004-2005 all-angle Inc. all rights reserved.
___________________________________________________________________ */


/* ▼ 全体のレイアウト設定 ▼ */

body { 
	background-color: #fff;
	background: url('/img/back_content.jpg') repeat-y;
	margin: 0;			/* 上 右 下 左 のマージン */
	padding: 0;
	}

#container {
	width: 765px;
	margin: 0;
	padding: 0;
	background:url('/img/back_menu03.gif') repeat-y left;	
	}

#header {
	margin: 0;
	padding: 0;
	background-color:#fff;
	}

#mainnavi {
	width: 180px;
	float: left;
	overflow: hidden;
	margin:0;
	}

#main {
	width: 560px;
	float: right;
	overflow: hidden;
	padding:0 5px;
	margin-left:10px;
	}

#footer {
	clear: both;
	}


/* ▼ リンク設定 ▼ */

a:link		{
	color: #006;
	text-decoration: none;
	}
a:visited	{
	color: #006;
	text-decoration: none;
	}
a:active	{
	color: #09f;
	text-decoration: none;
	}
a:hover		{
	color: #66f;
	text-decoration: underline;
	}


/* ▼ 全体共通設定 ▼ */

h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
	}

hr {
	display: none;
	}

img	{
	border: none;
	}

.clear {
	clear: both;
	}

/* ▼ ヘッダ ▼ */ 

#sitelogo {
	width: 765px;
	height: 165px;
	float: left;
	overflow: hidden;
	margin: 0;
	padding:0;
	}

#sitelogo h1 {
	margin: 0;
	padding:0;
	}


/* ▼ メインコンテンツ ▼ */ 

#topmain {
	color: #000;
	font-size: 12px;
	}

#topmain ul {
	margin:10px 20px;
	padding:0;
	float:left;
	list-style: none;
	}

#topmain li {
	color: #333;
	font-size: 12px;
	background: url('/img/link_arrow.gif') no-repeat left;
	padding: 0 0 3px 15px;
	}

#topmain a {	
	color: #006;
	text-decoration:underline;
	}
	
#topmain h2 {
	margin-bottom: 10px;
	padding: 6px 0 4px 12px;
	background-color: #fff;
	background: url('/img/back_h2.gif') no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	}

#topsub {
	color: #000;
	font-size: 12px;
	margin-top: 30px;
	}

h2.clear {
	margin-bottom: 10px;
	padding: 6px 0 4px 12px;
	background-color: #fff;
	background: url('/img/back_h2.gif') no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	}
	
#topsub a {	
	color: #006;
	text-decoration:underline;
	}

h2.topsub {
	margin: 10px 0;
	padding: 6px 0 4px 12px;
	background-color: #fff;
	background: url('/img/back_h2.gif') no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 14px;
	}

td.sideline {
	padding:5px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:13px;
	line-height: 150%;
	}

.toparrow {
	margin-right:5px;
	}
	
.topbtn {
	margin-right: 10px;
	}

.topsub01 {
	float:left;
	margin: 0 5px 10px 5px;
	}

.topsub02 {
	padding-left: 5px;
	}
	
#toptext {
	text-align:center;
	padding:20px;
	font-size:13px;
	line-height: 150%;
	}
	
#contents ul {
	margin:10px 30px;
	padding:0;
	list-style: none;
	}

#contents ul.map {
	margin:10px 30px 10px 80px;
	padding:0;
	list-style: none;
	}

#contents li {
	color: #333;
	font-size: 13px;
	background: url('/img/link_arrow.gif') no-repeat left;
	padding: 3px 0 3px 15px;
	}

#contents ul.collist {
	margin:10px 30px 10px 50px;
	padding:0;
	list-style: none;
	}

#contents ul.collist li {
	color: #333;
	font-size: 13px;
	background: url('/img/dot.gif') no-repeat left;
	padding: 3px 0 3px 15px;
	}

#contents li.qa {
	color: #333;
	font-size: 13px;
	background: url('/img/link_arrow.gif') no-repeat left;
	padding: 6px 0 6px 15px;
	}

#contents p {
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin: 0 20px 15px 10px;
	padding: 0 25px;
	}

#contents h2 {
	margin-bottom: 10px;
	padding: 6px 0 4px 12px;
	background-color: #fff;
	background: url('/img/back_h2.gif') no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 95%;
	}

#contents h3 {
	margin: 15px 25px 15px 0;
	padding: 6px 0 4px 12px;
	color: #a00;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	background-color:#eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
	}

#contents h4 {
	margin: 25px 30px 10px 25px;
	padding: 5px 10px;
	color: #666;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	background-color:#f9f9f9;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	}

#contents table {
	margin: 10px 25px 20px 35px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	}

#contents table.nob {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#contents th {
	background-color:#666;
	color: #fff;
	font-size:13px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}

#contbl th {
	background-color:#eee;
	color: #000;
	font-size:13px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	font-weight: normal;
	}

#contents td {
	font-size:13px;
	line-height: 150%;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	}

#contents table.nob td {
	padding-bottom: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

#contents table.rekka {
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	}

#contents table.rekka td {
	line-height: 150%;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

#contents dt {
	font-size:13px;
	}

#dirnavi {
	font-size: 85%;
	color: #999;
	}

#dirnavi strong {
	font-weight: normal;
	}

#dirnavi a {
	text-decoration: underline;
	color: #999;
	}

.red {
	color: #e00;
	}

.green {
	color: #060;
	}

.orange {
	color: #f70;
	}


/* ▼ メインナビゲーション ▼ */ 

#mainnavi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#mainnavi li {
	font-size: 12px;
	border-right: 1px solid #D4D5D8;
	margin: 0;
	}
	
#mainnavi li.title {
	display: block;
	margin: 0;
	color: #ffffff;
	font-size: 12px;
	background-image: url('/img/menu_back.gif');
	border: none;
	text-align:center;
	padding: 5px;
	font-weight: bold;
	}

#mainnavi a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #FFF;
	padding: 5px 5px 5px 10px;
	margin: 0;
	background-image:url('/img/back_menu02.gif');
	border-bottom:1px dashed #CCC;
	border-left: 3px solid #FFF;
	text-align:left;
	}

#mainnavi a.arrow {
	display: block;
	text-decoration: none;
	color: #000;
	background-image:url('/img/back_menu.gif');
	border-bottom:1px dashed #CCC;
	border-left: 3px solid #FFF;
	padding: 5px 5px 5px 10px;
	margin: 0;
	text-align:left;
	}

#mainnavi a.last {
	display: block;
	text-decoration: none;
	color: #000;
	background-image:url('/img/back_menu02.gif');
	border-bottom:1px solid #D4D5D8;
	border-left: 3px solid #FFF;
	padding: 5px 5px 5px 10px;
	margin: 0;
	text-align:left;
	}

#mainnavi a:hover {
	text-decoration: none;
	border-left: 3px solid #8AA0D0;
	}


/* ▼ フッタ ▼ */ 

#totop {
	text-align: right;
	margin: 10px 40px 5px 0;
	padding: 5px 0;
	}
#footnavi {
	background: url('/img/back_content.jpg') repeat-y;
	}
		
#footnavi ul {
	border-top:2px solid #006;
	text-align: left;
	margin: 10px 5px 0 0;
	padding:5px 5px 15px 15px;
	list-style-image: url('/img/link_arrow.gif');
	}

#footnavi li {
	color: #000;
	font-size: 11px;
	padding: 0 1em 0 2em;
	display: inline;
	background: url('/img/link_arrow.gif') no-repeat left;
	}

#footnavi ul a {
	color: #000;
	}

#copyright {
	font-size: 11px;
	text-align: right;
	color: #000;
	margin: 0 5px 0 0;
	padding:5px;
	border-top: 1px solid #000;
	background: url('/img/back_content.jpg') repeat-y;
	}

#copyright a {
	color: #000;
	}

#copyright img {
	padding:10px 5px;
	}