body{
background-image:url(../img/head.png);
background-repeat:no-repeat;
background-color:#E3E3E3;
margin-top:0;
margin-left:0;
}

img{
border-style:none
}

address{
margin:1em 0.5em 1em 0.5em ;
padding:0.5em;
border-top:solid 2px #0084C8;
font-size:0.8em;
font-family:"Times New Roman", Times, serif;
}

h1{
color:white;
font-size:1.3em;
width:500px;
position:absolute;
top:0.5em;
left:240px;
margin:0;
padding:0;
}

h2{
color:#0084C8;
font-size:1.2em;
padding:0.5em 0.25em 0.25em 0.25em ;
margin:0.5em;
border-bottom:solid 1px #0084C8;
}

h3{
color:#0084C8;
font-size:1em;
text-decoration:underline;
margin:2em ;
padding:0 ;
}

h4{
color:#0084C8;
font-size:0.85em;
font-weight:bold;
margin:2.5em ;
padding:0 0.5em;
border-left:solid 7px #0084C8;
}

h5{
color:#0084C8;
font-size:0.8em;
font-weight:bold;
margin:1em 2.5em 1em 2.5em;
padding:0;
}

p{
font-size:0.8em;
color:#333333;
margin:1em 2.5em 1em 2.5em;
padding:0;
}

abbr{
padding:0.2em;
border-bottom:dashed 1px #0084C8;
}

table {
        margin:0.5em 2em;
        color: #333333;
		font-size:0.8em;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 0;
}


table.left {
        margin:0.5em 0.2em;
}

table.no-border{
		border:none;
}


th {
        padding: 0.1em 0.25em;
        border: 1px solid #CCCCCC;
        background-color:#0084C8;
		color:#FFFFFF;
		text-align:center;
}

td {
        padding: 0.1em 0.25em;
        border: 1px solid #CCCCCC;
        background-color:#FFFFFF;
		text-align:left;
}



caption{
margin:0.5em ;
text-align:left;
padding:0em;
color:#0084C8;
}

caption.left{
margin:0.2em;
}



strong{
color:#0084C8;
font-weight:bold;
}

text-center{
text-align:center;
}


ul{
margin:0.5em ;
padding:0 1.5em 0 4em;
font-size:0.8em;
color:#333333;
}

ol{
margin:0.5em ;
padding:0 1.5em 0 4em;
font-size:0.8em;
color:#333333;
}

.lower-alpha{
list-style:lower-alpha;
}

.list-none{
list-style:none;
}



dl{
margin:0.5em ;
padding:0 1.5em 0 4em;
font-size:0.8em;
color:#333333;
}

dt{
font-weight:bold;
margin:0.75em 0em 0.2em 0em;
}

dd{
margin:0.5em;
padding:0 0.5em;
}



/*　ヘッダー　*/

#header{
color:#CCCCCC;
font-size:0.8em;
position:absolute;
top:40px;
left:240px;
padding:0;
margin:0;
}

#logo{
padding:0;
margin:0.5em 0em;
}

h2.header{
background-color:transparent;
color:#CCCCCC;
font-size:1em;
position:absolute;
top:0.25em;
left:250px;
border-style:none;
margin:0;
padding:0;
}

/*　ヘッダー直下　*/

#under-header{
position:absolute;
top:90px;
left:40px;
padding:0;
margin:0;
}


/*　左サイドバー設定　*/


#menu{
	position:absolute;
	top:185px;
	width:200px;
	margin-left:0;
	padding-left:0.1em;
	left: 0;
}

li.navi a:link {
	color: #333333;
	text-decoration: none;
}

li.navi a:visited {
	text-decoration: none;
	color:#333333;
}

li.navi a:hover {
	text-decoration: none;
	color:#FFFFFF;
	background-color:#2E9EF1;
}

li.navi a:active {
	text-decoration: none;
	color:#FFFFFF;
	background-color:#2E9EF1;
}


li.index a:link{
         color:#EEEEEE;
         text-decoration: none;
}


