@charset "utf-8";

/***************************************************

株式会社オープンテクノロジーズ
Open Technologies Corporation

***************************************************/

* {
margin:0;
padding:0;
line-height:1.5;
font-size:100%;
}

body,div,dl,dt,dd,ul,
ol,li,h1,h2,h3,h4,h5,h6,
table,td,th,pre,code,
form,fieldset,legend,input,textarea,
p,blockquote{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 { 
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
	line-height: 100%;
}

ul, ol, li  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	/*line-height: 100%;*/
}

dl, dt, dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

form, fieldset, input, textarea, select, option, label {
	margin: 0px;
	padding: 0px;
}

fieldset, a img {
	border: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

table, th, td, th {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

pre, address, blockquote, caption, cite, code {
	margin: 0px;
	padding: 0px;
}

pre, code {
	/*font-size: 11px;*/
	font-weight: normal;
	font-style: normal;
}

/******************************************
 Clearfix
******************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hide from MacIE \*/
	* html .clearfix { height: 1px; }
	.clearfix { display: block; }
/* End Hide from MacIE */


/******************************************
 Hidden
******************************************/
.txthidden{
	display: none;
}

/***************************************************
general
***************************************************/

body{
	margin: 0;
	padding:0;
	background:#ddf1e1;
	color:#454545;
	font-family: Arial, Helvetica, sans-serif;
}

a:link    {color:#003399;text-decoration:none;}
a:visited {color:#0077CC;text-decoration:none;}
a:hover,a:active,a:focus{color:#bf0a6b;text-decoration:underline;}


/***************************************************
Navigation
***************************************************/

/* トップ */
#index #logo{
	display:block;
	margin: 0;
	padding:10px 0 0 0;
	float:left;
}
#index #navi{
	margin: 0;
	padding:0;
	width:700px;
	height:108px;
	background:url("../im/index_navi_bg.gif");
}

#index #globalNavi{
	margin: 0;
	padding:0;
	width:600px;
	float:right;
}
#index #globalNavi ul{
	margin: 0;
	padding:0;
	/* for MacIE5.x \*//*/
	overflow: hidden;
	/* end */
	float:right;

}
#index #globalNavi li{
	float:left;
}
#index #globalNavi li a{
	display:inline-block;
	margin: 0;
	/* padding:1px 0 0 0; */
}

/* 第二階層以降 */
#rootDir #logo{
	display:block;
	margin: 0;
	padding:10px 0 0 0;
	float:left;
}
#rootDir #navi{
	margin: 0;
	padding:0;
	width:700px;
	height:81px;
	background:url("../im/root_navi_bg.gif") no-repeat;
}
#rootDir #globalNavi{
	margin: 0;
	padding:0;
	width:600px;
	height:81px;
	float:right;
}
#rootDir #globalNavi ul{
	margin: 0;
	padding:0;
	float:right;
	/* for MacIE5.x \*//*/
	overflow: hidden;
	/* end */
}
#rootDir #globalNavi li{
	float:left;
}
#rootDir #globalNavi li a{
	display:inline-block;
	margin: 0;
	padding:0;
}
#rootDir #subNavi ul{
	margin: 0;
	padding:8px;
	background:#bcdfc2;
}
#rootDir #subNavi li a{
	display:block;
	margin-bottom: 8px;
	padding:10px 10px 10px 28px;
	font-size:0.8em;
	color:#1a1a1a;
	background:url("../im/subnavi_bg.gif") left top no-repeat #fff;
	_height:1px;
}
#rootDir #subNavi li a:hover {
	color:#bf0a6b;
	background:url("../im/subnavi_bg_on.gif") left top no-repeat #fff;
}
#topicPath{
	margin: 8px 0 20px 000px;
	padding:0 0 6px 0;
	width:700px;
	font-size: 0.65em;
	font-weight: normal;
	background: url("../im/dot.gif") no-repeat bottom;
}

