?@charset "Shift_JIS";

/* wrap
----------------------------------------------------------------------------- */
body {
	text-align: center;
}

div#wrapper {
	width: 770px;
	height: 575px;
/*	margin: 0 auto; */
	margin: 12px auto;
	text-align: left;
}

div#wrap_middle {
	width: 770px;
	height: 368px;
}

div#wrap_menubar{
	float:left;
	width: 140px;
	margin-left: 15px;
}

div#wrap_content{
	float:right;
	width: 585px;
	height: 340px;
}

div#footer{
	clear:both;
}

/* ���� design ��������������������������������������������������������������*/

/* General
----------------------------------------------------------------------------- */
body{
/*	font-family: verdana, arial, helvetica, Sans-Serif; */
/*	font-family: Osaka, �l�r �o�S�V�b�N, MS UI Gothic, arial, 'trebuchet ms', sans-serif; */
/*	font-family: 'MS P�S�V�b�N', 'MS UI Gothic', arial, 'trebuchet ms', sans-serif; */
	font-family: arial, helvetica, 'trebuchet ms', sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
}

img{
	border:none;
	vertical-align:middle;
}

#wrap_middle {
	background-image: url(img/180mt-bodyBgMid.gif);
	background-repeat: repeat-y;
}

/* ----- link ----- */
a:link {
	color: blue;
	text-decoration: none;
}

a:visited {
/*	color: #003366; */
	color: blue;
	text-decoration: none;
}

a:active {
	color: #999999;
	text-decoration: underline;
}

a:hover {
	color: #FF33CC;
	text-decoration: underline;
}

div.ie5 { text-align:center; }

span.noexists {
	color:inherit;
	background-color:#FFFACC;
}

.super_index {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

a.note_super {
	color:#DD3333;
	background-color:inherit;
	font-weight:bold;
	font-size:60%;
	vertical-align:super;
}

div.jumpmenu {
	font-size:60%;
	text-align:right;
}

em { font-style:italic; }

strong { font-weight:bold; }

.small { font-size:80%; }

/* Header
----------------------------------------------------------------------------- */
#header{
	height: 183px;
	width: 770px;
	text-align: left;
	background-image: url(img/180mt-black-headBg.png);
	background-repeat: no-repeat;
	font-family: verdana, arial, 'trebuchet ms', sans-serif;
	font-size: 32px;
	font-weight: bold;
	color: #FFFFFF;
}

#header a,
#header a:link,
#header a:visited,
#header a:active,
#header a:hover {
	font-family: verdana, arial, 'trebuchet ms', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#logo{
	padding: 50px 35px 0px 65px;
}

/* Content
----------------------------------------------------------------------------- */
#content {
	margin-right: 15px;
}

#content h1.title{
	margin:  0;
	padding: 0;
	background-image: none;
}

#content h1.title a{
	font-size:25px;
	color: #333333;
	text-decoration:none;
}

#content img{
	border: 3px inset grey; margin: 1em;
}

h1, h2 {
	font-size:16px;
	font-weight: bold;
	padding:4px 0px 4px 32px;
	color: #333333;
	background-image: url(img/180mt-black-title.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

h3 {
	font-size:14px;
	border-bottom:  3px solid #CCCCCC;
	border-top:     1px solid #CCCCCC;
	border-left:   10px solid #CCCCCC;
	border-right:   3px solid #CCCCCC;
	margin:0px 20px 0px 15px;
	padding:2px 0px 2px 10px;
}

h4 {
	font-size:13px;
	border-left:   8px solid #CCCCCC;
	margin:0px 20px 0px 15px;
	padding:1px 0px 1px 10px;
}

h5, h6 {
	padding-left:10px;
}

p{
	margin:5px 20px;
}

.style_table {
	padding:0px;
	border:0px;
	margin:0px 20px;
	text-align:left;
	color:inherit;
	background-color:#DDDDDD;
}

.style_th {
	padding:5px;
	margin:1px;
	text-align:center;
	color:inherit;
	background-color:#EEEEEE;
}

.style_td {
	padding:5px;
	margin:1px;
	color:inherit;
	background-color:#EEEEEE
}

thead td.style_td,
tfoot td.style_td {
	color:inherit;
	background-color:#D0D8E0;
}

thead th.style_th,
tfoot th.style_th {
	color:inherit;
	background-color:#E0E8F0;
}

pre{
	border-top:    1px solid #DDDDDD;
	border-right:  2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	border-left:   1px solid #DDDDDD;
	margin: 20px 20px;
	padding: 2px;
	word-wrap:break-word;
	width: 510px;
	height: 248px;
	overflow:auto;
}

blockquote {
	margin:5px 20px;
	padding:5px;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
}

ul {
	margin-top:5px;
	margin-bottom:5px;
}

ul.list1 { list-style-type:disc; }
ul.list2 { list-style-type:circle; }
ul.list3 { list-style-type:square; }
ol.list1 { list-style-type:decimal; }
ol.list2 { list-style-type:lower-roman; }
ol.list3 { list-style-type:lower-alpha; }

dt {
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

dd {
	margin: 5px 20px 5px 25px;
}

hr.full_hr {
	border-style:ridge;
	border-color:#999999;
	border-width:1px 0px;
}

hr.note_hr {
	width:92%;
	border-style:ridge;
	border-color:#999999;
	border-width:1px 0px;
}

/* MenuBar
----------------------------------------------------------------------------- */
div#menubar {
	margin:5px 15px 15px 0px; /* up, right, down, left */
	padding:0px;
	font-size: 12px;
	word-break:break-all;
	overflow:hidden;
}

div#menubar h2{
	padding:5px 0px 5px 12px;
	font-family: arial, 'trebuchet ms', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(img/180mt-black-SideBgTop.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div#menubar a:link {
	color: white;
	text-decoration: none;
}

div#menubar a:visited {
	color: white;
	text-decoration: none;
}

div#menubar a:active {
	text-decoration: underline;
}

div#menubar a:hover {
	color: gray;
	text-decoration: underline;
}

/* Footer
----------------------------------------------------------------------------- */
#footer{
	font-family: arial, 'trebuchet ms', sans-serif;
	font-size:11px;
	text-align:center;
	color: #666666;
	padding-bottom: 10px;
	background-image: url(img/180mt-bodyBgBtm.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
}
/* -------------------------------------------------------------------------- */