/*========================================================
	Author and Copyright
		Author: Yuki Nakao
		Created: 2010/04/16
		Modified: 2011/04/26
==========================================================*/

@chartset "UTF-8";

/*--------------------------------
	全体制御
--------------------------------*/

body {
	font-family:Tahoma, Verdana, Arial;
	font-size:83%;
	color:#000000;
	direction:ltr;
}

div#container_main {
	margin: 80px 0 0 0;
	width: 800px;
	text-align: left;
}

div#footer {
	width: 800px;
	clear: both;
	text-align: left;
}

div#wrapper {
	width: 800px;
	margin: 0 auto;
	border: 1px solid #00058a;
}

div#container_wrapper {
	margin: -20px 0 0 80px;
}

div#ul{
	list-style-image:url("img/list.gif");
	padding-left: 20px;
	font-size: 105%;
	line-height:33px;
}

div#ul_history{
	list-style-image:url("img/list_orange.gif");
	padding-left: 10px;
	padding: 0px 100px 15px 20px;
	font-size: 100%;
	line-height:13px;
}

/*--------------------------------
	ナビゲーションバー
--------------------------------*/
div#main {
	position: fixed;
	_position: absolute;
	width: 800px;
	top: 0;
	background-color: white;
}

div#main h1 {
	text-align: left;
	height: 5px;
}

ul#navigation {
	margin: 0;
	padding: 0;
	width: 800px;
}

ul#navigation:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#navigation li {
	padding: 0;
	float: left;
	width: 160px;
	list-style-type: none;
	text-align: center;
}

ul#navigation ul li {
	clear: left;
}

ul#navigation li a {
	padding: 8px 0 12px 0;
	display: block;
	color: black;
	height: 24px;
	position: relative;
	background-image: url(img/button0.gif);
	background-repeat: no-repeat;
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

ul#navigation li a:hover {
	padding: 8px 0 12px 0;
	display: block;
	color: black;
	height: 24px;
	position: relative;
	background-image: url(img/button1.gif);
	background-repeat: no-repeat;
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

ul#navigation li ul a subcategory {
	padding: 8px 0 12px 0;
	display: block;
	color: white;
	height: 20px;
	position: relative;
	background-color: lavender;
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

ul#navigation li ul.sub li a {
	padding: 8px 0 12px 0;
	display: block;
	color: black;
	height: 20px;
	position: relative;
	background-image: url(img/button4.gif);
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

ul#navigation li ul.sub li a:hover {
	padding: 8px 0 12px 0;
	display: block;
	color: black;
	height: 20px;
	position: relative;
	background-image: url(img/button5.gif);
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

ul#navigation li ul.sub_ li a {
	padding: 8px 0 12px 0;
	display: block;
	color: black;
	height: 20px;
	position: relative;
	background-image: url(img/button2.gif);
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

ul#navigation li ul.sub_ li a:hover {
	padding: 8px 0 12px 0;
	display: block;
	color: black;
	height: 20px;
	position: relative;
	background-image: url(img/button3.gif);
	font-family: ＭＳ Ｐゴシック, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

ul#navigation ul {
	margin-left: -39px;
	display: none;
}

ul#navigation li:hover > ul {
	display: block;
	position: absolute
}

ul#navigation ul ul {
	margin-top: -40px;
	margin-left: 120px;
}

/*--------------------------------
	SECTION
--------------------------------*/
div.section {
	width: 700px;
	margin: 0.5em 0 5px 0;
}

/*--------------------------------
	VORERO
--------------------------------*/
div.vorero div.section h2 {
	margin: 0 0 0 10px;
	padding: 7px 8px 0 20px;
	width: 600px;
	height:25px;
	background-image: url(img/titleBar_vorero.gif);
	background-repeat: no-repeat;
	font-family: "Treduchet MS", sans-serif;
	font-weight: bold;
	font-size: 100%;
}

div.vorero div.section a {
	text-align: right;
}

div.vorero div.section p {
	width: 550px;
}

/*--------------------------------
	VOCLE
--------------------------------*/
div.vocle div.section h2 {
	margin: 0 0 0 10px;
	padding: 7px 8px 0 20px;
	width: 600px;
	height:25px;
	background-image: url(img/titleBar_vocle.gif);
	background-repeat: no-repeat;
	font-family: "Treduchet MS", sans-serif;
	font-weight: bold;
	font-size: 100%;
}

div.vocle div.section a {
	text-align: right;
}

div.vocle div.section div#nc_left {
	width: 350px;
	float: left;
}
div.vocle div.section div#nc_right {
	width: 300px;
	float: right;
}
div.vocle div.section div#nc_bottom {
	clear: both;
	width: 600px;
}
/*--------------------------------
	VOStalk
--------------------------------*/
div.vostalk div.section h2 {
	margin: 0 0 0 10px;
	padding: 7px 8px 0 20px;
	width: 600px;
	height:25px;
	background-image: url(img/titleBar_vostalk.gif);
	background-repeat: no-repeat;
	font-family: "Treduchet MS", sans-serif;
	font-weight: bold;
	font-size: 100%;
}

div.vostalk div.section a {
	text-align: right;
}