#wrapper{
	display:block;
	margin: 0 auto;
	padding:0;
	width:700px;
}
#header{
	margin: 0 0 8px 000px;
	padding:0;
	width:700px;
	clear:both;
}
#header #headerLogo{
	margin: 0;
	padding:0;
	float:left;
}
#header #language{
	margin: 30px 0 0 60px;
	padding:0;
	float:left;
}
#header #language ul{
	display:block;
	width:192px;
	margin: 0;
	padding:0;
}
#header #language li{
	display:block;
	float:left;
	margin-right:6px;
}
#header #search{
	width:158;
	margin: 19px 0 0 10px;
	padding:0;
	float:right;
}
input#googlesearch {
	padding:2px;
	width: 150px;
	height: 16px;
	float: left;
	text-indent: 2px;
	border:2px solid #a86090;
}
#googlesubmit{
	margin: 0;
	width: 40px;
	height: 24px;
	float: right;
	text-indent: -9999px;
	cursor: pointer;
	font-size: 0;
	background:url("../im/search.gif") no-repeat;
	border: 0;
}

/***************************************************
mainImg
***************************************************/

/* トップ */
#index #mainImg{
	display:block;
	margin: 0;
	padding:0;
	width:700px;
}

/* 第二階層以降 */
#rootDir #mainImg{
	display:block;
	margin: 0 0 0 000px;
	padding:0;
	clear:both;
}

/***************************************************
content
***************************************************/

#content{
	display:block;
	margin: 0 0 36px 000px;
	padding:0;
	width:700px;
}

/***************************************************
main
***************************************************/

#index #main{
	display:block;
	margin: 0 30px 0 0;
	padding:0;
	width:470px;
	float:left;

}
#index #main #news{
	display:block;
	margin: 0;
	padding:0;
}
#index #main #news div{
	display:block;
	margin: 0 0 8px 0;
	padding:0;
}
#index #main #news table{
	margin: 0;
	padding:0;
}
#index #main #news td{
	margin: 0;
	padding:0px 0px 8px 0px;
	font-size:0.8em;
	line-height: 140%;
	vertical-align:top;
	border:none;
}
#index #main #news .newsDate{
	white-space: nowrap;
	padding-right:12px;
}
#rootDir #main{
	display:block;
	margin: 0;
	padding:0;
	float:left;
}

#rootDir #main #news .newsDate{
	white-space: nowrap;
	padding-right:12px;
}
#rootDir .column{
	display:block;
	margin: 0;
	padding:0;
	width:470px;
}
#rootDir .columnNon{
	display:block;
	margin: 0;
	padding:0;
	width:100%;
}
#rootDir .columnFeature{
	display:block;
	margin: 0;
	padding:0;
	width:100%;
}
#rootDir .columnFeatureL{
	width:450px;
	float:left;
}
#rootDir .columnFeatureR{
	display:block;
	margin: 0 0 0 30px;
	padding:0;
	width:220px;
	float:right;
}
#rootDir .columnFeatureR div{
	display:block;
	margin-bottom:8px;
}
#rootDir #main h1{
	margin-bottom:21px;
	font-size:1.5em;
	color:#005e42;
	letter-spacing:0.1em;
}
#rootDir #main h2{
	margin-bottom: 8px;
	padding: 8px 8px 16px 12px;
	font-size:0.9em;
	font-weight:bold;
	line-height: 135%;
	color:#fff;
	letter-spacing:0.1em;
	border-top:1px solid #fff;
	background: url("../im/h2_bottomline.gif") #1b2d50 repeat-x left bottom;
}
#rootDir #main h3{
	margin: 0 0 12px 0;
	padding:8px 0 8px 15px;
	font-size:0.8em;
	font-weight:bold;
	line-height: 140%;
	color:#005e42;
	letter-spacing:0.15em;
	border-top:1px solid #E5FFF4;
	border-bottom:1px solid #E5FFF4;
	background: url("../im/h3_leftline.gif")  no-repeat left center;
}
#rootDir #main h4{
	margin: 0 0 6px 0;
	padding:0 0 10px 2px;
	font-size:0.8em;
	font-weight:bold;
	line-height: 140%;
	color:#005e42;
	letter-spacing:0.15em;
	background: url("../im/h4_bottomline.gif") repeat-x left bottom;
}
#rootDir #main h5{
	margin: 0 0 12px 0;
	padding:0 0 4px 2px;
	font-size:0.8em;
	font-weight:normal;
	line-height: 140%;
	color:#005e42;
	letter-spacing:0.15em;
	background: url("../im/dot.gif") repeat-x left bottom;
}


