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

#container {
	width: 750px;
	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 #9D9998;
	background : url(img/bg_main.gif);
	}

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

#mainnavi {
	overflow: hidden;
	float: left;
	margin: 25px 0 25px 25px;
	_margin: 25px 0 25px 15px;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	}

#main {
	width: 490px;
	overflow: hidden;
	padding: 25px;
	background : url(img/bg_main.gif);
	float: right;
	}

#sitemain {
	width: 700px;
	overflow: hidden;
	padding: 25px;
	background : url(img/bg_main.gif);
	}

#footer {
	clear: both;
	border-top: 3px solid #417455;
	}


/* ▼ リンク設定 ▼ */

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: 196px;
	height: 64px;
	float: left;
	overflow: hidden;
	}

#sitedesc {
	width: 350px;
	float: left;
	overflow: hidden;
	}

#headnavi {
	text-align: right;
	}

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

#sitedesc h2 {
	text-align: left;
	font-size: 12px;
	padding: 15px 0 0 15px;
	}

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


#headnavi ul {
	list-style: none;
	margin: 0;
	padding: 45px 0 0 0;
	}

#headnavi li {
	font-size: 12px;
	padding: 0 1em;
	display: inline;
	border-left: 1px solid #C6C8CA;
	}

#headnavi li a {
	color: #000;
	}

#gnavi {
	clear:both;
	background : #ccad85 url(img/bg_gnavi.jpg) repeat-x center bottom;
	padding: 0;
	margin: 0;
	}
	
#gnavi ul {
	list-style:none;
	margin: 0;
	padding: 4px 0 6px 0;
	}
	
#gnavi li {
	display: inline;
	padding: 0 0 0 5px;
	margin: 0;
	}
	
#titleimg {
	margin: 0;
	padding: 0 0 21px 0;
	background : url(img/bg_gnavi_btm.jpg) repeat-x center bottom;
	}

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

#topmain {
	width: 490px;
	padding-right: 20px;
	float:left;
	color: #000;
	font-size: 12px;
	}
	
#topmain p {
	margin: 0 0 20px 0;
	}

#topmain img {
	float:left;
	padding-right: 5px;
	margin: 0 0 10px 0;
	}
	
#topnews {
	clear: both;
	padding: 5px 0 10px 0;
	}

#topnews img {
	margin-bottom: 10px;
	}

#topnews table {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#topnews a {
	color: #06f;
	text-decoration: underline; 
/*	color: #000;						2010-07-13	*/
/*	text-decoration: none; 	2010-07-13	*/
	}

/* ▼ セミナの案内 ▼ */
#topsub {
	margin-top:10px;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	float: right;
	}
	
#topsubbox {
	width: 180px;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 12px;
	background-color: #FFF;
	border: 1px solid #CCC;
	}
	

	
#topsub p {
	margin: 0 12px 0 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
	}

#topsub p.nomgn {
	margin: 0;
	padding: 5px 0;
	border: none;
	}
	
#topsub p.nodot {
	border: none;
	}
	
#topsub a {
	text-decoration:underline;
	color: #000;
	margin: 0;
	padding: 6px 0 5px 12px;
	background : url(img/bg_g_arrow.gif) no-repeat 0px 7px;
	}

/* ▼ 導入実績 ▼ */
#topintro {
	margin-top: 10px;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	float: right;
	}

#topintro p {
	margin: 0 12px 0 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
	}

#topintro p.nodot {
	border: none;
	}

#topintro h2 {
	color: #f60;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	border-left: 15px solid #01461A;
	padding: 0 0 0 7px;
	line-height: 1.2;
	}

#topintro a {
	text-decoration:underline;
	color: #000;
	margin: 0;
	}


/* ▼ 技術情報について ▼ */

#topsubbox2 {
	width: 180px;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 12px;
	background-color: #FFF;
	border: 1px solid #CCC;
	}	

#topintro2 {
	margin-top: 10px;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	float: right;
	}

#topintro2 p {
	margin: 0 12px 0 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
	}

#topintro2 p.nodot {
	border: none;
	}

#topintro2 h2 {
	color: #f3f;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	border-left: 15px solid #01461A;
	padding: 0 0 0 7px;
	line-height: 1.2;
	}

#topintro2 a {
	text-decoration:underline;
	color: #000;
	margin: 0;
	padding: 6px 0 5px 12px;
	background : url(img/bg_g_arrow.gif) no-repeat 0px 7px;
	}

/* ▼ インフォメーション ▼ */
#topinfo {
	margin: 0;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	float: right;
	}

#topinfo p {
	margin: 0 12px 0 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
	}

#topinfo p.nodot {
	border: none;
	}

#topinfo h1 {
	color: #f00;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	border-left: 15px solid #01461A;
	padding: 0 0 0 7px;
	line-height: 1.2;
	}

#topinfo a {
	text-decoration:underline;
	color: #000;
	margin: 0;
	padding: 6px 0 5px 12px;
	background : url(img/bg_g_arrow.gif) no-repeat 0px 7px;
	}

#infobox {
	margin: 5px;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	}
