@charset "UTF-8";

*{
	vertical-align: top;
	margin: 0;
}

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
	margin: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 1.6em;
	color:#222;
	background-color:#fff;
}

body.top{
	margin:12px;
	padding:0;
	background-color: #fff; 
	background-image: url(../navi/main_title_e.gif);
	background-repeat: no-repeat;
}

body.header{
	margin:0;
	padding:0;
	background-color: #fff;
	background-position: left top; 
	background-image: url(../navi/header_bg.jpg);
	background-repeat: repeat-x;
}

body.left{
	margin:4px 6px;
	padding:0;
	background-color: #d7d7d7;
}

body.yellowbg {
	background-color: #FFD479; 
}

body.whitebg {
	background-color: #FFFFFF; 
}

a {text-decoration:none;}
a:link { color: #22028a;}
a:visited { color: #8700b3;}
a:hover { color:#ff0000;}

h1 { font-size: 16pt; line-height: 1.2em; font-weight: bold; color:#006666;margin-bottom:12px;}
h2 { font-size: 14pt; line-height: 1.1em; font-weight: bold; color:#006666;;margin-bottom:12px;}
h3 { font-size: 12pt; line-height: 1.0em; font-weight: bold; color:#006666;;margin-bottom:12px;}
h4 { font-size: 9pt; line-height: 1.0em; font-weight: bold; color:#006666;;margin-bottom:12px;}

ul, ol, li, blockquote {margin-left: 24px;}
p, hr {margin-bottom: 12px;}
strong { font-weight: bold; }

.reverse { 
	color: #eeeeee;
}

.narrow { 
	line-height: 12px;
}

.bload { 
	line-height: 14px;
}

.body{
	font-size: 12px;
	line-height: 16px;
}

.caution{
	color: #913030;
	font-size: 8pt;
	font-style: normal;
}

.med{
	font-size: 12px;
	line-height: 15px;
}

.red {color:#f00;}

.sml { 
	font-size: 8pt;
	line-height: 1.4em;
}

.mini { 
	font-size: 8pt;
	line-height: 1.2em;
}


.bghr {
	background-image:  url(../image/bghr.gif); 
	background-repeat:repeat-x;
}
.bgver {
	background-image:  url(../image/bgver.gif); 
	background-repeat:repeat-y;
}

img.left {
	float: left; margin-right: 20px;
}

img.margin1px {
	margin: 1px;
}

.caption {
	font-size: 11px;
	line-height: 12px;
}

.caution{
	font-size: 11px;
	line-height: 12px;
	color: #f00;
	text-decoration:none;
	font-style: normal;
}
.req{
	font-size: 11px;
	line-height: 12px;
	color: #913030;
	text-decoration:none;
	font-style: normal;
}

#answerkakomi {
	clear:both;
	margin:20px 20px 20px 0px;
	padding:1px 10px 1px 22px;
	font-size: 12px;
	line-height: 13px;
	width: auto; 
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: #003399;
	background-color: #FFFFFF;
	BACKGROUND-IMAGE:  url(../image/answer.gif); 
	BACKGROUND-REPEAT:no-repeat;
}


.banner {
	width: 210px;
	height:35px;
	margin:0px 0px 3px 14px;
}




#bubble_tooltip{
	width:166px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../image/bubble_top.gif');
	background-repeat:no-repeat;
	height:18px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../image/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../image/bubble_bottom.gif');
	background-repeat:no-repeat;	
	height:21px;
	position:relative;
	top:-6px;
}






#but_language {
	clear: both;
	height: 18px;
	font-size: 12px;
	line-height: 13px;
	color: #ffffff;
	BACKGROUND-COLOR: #EF7469; 
	BACKGROUND-IMAGE:  url(../image/bg_language.gif);	
	BACKGROUND-REPEAT:repeat-x;
}
#but_language a,div#but_language a:link,div.but_language a:visited {
	text-decoration: none;
	color:#ffffff;
}
#but_language a:hover {
	color:#071b8f;
}

.butmenubar {
	float: left;
	width: auto;
	height:16px;
	margin:0px 0px 0px 30px;
	padding:1px 0px 0px 0px;
	font-size: 12px;
	line-height: 13px;
	color: #ffffff;
}
.butmenubar a,div.butmenubar a:link,div.butmenubar a:visited {
	text-decoration: none;
	color:#ffffff;
}
.butmenubar a:hover {
	color:#071b8f;
}

.but_top {
	width: 210px;
	height:22px;
	margin:0px 0px 4px 14px;
	padding:4px 2px 0px 4px;
	font-size: 12px;
	line-height: 13px;
	color: #071B8F;
	BACKGROUND-COLOR: #D3DACE; 
	BACKGROUND-IMAGE:  url(../image/bg_but.gif);	
	BACKGROUND-REPEAT:repeat-x;
}


#container{
	clear: both;
	width: 95%; 
	height: auto; 
	BACKGROUND-COLOR: #d3dace; 
	BACKGROUND-IMAGE:  url(../image/bg_next.gif); 
	BACKGROUND-REPEAT:repeat-y;   
}

#floating-area, .floating-area {
	position:absolute;
	top:540px;
	top:280px;
	padding:10px 10px 10px 10px;
	width: auto; 
    border-width: 1px 3px 3px 1px;
    border-style: solid;
    border-color: #999;
	border-radius: 6px;
	background-color: #FFFFFF;
	color:#555;
	text-align: center;
	z-index:100; 
}
.floating-area-mask {
	background:#fff;
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity:0.50;
	z-index:10000; 
	}

#footer{
	clear:both;
	height: 30px; 
	margin: 10px 30px 0px 170px; 
	padding-left: 0px;
    border-width: 2px 0px 0px 0px;
    border-style: dotted;
    border-color: #003399;
	font-size: 11px;
	line-height: 12px;
}
#footertop{
	clear:both;
	width: 662px; 
	height: 30px; 
	margin-top: 12px; 
	margin-left: 15px; 
	padding-left: 0px;
    border-width: 2px 0px 0px 0px;
    border-style: dotted;
    border-color: #003399;
	font-size: 11px;
	line-height: 12px;
}