#rootDir #main p{
	font-size:0.8em;
	margin-bottom:21px;
	line-height:165%;
}
#rootDir #main ul{
	font-size:0.8em;
	line-height:1.3em;
	margin-bottom:24px;
}
#rootDir #main li{
	margin-bottom:4px;
}
#rootDir #main table ul{
	font-size:1.0em;
	margin:0;
}
#rootDir #main table li{
	margin-left:18px;
}
#rootDir #main dd{margin:0 0 6px 25px;}
#rootDir #main table{
	border-top:1px solid #67c4a9;
	width:100%;
}
#rootDir #main th{
	font-weight:bold;
	background:#d4ebd7;
	white-space: nowrap;
}
#rootDir #main th, td{
	margin: 0;
	padding:12px;
	font-size:0.8em;
	text-align:left;
	border-bottom:1px solid #67c4a9;
}
#rootDir #main tr, td{vertical-align:top;}

#rootDir #main #member{margin-bottom:26px;}
#rootDir #main #member .memberName     {font-size:1.5em; font-weight:bold;}
#rootDir #main #member .memberRuby     {font-size:0.7em;}
#rootDir #main #member .memberPosition {font-size:0.8em;}
#rootDir #main #member ul.memberGroup{
	display: block;
	list-style: none;
	margin: 0;
	padding:0;
	clear: both;
}
#rootDir #main #member ul.memberGroup li{
	margin: 2px 3px 0 0;
	padding:4px;
	list-style: none;
	font-size:0.8em;
	line-height: 130%;
	float:left;
	color:#fff;
	background: #d36a0d;
}

ul.memberList{
	display: block;
	list-style: none;
	margin: 0 0 0 12px;
	clear: both;
}
ul.memberList li{
	list-style: none;
	background: url("../im/linkmark.gif") no-repeat 0% 50%;
	margin: 1px;
	padding:3px 10px 3px 19px;
	line-height: 130%;
}

ul.multicolumnList {
	display: block;
	list-style: none;
	clear: both;
	margin-bottom: 10px;
}

ul.multicolumnList li{
	list-style: none;
	background: url(../im/listmark.gif) no-repeat 0 5%;
	float: left;
	width: 100px;
	margin: 0;
	line-height: 130%;
}

.listMarkDisc   li{list-style:disc; margin-left:17px;}
.listMarkNum    li{list-style:decimal; margin-left:17px;}
.listMarkSquare li{list-style:square; margin-left:17px;}

li.listMarkDisc   li{list-style:disc; margin-left:17px;}
li.listMarkNum    li{list-style:decimal; margin-left:17px;}
li.listMarkSquare li{list-style:square; margin-left:17px;}

ul.linkMark li{
	list-style: none;
	background: url(../im/linkmark.gif) no-repeat 0 0.25em;
	margin: 0;
	padding:0 0 0 18px;
}
a.linkMark{
	list-style: none;
	background: url(../im/linkmark.gif) no-repeat 0 50%;
	margin: 0;
	padding:0 0 0 18px;
}

#rootDir #main #comment{
	display:block;
	margin: 0 0 21px 0;
	padding:0;
}
#rootDir #main #comment p{
	margin: 0;
	padding:0;;
}
#rootDir #main #commentHeader{
	display:block;
	margin: 0;
	padding:34px 6px 8px 24px;
	background: url(../im/comment_header_bg.gif) #f1f9f3 no-repeat left top;
}
#rootDir #main #commentHeader span{
	font-size:0.85em;
	font-weight:bold;
}
#rootDir #main #commentContent{
	display:block;
	margin: 0;
	padding:0px 20px 34px 24px;
	background: url(../im/comment_bg.gif) #f1f9f3 no-repeat left bottom;
}
#rootDir #main #contactInfo ul{
	margin: 0;
	padding:0;
	clear:left;
}
#rootDir #main #contactInfo li{
	display:inline-block;
	margin: 0;
	padding:2px;
	float:left;
}