div.vostalk p {
	margin: 0 0 10px 10px;
	width: 600px;
}
div.vostalk div.section div#vostalk_left {
	width: 300px;
	float: left;
}
div.vostalk div.section div#vostalk_right {
	width: 300px;
	float: 	left;
}
div.vostalk div.section div#vostalk_bottom {
	clear: both;
	width: 600px;
}

div#table {
	width: 600px;
}

/*--------------------------------
	MMEV
--------------------------------*/
div.mmev div.section h2 {
	margin: 0 0 0 10px;
	padding: 7px 8px 0 20px;
	width: 600px;
	height:25px;
	background-image: url(img/titleBar_mmev.gif);
	background-repeat: no-repeat;
	font-family: "Treduchet MS", sans-serif;
	font-weight: bold;
	font-size: 100%;
}

div.mmev div.section a {
	text-align: right;
}

/*--------------------------------
	VORERO@m
--------------------------------*/
div.atom div.section h2 {
	margin: 0 0 0 10px;
	padding: 7px 8px 0 20px;
	width: 600px;
	height:25px;
	background-image: url(img/titleBar_atom.gif);
	background-repeat: no-repeat;
	font-family: "Treduchet MS", sans-serif;
	font-size: 100%;
}

div.atom div.section a {
	text-align: right;
}

div.section p {
	margin: 0.4em 4px 0 10px;
	background-color: white;
	line-height: 1.5;
	
}

div.section div.top {
	text-align: right;
	padding:0 20px 0 0;
}

/*--------------------------------
	FOOTER
--------------------------------*/
div#footer {
	padding: 1px 0 ;
	margin: 0;
	_margin-left: -55px;
}

div#footer ul#siteinfo {
	background-color: #0033cc;
	width: 760px;
	_width: 800px;
	_height: 15px;
	color: white;
	font-family: "Treduchet MS", sans-serif;
	font-weight: normal;
	font-size: 80%;
	text-transform: uppercase;
}

div#footer ul#siteinfo li {
	margin:	0 1.4em;
	display:	inline;
	/*--IE対策--*/
	_margin:	0 0 0 50px;
}

div#footer ul#siteinfo li a {
	color: white;
}

div#footer address {
	margin-left: 500px;
	display: inline;
}

/*--------------------------------
	HEADER
--------------------------------*/
div#header {
	width: 800px;
	height: 30px;
}

div#logo {
	margin: 5px 0 0 5px;
	width: 400px;
	float: left;
	text-align: left;
}

div#header ul {
	margin: 5px 10px 0 5px;
	width: 300px;
	float: right;
	text-align: right;
}

div#header ul#header_side li {
	margin: 0 10px 0 10px;
	display: inline;
	font-size: 70%;
}

div#header ul#header_side li a {
	padding-left: 15px;
	background: url(img/arrow_05.gif) no-repeat;
}

/*--------------------------------
	MAP
--------------------------------*/
div#map {
	margin:	20px 0 20px 10px;
	width:	750px;
	float:	left;
	/*--IE対策--*/
	_margin:	65px 0 10px 10px;
}

/*--------------------------------
	TEXT_CONTENTS
--------------------------------*/
div.text_contents {
	width: 600px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}

div.text_contents h1 {
	width: 100px;
	font-size: 100%;
	background-color: #ff9900;
}

div.text_contents div.top {
	text-align: right;
}

/*--------------------------------
	SITE MAP
--------------------------------*/
div#sitemap_left {
	width: 300px;
	float: left;
}

div#sitemap_left ul.sitemap li ul {
	background: url(img/arrow_05.gif) no-repeat;
	_background: ;
}

div#sitemap_right {
	width: 400px;
	float: right;
}

/*--------------------------------
	HISTORY
--------------------------------*/
div#history_img {
	margin: 10px 0 10px -25px;
	width: 700px;
}

/*--------------------------------
	CONTENTS
--------------------------------*/
div#title_img {
	widht:	700px;
	margin:	0 0 0 -30px;
}

div#container_wrapper h2 {
	margin:	10px 0 0 0;
	padding:	7px 8px 0 20px;
	width:	600px;
	height:	25px;
	background-image:	url(img/titleBar_vorero.gif);
	background-repeat:	no-repeat;
	font-family:	"Treduchet MS", sans-serif;
	font-size:	100%;
	clear:	both;
}

div#container_wrapper ul.contents {
	margin:	0 0 0 0;
	list-style:	none;
}

div#container_wrapper ul li {
	margin:	0 0 0 -20px ;
	list-style:	none;
	/*--IE対策--*/
	margin:	0 0 0 0 ;
}

.contents {
	margin:	0 0 0 20px;
	width:	500px;
	/*--IE対策--*/
	_width:	600px;
}

.contents p {
	margin:	0 0 0 25px;
	width:	500px;
}

.plusspeech_img {
	margin:	10px 0 0 135px;
}

.vconcier_img {
	margin:	10px 0 0 135px;
}

img#speechcontroller_topimg {
	margin:	0 0 0 30px;
}

img#speechcontroller_img1 {
	margin:	-190px 0 0 210px;
	position:	absolute;
	z-index:	-1;
	/*--IE対策--*/
	_margin:	-200px 0 0 210px;
}

img#speechcontroller_img2 {
	margin:	150px 0 0 20px;
	/*--IE対策--*/
	_margin:	140px 0 0 0;
}