#hearder2ndcontainer{
	width: 95%;
	height:52px;
	BACKGROUND-COLOR: #ef7469; }
#header2nd {
	float:left;
	width: 40%;
	height:52px; }
#header2ndright {
	float:right;
	width: 40%;
	height:52px; 
}

.help {
	width: 200px;
	height: auto;
	padding:6px; 
	font-size: 11px;
	line-height: 12px;
	border: 1px solid #cccccc;
	background-color: #FFD163;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    border-color: #aaa;
}

#linkkakomi {
	clear:both;
	margin:20px 20px 20px 20px;
	padding:1px 10px 1px 20px;
	width: 75%; 
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: #003399;
	background-color: #FFFFFF;
	BACKGROUND-IMAGE:  url(../image/arrow.gif); 
	BACKGROUND-REPEAT:no-repeat;
}

#listbox {
	clear:both;
	padding:5px 11px 5px 11px;
}

#main1column {
	clear: both;
	height: auto;
	margin:0px 30px 0px 170px;
	padding:10px 24px 24px 24px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #003399;
	background-color: #FFFFFF;
}

#maincontainer {
	width: 750px;
	margin: 0;
	font-size: 9pt;
	line-height: 1.6em;
	border-width: 0px 0px 0px 0px;
	border-style: dotted;
	border-color: #75A442;
}

#maintitle {
	margin:0px 0px 20px 0px;
	padding:3px 6px 3px 6px;
	font-size: 11pt;
	font-weight: bold;
	line-height: 1.8em;
	border-width: 1px 1px 1px 4px;
	border-style: solid;
	border-color: #75A442;
}

#maintitlesub {
	margin:0px 0px 20px 0px;
	padding:2px 6px 2px 6px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.8em;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #75A442;
}