#rootDir #main #kakomi{
	display:block;
	margin: 0 0 21px 0;
	padding:0;
}
#rootDir #main #kakomi p{
	margin: 0;
	padding:0;
}
#rootDir #main #kakomiHeader{
	display:block;
	margin: 0;
	padding:20px 6px 8px 20px;
	background: url(../im/kakomi_header_bg.gif) #fff no-repeat left top;
}
#rootDir #main #kakomiHeader span{
	font-size:0.85em;
	font-weight:bold;
}
#rootDir #main #kakomiContent{
	display:block;
	margin: 0;
	padding:0px 20px 44px 20px;
	background: url(../im/kakomi_bg.gif) #fff no-repeat left bottom;
}

.tableBorder table{border:1px solid #67c4a9;}
.tableBorder th{border:1px solid #67c4a9;}
.tableBorder td{border:1px solid #67c4a9;}

.indent{margin-left:18px;}

.xsmall {font-size:0.6em;}
.small  {font-size:0.7em;}
.middle {font-size:0.8em;}
.large  {font-size:1.0em;}
.xlarge {font-size:1.2em;}

.left   {text-align:left;}
.center {text-align:center;}
.right  {text-align:right;}

.floatLeft  {float:left;}
.floatright {float:right;}



/***************************************************
side
***************************************************/

#index #side{
	margin: 0;
	padding:0;
	width:200px;
	float:left;
}

#side #information div{
	display:block;
	margin: 0 0 8px 0;
	padding:0;
}


#rootDir #side{
	margin: 0 30px 0 0;
	padding:0;
	width:200px;
	float:left;
}

/***************************************************
footer
***************************************************/
a#pagetop {
	position: absolute;
	top:0px;
}
#toPageTop{
	margin: 0 0 28px 000ph;
	padding:0;
	width:700px;
	clear:both;
	background: url("../im/dot.gif") no-repeat top;
}
#toPageTop p{
	display:inline-block;
	margin: 8px 0 0 0;
	padding:0 0 0 18px;
	font-size:0.8em;
	float:right;
	background: url("../im/pagetop_mark.gif") no-repeat left 3px;
}

/***************************************************
footer
***************************************************/

#footer{
	margin: 0 0 60px 000px;
	padding:0;
	width:700px;
	clear:both;
}
#footerNavi{
	margin: 0 0 36px 0;
	padding:12px 0 0 0;
	border-top:4px solid #008470;
}
#footerNavi ul{
	margin: 0;
	padding: 0;
	float:right;
	/* for MacIE5.x \*//*/
	overflow: hidden;
	/* end */
}
#footerNavi li{
	float:left;
	padding:0 0 0 17px;
	background-image:url(../im/footer_listmark.gif);
	background-repeat:no-repeat;
	background-position: left center;
	list-style:none;
}
#footerNavi li a{
	display:inline-block;
	font-size: 0.8em;
}
#footerNavi .fNavi		{margin:0 15px 0 0;}
#footerNavi .fNaviLast	{margin:0;}
#copyright{
	margin: 0;
	padding:0;
	text-align:right;
}
#copyright p{
	font-size: 0.7em;
}





/***************************************************
Site Map
***************************************************/
#siteMap{
	display:block;
	margin: 0;
	padding:0;
	background:#fff;
}
#siteMapContent{
	display:block;
	margin: 0;
	padding:0 35px;
	background:#fff;
}
#siteMap .category{
	display:block;
	margin: 24px 0;
	padding:0px 0 10px 0;
	font-size:1.1em;
	font-weight:bold;
	color:#1a1a1a;
	background:url("../im/sitemap_category.gif") repeat-x bottom;
}
#siteMap .level2{
	display:block;
	margin: 0;
	padding:0;
	background:#fff;
}
#siteMap .level2{
	display:block;
	margin: 0 0 0 210px;
	padding:0;
}
#siteMap .level2{}
#siteMap .level3{
	margin: 0 0 0 210px;
	padding:0;
	background:#fff;
}
#siteMap dt, dl, dd{
	margin: 0 0 4px 0 !important;
}
dl.linkMark dd{
	list-style: none;
	background: url(../im/linkmark.gif) no-repeat 0 0.25em;
	margin: 0;
	padding:0 0 0 18px;
}