#infosubbox {
	width: 400px;
	padding: 0;
	margin: 0;
	color: #000;
	background-color: #FFF;
	border: 1px solid #CCC;
	}
#infosubbox2 {
	width: 375px;
	padding: 0;
	margin: 0;
	color: #000;
	background-color: #FFF;
	border: 1px solid #CCC;
	}



/* ▼ インフォメーション(期間限定） ▼ */
#topinfoperiod {
	margin: 0;
	padding: 0 5px 5px 0;
	background : url(img/shadow.gif) right bottom;
	float: right;
	}

#topinfoperiod p {
	margin: 0 12px 0 10px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCC;
	}

#topinfoperiod p.nodot {
	border: none;
	}

#topinfoperiod h1 {
	color: #ff6600;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	border-left: 15px solid #01461A;
	padding: 0 0 0 7px;
	line-height: 1.2;
	}

#topinfoperiod a {
	text-decoration:underline;
	color: #000000;
	margin: 0;
	padding: 6px 0 5px 12px;
	background : url(img/bg_g_arrow.gif) no-repeat 0px 7px;
	}

#topsubboxperiod {
	width: 180px;
	padding: 0px;
	margin: 0px;
	color: #000;
	font-size: 12px;
	background : #99ff99;
	border: 1px solid #99ff99;
	}
	

#contents p {
	color: #000;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

#contents h2 {
	color: #01461A;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	margin: 0 0 20px 0;
	border-left: 5px solid #01461A;
	padding: 0 0 0 7px;
	line-height: 1.2;
	}

#contents h2 span.subh2 {
	font-size: 10px;
	color: #B5B5B5;
	padding: 5px 0;
	font-weight: normal;
	}

#contents h3 {
	color: #484848;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 2px 5px;
	background : url(img/bg_h3.gif) no-repeat;
	}

#contents h3 span.inth3 {
	color: #01461A;
	padding: 0 5px;
	}

#contents table {
	font-size: 80%;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	}

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

#contents td {
	font-size: 12px;
	margin: 0;
	padding: 5px;
	vertical-align:top;
	}

#contents table.border td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	}

#contents table.border table td {
	border: none;
	}

#contents ul {
	list-style:square;
	margin: 10px 20px;
	padding: 0;
	font-size: 80%;
	}

#contents ol {
	list-style: decimal;
	margin: 10px 20px;
	padding: 0;
	font-size: 80%;
	}

#contents ol ol {
	list-style: lower-roman;
	margin: 5px 25px;
	padding: 0;
	font-size: 100%;
	}

#contents ol ol ol {
	list-style: lower-alpha;
	margin: 5px 25px;
	padding: 0;
	font-size: 100%;
	}

#contents li {
	margin: 0;
	padding: 0;
	}

#contents ul ul {
	list-style:circle;
	margin: 5px 25px;
	padding: 0;
	font-size: 100%;
	}

#contents a {
	text-decoration: underline;
	color: #06f;
	}

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

#dirnavi strong {
	font-weight: normal;
	}

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

.red {
	color: #e00;
	}

.org {
	color: #f80;
	}

.bold {
	font-weight: bold;
	}

.tright {
	float: right;
	}

.jisage {
	margin-left: 2em;
	}


/* ▼ 技術セミナー ▼ */ 

#seminarbox {
	position:relative;
	left:25pt;
	top:0pt;
	width: 400px;
	padding: 0;
	margin: 0;
	color: #0000ff;
	background-color: #ffffff;
	border: 1px solid #000000;
	}







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

#mainnavi ul {
	margin: 0;
	padding: 2px 0 0 2px;
	list-style: none;
	width: 176px;
	background-color: #FFF;
	border: 1px solid #CCC;
	}

#mainnavi li {
	margin: 0 0 1px 0;
	color: #000;
	font-size: 12px;
	}

#mainnavi a {
	display: block;
	text-decoration: none;
	color: #000;
	margin: 0 5px;
	padding: 5px 15px;
	background : url(img/bg_mainnavi.gif) no-repeat 0px 8px;
	border-bottom: 1px dotted #CCC;
	}
	
#mainnavi a.nod {
	border-bottom: none;
	}

#mainnavi a:hover {
	text-decoration: none;
	color: #E4991C;
	}

#mainnavi ul ul {
	margin: 0 0 0 10px;
	padding: 2px 0 0 2px;
	list-style: none;
	width: 150px;
	background-color: #FFF;
	border: none;
	}




/* ▼ フッタ ▼ */ 

#footnavi ul {
	float: left;
	text-align: left;
	list-style: none;
	margin: 5px 0 10px 0;
	padding: 0;
	}

#footnavi li {
	color: #333;
	font-size: 10px;
	padding: 0 1em;
	margin: 0;
	display: inline;
	border-right: 1px solid #CCC;
	}
	
#footnavi li.nob {
	border-right: none
	;}

#footnavi a {
	color: #666;
	}

#copyright {
	float:right;
	font-size: 10px;
	text-align: right;
	color: #333;
	margin: 5px 0 10px 0;
	}