@charset "utf-8";

/* ------------------------------------------

Style Name: style.css
Since:      2009-02-18
Modified:   2009-03-12
Version:    1.0
Auther:     Tetsuji Ohashi(Engine Inc.)

------------------------------------------*/

/* ------------------------------------------

browser style clear

------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	overflow-y: scroll;
}

ul,li,dl,dt,dd{
	list-style:none;
}
img{
	vertical-align: top;
}
a img{
	border: none;
}

body  { 
	text-align: center;
	font-family: "‚l‚r ƒSƒVƒbƒN",sans-serif;
	background-color: #3CB56A; 
	background-image: url(../images/web-bg.gif); 
	background-repeat: repeat-x 
}

hr  {
	height: 1px;
	border-style: dotted;
	border-width: 1px 0 0;
	border-color: black;
	margin: 5px 0
}
	
a:link    { color: blue }
a:visited    { color: blue }
a:hover  { color: #f60 }

.text-main      { color: #333; font-size: 9pt; line-height: 13pt }
.text-small      { color: #333; font-size: 8pt; line-height: 12pt }
.newstitle    { color: #663; font-size: 9pt; font-weight: bold; line-height: 13pt }
.copyright { color: gray; font-size: 7pt }

.con-newtitle    { color: #990000; font-size: 14pt; font-weight: bold;}
.text-con      { color: #333; font-size: 10pt; line-height: 14pt }
p.con-date    { text-align: left; color: #333; font-size: 9pt; line-height: 13pt }


/* ------------------------------------------

wireframe

------------------------------------------*/


div#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-image: url(../images/bg3.gif) 
}


/* header */

div#header2 {
	width: 900px;
}

/* header2 menue */


div#header2wrapper {
	float: left;
	width: 900px;
}


div#header2right {
	float: right;
	width: 610px;
}

div#header2left {
	background:#fff;
	float: right;
	width: 290px;
}




/* index main */


div#bwrapperCont {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
}


div#bmainCont {
	float: center;
	margin-left: 60px;
	margin-right: 0px;
	width: 780px;
}


div#bleftCont {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	width: 210px
}


div#brightCont {
	float: right;
	margin-left: 20px;
	margin-right: 0px;
	width: 550px
}



/* contents main */



div#wrapperContLef {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 276px;
}

div#ContLef {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	width: 210px;
}

div#ContLefBar {
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	width: 66px;
}


div#ContMain {
	float: left;
	margin-left: 20px;
	margin-right: 0px;
	width: 550px;
}





/* footer */


div#footer {
	clear: both;
	width: 820px;
	text-align: center;
	margin-left: 40px;
	background-color: #FFFFFF; 
}




/* ------------------------------------------

left menu

------------------------------------------*/

div#leftnews  ul { 
	margin: 0 0 0 30px;
	padding: 0
}

div#leftblog  ul { 
	margin: 0 0 0 30px;
	padding: 0
}

div#leftnews  ul li {
	color: #333;
	font-size: 11px;
	line-height: 18px;
	list-style-type: none;
	list-style-image: url(../images/list2.jpg);
	display: list-item
}

div#leftblog  ul li {
	color: #333;
	font-size: 11px;
	line-height: 18px;
	list-style-type: none;
	list-style-image: url(../images/list2.jpg);
	display: list-item
}

div#leftnoicon  ul li {
	color: #333;
	font-size: 11px;
	line-height: 18px;
	list-style-type: none;
	display: list-item
}






/* ------------------------------------------

universal navigation

------------------------------------------*/

div#nav ul {
	width: 912px;
}

div#nav ul li {
	float: left;
	height: 35px;
}

div#nav ul li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	overflow:hidden
}

li#nav_001,
li#nav_001 a {
	width: 296px;
}

li#nav_001 {
	background: url(../images/design02_04.jpg) no-repeat left top;
}

li#nav_001 a:hover {
	background: url(../images/design02_04.jpg) no-repeat left top;
}

li#nav_002,
li#nav_002 a {
	width: 112px;
}

li#nav_002 a {
	background: url(../images/design01_05.jpg) no-repeat left top;
}

li#nav_002 a:hover {
	background: url(../images/design01_05.jpg) no-repeat left -35px;
}

li#nav_003,
li#nav_003 a {
	width: 109px;
}

li#nav_003 a {
	background: url(../images/design01_06.jpg) no-repeat left top;
}

li#nav_003 a:hover {
	background: url(../images/design01_06.jpg) no-repeat left -35px;
}

li#nav_004,
li#nav_004 a {
	width: 110px;
}

li#nav_004 a {
	background: url(../images/design01_07.jpg) no-repeat left top;
}

li#nav_004 a:hover {
	background: url(../images/design01_07.jpg) no-repeat left -35px;
}

li#nav_005,
li#nav_005 a {
	width: 109px;
}

li#nav_005 a {
	background: url(../images/design01_08.jpg) no-repeat left top;
}

li#nav_005 a:hover {
	background: url(../images/design01_08.jpg) no-repeat left -35px;
}

li#nav_006,
li#nav_006 a {
	width: 110px;
}

li#nav_006 a {
	background: url(../images/design01_09.jpg) no-repeat left top;
}

li#nav_006 a:hover {
	background: url(../images/design01_09.jpg) no-repeat left -35px;
}

li#nav_007,
li#nav_007 a {
	width: 66px;
}

li#nav_007 {
	background: url(../images/design02_10.jpg) no-repeat left top;
}

li#nav_007 a:hover {
	background: url(../images/design02_10.jpg) no-repeat left top;
}



/* ------------------------------------------

universal navigation 2

------------------------------------------*/

