@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-image:url("/img/back.gif");
	text-align: center;			/* IE5.5以前でcontainerを中央配置する為 */
	margin: 0 0 20px 0;			/* 上 右 下 左 のマージン */
	padding: 0;
	font-family: Verdana, Helvetica, 'MS Pゴシック', Osaka, sans-serif;
	}


#container {
	background-color: #fff;
	width: 740px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;		/* containerを中央配置する為 */
	margin-left: auto;		/* containerを中央配置する為 */
	text-align: left;		/* body の text-align:center を無効にする為 */
	padding: 0;
	border: 1px solid #999;			/* ★ */
	}

#header {
	margin: 0;
	padding: 0;
	background-color:#fff;
	background-image:url("/img/bg_head.jpg");
	background-repeat:no-repeat;
	}

#mainnavi {
	width: 220px;
	float: left;
	overflow: hidden;
	}

#main {
	width: 520px;
	float: right;
	overflow: hidden;
	}

#footer {
	clear: both;
	}


/* ▼ リンク設定 ▼ */

a:link		{
	color: #09f;
	text-decoration: none;
	}
a:visited	{
	color: #06c;
	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;
	}


/* ▼ ヘッダ ▼ */ 

#sitelogo {
	width: 350px;
	height: 30px;
	}

#sitedesc {
	width: 100%;
	
	}

#headnavi {
	margin: 5px 0px;
	padding: 0;
	clear: both;
	text-align: right;
	background-color:#999;
	}

#sitelogo h1 {
	margin: 0px 10px 0 10px;
	}

#sitedesc h2 {
	margin: 5px 5px 0 5px;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	}

#sitedesc a {
	color: #CCCCCC;
	text-decoration: none;
	}

#sitedesc p {
	margin: 5px 5px 0 5px;
	color: #CCCCCC;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	}

#headnavi ul {
	text-align: right;
	margin: 0;
	padding: 2px 0;
	line-height: 100%;
	list-style: none;
	margin-bottom: 0px;
	height: 20px;
	}

#headnavi li {
	font-size: 12px;
	padding: 0 1px 0 0;
	display: inline;
	}

#headnavi li a {
	color: #333;
	background-color:#ccc;
	padding: 4px 10px 6px 10px;
	margin: 0px;
	text-align: center;
	}


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

#catch{
	background-image:url("/img/top_main.jpg");
	background-repeat:no-repeat;
	margin-bottom: 10px;
	padding: 60px 15px 15px 15px;
	}

#catch p{
	color: #fff;
	font-size: 13px;
	line-height: 130%;
	}

#topmain {
	padding: 0 10px 0 0;
	background-color: #fff;
	color: #505050;
	font-size: 90%;
	}

#topmain h2 {
	color: #333;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	background-image:url("/img/title1.gif");
	background-repeat:no-repeat;
	margin: 0;
	padding: 10px 0 10px 20px;
	}

#topnews {
	width: 250px;
	float: left;
	overflow: hidden;
	margin: 0;	
	padding: 0 10px 10px 0;
	}

#topnews ul {
	margin: 0;	
	padding: 0 5px 0 5px;
	}
#topnews li {
	list-style: none;
	font-size: 11px;
	color: #777;
	padding: 4px 0 5px 0;
	border-bottom: 1px dotted #666;
	}
#topnews li a {
	font-size: 13px;
	color: #CC3333;
	text-decoration: underline;
	}
	
#topsub {
	width: 250px;
	float: right;
	overflow: hidden;
	padding: 0 10px 10px 0;
	}

#topsubcoment {
	background-color: #EAEAEA;
	text-align: left;	
	margin: 0;	
	padding: 5px;
	}

#topsubcoment  p{
	font-size: 13px;
	line-height: 120%;
	color: #333;
	margin: 0;	
	padding: 5px;
	}

#topsub ul {
	margin: 0;	
	padding: 0 3px 0 3px;
	}
#topsub li {
	list-style: none;
	font-size: 11px;
	color: #777;
	padding: 3px 3px 7px 3px;
	border-bottom: 1px solid #999;
	}
#topsub li a {
	font-size: 13px;
	font-weight: bold;
	color: #0066cc;
	text-decoration: underline;
	}
#contents {
	margin-right: 10px;
	}
#contents p {
	color: #444;
	font-size: 13px;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
	margin: 0 10px 10px 10px;
	}

#contents h2 {
	color: #333;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	background-image:url("/img/title1.gif");
	background-repeat:no-repeat;
	margin: 0;
	padding: 10px 0 10px 20px;
	}

#contents h3 {
	color: #cc0000;
	font-size: 14px;
	text-align: left;
	background-image:url("/img/title2.gif");
	background-repeat:no-repeat;
	margin: 10px 0 5px 10px;
	padding: 0px 0 10px 25px;
	}

#contents h3 a {
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}

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

#dirnavi strong {
	font-weight: normal;
	}

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

.red {
	color: #e00;
	}
.more a{
	color: #cc0000;
	text-align: right;
	}

.news{
	text-align: right;
	font-weight: bold;
	}

.newslist{
	font-size: 13px;
	}

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

#mainnavi ul {
	width: 200px;
	margin: 0 10px;
	padding: 0;
	list-style: none;
	}

#mainnavi li {
	margin: 1px 0 0 0;
	padding: 0;
	color: #ffffff;
	font-size: 12px;
	}
	
#mainnavi li.navisub {
	margin: 0;
	padding: 0;
	height: 24px;
	color: #ffffff;
	font-size: 12px;
	}

#mainnavi li a {
	padding: 3px 10px 5px 10px;
	margin: 0;
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/img/mainnavi_back_1.gif");
	}

#mainnavi li a:hover{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #ffffff;
	background-image: url("/img/mainnavi_back_1.gif");
	}

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

#mainnavi ul ul li {
 margin: 0;
 }

#mainnavi ul ul a {
 display: block;
 text-decoration: none;
 color: #333;
	background-image: url("/img/mainnavi_back_2.gif");
	padding: 5px 5px 5px 20px;
 margin: 0;
 }

#mainnavi ul ul a:hover {
 text-decoration: none;
 color: #333;
	background-image: url("/img/mainnavi_back_2o.gif");
	padding: 5px 5px 5px 20px;
 margin: 0;
 }

#mainnavi table {
	margin: 10px 10px;
	padding: 0;
	}

#mainnavi td.ma {
	background-color: #A82929;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 120%;
	}

#mainnavi table a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	}	

#mainnavi table a:hover {
	color: #fff;
	text-decoration: underline;
	}	

#mainnavi form {
	margin: 0;
	padding: 0;
	}	


/* ▼ フッタ ▼ */ 

#totop {
	text-align: right;
	margin: 10px 15px 5px 0;
	}

#footnavi ul {
	text-align: right;
	list-style: none;
	margin: 5px 0 10px 0;
	height: 20px;
	background-color:#999;
	}

#footnavi li {
	font-size: 12px;
	padding: 0 1px 0 0;
	display: inline;
	}

#footnavi li a {
	color: #333;
	background-color:#ccc;
	padding: 4px 10px 6px 10px;
	margin: 0px;
	text-align: center;
	}

#copyright {
	font-size: 12px;
	text-align: right;
	color: #666;
	margin-bottom: 20px;
	}

#copyright a {
	color: #666;
	}

#banner {
	margin: 5px;
	text-align: right;
	}

#banner img {
	margin: 0 2px;
	}