li.index a:visited {
   	 color: #EEEEEE;
         text-decoration: none;
}

li.index a:hover {
 	 text-decoration: none;
	 color:#FFFFFF;
	 background-color:#2E9EF1;
}

li.index a:active {
	 text-decoration: none;
	 color:#FFFFFF;
	 background-color:#2E9EF1;
}


ul.navi{
list-style-type: none;
font-size:0.8em;
padding:0 0.5em 0 0.5em ;
margin:0;
}

li.navi{
border:solid 1px #CCCCCC;
background-color:#EEEEFF;
padding:0.2em 0.5em 0.2em 0.5em;
}

li.index{
border:solid 1px #CCCCCC;
background-color:#0084C8;
padding:0.2em;
color:#FFFFFF
}

/*　右サイドバー設定　*/

#menu-right{
position:absolute;
top:185px;
left:800px;
width:140px;
margin-left:0;
padding-left:0.1em;
}


/*　メインコンテンツ設定　*/

#main{
position:absolute;
top:185px;
left:200px;
width:598px;
border:solid 1px #CCCCCC;
border-top:solid 15px #0084C8;
border-bottom:solid 15px #0084C8;
background-color:#FFFFFF;
padding:0;
line-height:130%;
}

.breadcrumbs{
margin:0.25em 1em;
color:#999999;
}

.breadcrumbs a:link {
	color: #0084C8;
	text-decoration: none;
}

.breadcrumbs a:visited {
	text-decoration: none;
	color:#0084C8;
}

.breadcrumbs a:hover {
	text-decoration: none;
	color:#FFFFFF;
	background-color:#2E9EF1;
}

.breadcrumbs a:active {
	text-decoration: none;
	color:#FFFFFF;
	background-color:#2E9EF1;
}



.topic{
padding-top:3em;
}

.topic-half{
padding-top:1.5em;
}

.pre-topic{
padding-bottom:3em;
}

.pre-topic-half{
padding-bottom:1.5em;
}


h3.no-image{
background-image:none;
width:300px;
margin:3.5em 1.5em 2em 1.5em;
padding:0 1em 0.5em 1em;
border-bottom:solid 1px #0084C8;
}

.notice{
margin:1em;
padding:1.5em 0em 1em 0em;
background-image:url(../img/notice.png);
background-repeat:no-repeat;
border:solid 1px #FF0000;
}

.example{
margin:1em ;
padding:1.5em 0em 1em 0em;
background-image:url(../img/example.png);
background-repeat:no-repeat;
border:solid 1px #AAAAAA;
}

.question{
margin:2.5em 1em ;
padding:1.5em 0em 1em 0em;
background-image:url(../img/question.png);
background-repeat:no-repeat;
border:solid 1px #009966;
}


.floatleft{
float:left;
margin-left:0.5em;
}

.floatright{
float:right;
margin-right:0em;
}

.floatclear{
clear:both;
}

.information{
margin:0.5em 1em 0.5em 1em ;
padding:1.5em 0.5em 0.5em 1em;
background-image:url(../img/information.png);
background-repeat:no-repeat;
border:solid 1px #CCCCCC;
font-size:0.8em;
list-style-type: none;
color:#0084C8;
float:right;
width:250px;
line-height:100%;
}

.reference{
margin:1em ;
padding:0.75em;
border:dashed 1px #333333;
}

.reference-grey{
margin:1em 2.5em ;
padding:1em;
border:dashed 1px #333333;
background-color:#DDDDDD;
}

.reference-grey2{
padding:0.25em;
background-color:#CCCCCC;
}

.reference-green{
margin:0;
padding:0.25em 0.25em ;
background-color:#93F4CB;
}



.compact-1{
margin:1em ;
padding:0;
font-size:0.8em;
color:#333333;
}

.compact-2{
margin:0.25em;
padding:0;
font-size:0.8em;
color:#333333;
}

.mark{
background-image:url(../img/mark.gif);
background-repeat:no-repeat;
margin:0 1.5em ;
padding:0em 1.5em 0.5em 2em;
border:none;
}