div#nav1 ul {
	width: 290px;
}

div#nav1 ul li {
	float: left;
	height: 83px;
}

div#nav1 ul li a {
	display: block;
	height: 83px;
	text-indent: -9999px;
	overflow:hidden
}

li#nav1_001,
li#nav1_001 a {
	width: 290px;
}

li#nav1_001,
li#nav1_001 a {
	width: 290px;
}

li#nav1_001 a {
	background: url(../images/web-header_02.gif) no-repeat left top;
}

li#nav1_001 a:hover {
	background: url(../images/web-header_02.gif) no-repeat left -83px;
}






div#nav2 ul {
	width: 610px;
}

div#nav2 ul li {
	float: left;
	height: 35px;
}

div#nav2 ul li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	overflow:hidden
}

li#nav2_001,
li#nav2_001 a {
	width: 112px;
}

li#nav2_001,
li#nav2_001 a {
	width: 112px;
}

li#nav2_001 a {
	background: url(../images/web-header_04.gif) no-repeat left top;
}

li#nav2_001 a:hover {
	background: url(../images/web-header_04.gif) no-repeat left -35px;
}

li#nav2_002,
li#nav2_002 a {
	width: 109px;
}

li#nav2_002 a {
	background: url(../images/web-header_05.gif) no-repeat left top;
}

li#nav2_002 a:hover {
	background: url(../images/web-header_05.gif) no-repeat left -35px;
}

li#nav2_003,
li#nav2_003 a {
	width: 110px;
}

li#nav2_003 a {
	background: url(../images/web-header_06.gif) no-repeat left top;
}

li#nav2_003 a:hover {
	background: url(../images/web-header_06.gif) no-repeat left -35px;
}

li#nav2_004,
li#nav2_004 a {
	width: 109px;
}

li#nav2_004 a {
	background: url(../images/web-header_07.gif) no-repeat left top;
}

li#nav2_004 a:hover {
	background: url(../images/web-header_07.gif) no-repeat left -35px;
}

li#nav2_005,
li#nav2_005 a {
	width: 111px;
}

li#nav2_005 a {
	background: url(../images/web-header_08.gif) no-repeat left top;
}

li#nav2_005 a:hover {
	background: url(../images/web-header_08.gif) no-repeat left -35px;
}

li#nav2_006,
li#nav2_006 a {
	width: 59px;
}

li#nav2_006 {
	background: url(../images/web-header_09.gif) no-repeat left top;
}

li#nav2_006 a:hover {
	background: url(../images/web-header_09.gif) no-repeat left top;
}


/* ------------------------------------------

search

------------------------------------------*/

input.asuka, select {
width: 167px;
background-color: #EAFDEA;
}




/* ------------------------------------------

universal navigation 3

------------------------------------------*/

div#nav1 ul {
	width: 290px;
}

div#nav1 ul li {
	float: left;
	height: 83px;
}

div#nav1 ul li a {
	display: block;
	height: 83px;
	text-indent: -9999px;
	overflow:hidden
}

li#nav1_001,
li#nav1_001 a {
	width: 290px;
}

li#nav1_001,
li#nav1_001 a {
	width: 290px;
}

li#nav1_001 a {
	background: url(../images/web-header_02.gif) no-repeat left top;
}

li#nav1_001 a:hover {
	background: url(../images/web-header_02.gif) no-repeat left -83px;
}






div#nav3 ul {
	width: 610px;
}

div#nav3 ul li {
	float: left;
	height: 35px;
}

div#nav3 ul li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	overflow:hidden
}

li#nav3_001,
li#nav3_001 a {
	width: 92px;
}

li#nav3_001 a {
	background: url(../images/menu/menu_01.gif) no-repeat left top;
}

li#nav3_001 a:hover {
	background: url(../images/menu/menu_01.gif) no-repeat left -35px;
}

li#nav3_002,
li#nav3_002 a {
	width: 92px;
}

li#nav3_002 a {
	background: url(../images/menu/menu_02.gif) no-repeat left top;
}

li#nav3_002 a:hover {
	background: url(../images/menu/menu_02.gif) no-repeat left -35px;
}

li#nav3_003,
li#nav3_003 a {
	width: 91px;
}

li#nav3_003 a {
	background: url(../images/menu/menu_03.gif) no-repeat left top;
}

li#nav3_003 a:hover {
	background: url(../images/menu/menu_03.gif) no-repeat left -35px;
}

li#nav3_004,
li#nav3_004 a {
	width: 92px;
}

li#nav3_004 a {
	background: url(../images/menu/menu_04.gif) no-repeat left top;
}

li#nav3_004 a:hover {
	background: url(../images/menu/menu_04.gif) no-repeat left -35px;
}

li#nav3_005,
li#nav3_005 a {
	width: 92px;
}

li#nav3_005 a {
	background: url(../images/menu/menu_05.gif) no-repeat left top;
}

li#nav3_005 a:hover {
	background: url(../images/menu/menu_05.gif) no-repeat left -35px;
}


li#nav3_006,
li#nav3_006 a {
	width: 91px;
}

li#nav3_006 a {
	background: url(../images/menu/menu_06.gif) no-repeat left top;
}

li#nav3_006 a:hover {
	background: url(../images/menu/menu_06.gif) no-repeat left -35px;
}


li#nav3_007,
li#nav3_007 a {
	width: 60px;
}

li#nav3_007 {
	background: url(../images/menu/menu_07.jpg) no-repeat left top;
}

li#nav3_007 a:hover {
	background: url(../images/menu/menu_07.jpg) no-repeat left top;
}