#menubar2nd {
	clear: both;
	width: 100%;
	height:18px;
	margin-left:0px;
	padding-top:2px;
	font-size: 10px;
	line-height: 15px;
	color: #ffffff;
	BACKGROUND-COLOR: #ff0033; 
	BACKGROUND-IMAGE:  url(../image/bg_menu_top.gif);	
	BACKGROUND-REPEAT:repeat-x;
}


#menubartop {
	clear: both;
	width: 100%;
	height:18px;
	margin-bottom:10px;
	padding-top:2px;
	font-size: 10px;
	line-height: 15px;
	color: #ffffff;
	BACKGROUND-COLOR: #ff0033; 
	BACKGROUND-IMAGE:  url(../image/bg_menu_top.gif);	
	BACKGROUND-REPEAT:repeat-x;
}



#menuleft {
	position: absolute;
	left: 15px;
	top: 134px;
	width: 140px;
	height: auto;
	z-index:4;
}
#menuleft ul{
	margin: 0;
	padding:0;
	list-style: none;
}
#menuleft li{
	width: auto;
	height: auto;
	margin-bottom: 1px;
	padding:4px 3px 4px 3px;
	background-color:#ffffff;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
    border-color: #aaaaaa;
	font-size: 11px;
	line-height: 12px;
}


#menulist{
	clear: both;
	width: 83%; 
	margin: 20px 0px 10px 0px; 
	padding: 4px 4px 4px 8px;
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: #003399;
	background-color: #EEEEEE;
	font-size: 11px;
	line-height: 12px;
}


.muskbutmenubar {
	float: left;
	width: 44px;
	height:18px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	BACKGROUND-COLOR: #EF7469; 
}

#navi{
	width: 140px;
	margin:0px 0px 16px 2px;
	padding:0;
}


#photobox {
	clear:both;
	margin:0px 0px 12px 12px;
	padding:10px 10px 10px 10px;
	font-size: 11px;
	line-height: 12px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dddddd;
}
#photoboxright {
	clear:both;
	float: right;
	margin:0px 0px 12px 12px;
	padding:8px 8px 8px 8px;
	font-size: 11px;
	line-height: 12px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dddddd;
}
#photoboxleft {
	clear:both;
	float: left;
	margin:0px 12px 12px 0px;
	padding:8px 8px 8px 8px;
	font-size: 11px;
	line-height: 12px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dddddd;
}

#questionkakomi {
	clear:both;
	margin:20px 20px 20px 0px;
	padding:1px 10px 1px 22px;
	font-size: 12px;
	line-height: 13px;
	width: 60%; 
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: #003399;
	background-color: #FFFFFF;
	BACKGROUND-IMAGE:  url(../image/question.gif); 
	BACKGROUND-REPEAT:no-repeat;
}

#redmask2nd {
	clear: both;
	position: absolute;
	left: 0px;
	top: 52px;
	width: 44px;
	height:18px;
	BACKGROUND-COLOR: #EF7469; 
}

#subtitle{
	clear: both;
	width: 50%; 
	margin: 20px 0px 10px 0px; 
	padding: 4px 4px 4px 8px;
    border-width: 1px 0px 1px 0px;
    border-style: dotted;
    border-color: #003399;
	background-color: #EEEEEE;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #660033;
}

#textbox {
	clear:both;
	padding:5px 5px 0px 20px;
}


#textkakomi {
	clear: both;
	margin: 20px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	border: 1px solid #ccc;
}

#textkakomitop {
	clear:both;
	margin:20px 30px 0px 170px;
	padding:8px 24px 8px 24px;
	width: auto; 
    border-width: 1px 1px 1px 1px;
    border-style: dotted;
    border-color: #003399;
	background-color: #FFFFFF;
}

#topkakomi {
	clear:both;
	margin:10px 14px 10px 0px;
	padding:4px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #75A442;
}

#topkakominest {
	clear:both;
	margin:10px 10px 10px 10px;
	padding:5px 5px 5px 5px;
}

#title {
	margin:20px 0px 0px 170px;
	height: 36px;
	width: 500px;
}