@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin-left:auto;
	margin-right:auto;
	/*margin: 0;*/
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	
	background-image : url(../sozai_jpg/backbr.png);
	background-repeat:repeat-x;
	
	/*background: #F4F4F4 url(../images/body_bg.gif) left top repeat-x;*/
}
#hedder {
	clear: both;
	color: #FFFFFF;
	background:url(../sozai_jpg/bg_06.gif) ;
	
	
	height:105px;
}


a {
	color: #003399;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #0066CC;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	width: 750px;
	height:100%;
	background-color:#FFF;
	border-color:#F90
	
	/*background-image : url(../sozai_jpg/washi.png);*/
	
	}
	
	
	
/*プルダウンメニュー
----------------------------------------------------------*/
/* ナビゲーション */
#navi_continer {

width: 100%;
height:100px;
}

#navi {

top: 10px;
left: 10px;
width:100%;
}

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

#navi li {
color: #339900;
float: left;
width: 100px;
margin: 0;
}

#navi li a {
font-size: 14px;
color: #339900;
display: block;
width: 100%;
padding: 3px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
background-image :url(../sozai_jpg/b_bottun.gif);
border-left:#339900 3px solid;
}

#navi li a:hover {
color: #ff6600;
background-color: #3366cc;
border-left:#ff6600 3px solid;
}

/* サブメニュー */
#navi ul.sub {
background-image :url(../sozai_jpg/b_bottun.gif);
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #339900;
font-weight: bold;
background: none;
height:25px;
font-size: 14px;
font-weight: normal;
padding: 4px 0;
border-top:0px solid #000099;
}

#navi ul.sub li a:hover {

color: #ff6600;
font-weight: bold;
background-image :url(sozai_jpg/b_bottun.gif);
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:0px solid #000099;
}

#navi li.navi_menu_on{
border:0px solid #000099;
}


/* ロゴとナビゲーション
---------------------------------------------*/
#logo {
	position: absolute;
	left: 500px;
	top: 50px;
	color:#F00;
	font-size:36px;
	font-style:oblique;
}
#globalNav {
	list-style-type: none;
	margin-top: 0px;
	height:30px;
	
	
}
#globalNav li {
	display: inline;
}
#globalNav li a {
	color: #FFFFFF;
}

/* メインイメージと2段組
---------------------------------------------*/
#content {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	height:100%;
	/*background: #FFFFFF url(../images/content_bg.gif) left top repeat-y;*/
	padding-bottom: 30px;
	font-size:120%;
}
#design{
	float: left;
	width: 470px;
	background-color:#FFF;
}
#design2{
	float: left;
	width: 260px;
	background-color:#FFF;
	margin: 3px 10px 0 10px;
}
#design3{
	float: left;
	width: 350px;
	background-color:#FFF;
	margin: 3px 10px 0 10px;
}
#about {
	float: left;
	width: 499px;
	background-color:#FFF;
}
#newsRelease {
	float: left;
	width: 249px;
	padding-left: 1px;
	background-color:#FFF;
}
#footer {
	clear: both;
	color: #FFFFFF;
	background:url(../sozai_jpg/obj2_03.gif) ;
}
#wrapper #footer p {
	text-align: center;
}

/* 本文のレイアウト
---------------------------------------------*/
/* コンテンツの中の文字のマージンを設定-------------*/
#content .section{
	margin: 3px 10px 0 10px;
}
#design3 .list li{
	margin-bottom: 20px;
}
#design3 .list li{
	margin: 5px 10px 0 15px;
		padding-left: 15px;
		background: url(../sozai_jpg/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
}

#design .section{
	margin: 3px 10px 0 10px;
}	


#about h3, #newsRelease h3, #content h3 {
	color: #FFFFFF;
	background: url(../sozai_jpg/title_bbr.gif) left top repeat-x;
}
#about h4{
	border-bottom:3px solid #99cc33;
	border-left: 3px solid #99cc33
}
#about .section {
	margin: 16px 18px 0 18px;
	border-bottom: 1px solid #ccc;
	
}
#about .section p {
	margin: 10px 0;
}
#about .section .link {
	background: url(../sozai_jpg/arrow.gif) left center no-repeat;
	padding-left: 14px;
	font-size:130%;
}
#newsRelease .section {
	margin: 2px 5px 2px;
}
#newsRelease dl {
	margin: 16px 18px 0 18px;
}
#newsRelease dl dt {
	font-size: 100%;
	color: #666666;
	margin-top: 10px;
}
#newsRelease dd {
	font-size:110%;
}