@charset "utf-8";
/* CSS Document */

/*------------------------------
 =common-parts
------------------------------*/
.clearfix {
zoom: 1;
}

.clearfix:after {
content: ".";
clear: both;
display: block;
height: 0px;
visibility: hidden;
}

.w240 {
width: 240px;
margin: 0 3px 0 0;
}

select.w240 {
width: 244px;
}

.w165 {
width: 165px;
margin: 0 3px 0 0;
}

select.w165 {
width: 169px;
}

.full {
width: 100%;
}


/*------------------------------
 =tags
------------------------------*/
a {
color: #555;
text-decoration: none;
}

a:hover {
color: #295079;
}

p {
margin: 0 10px 1em 10px;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align: middle;
}


/*------------------------------
 =container
------------------------------*/
body#main {
background: #fff url(../images/main/bg_main.gif) repeat-x left top;
}

body#popup {
background: #fff url(../images/main/bg_main.gif) repeat-x left top;
}

body#menu {
background-color: #f4f4f4;
}

body#main #header {
width: auto;
height: 65px;
padding: 0 10px 0 10px;
background: url(../images/main/logo.gif) no-repeat top right;
}

body#popup #header {
height: 65px;
padding: 0 10px 0 10px;
background: url(../images/main/logo.gif) no-repeat top right;
}

body#menu #header {
height: 65px;
margin: 0;
padding: 0 10px;
background: url(../images/menu/bg_menu_header.gif) repeat-x left top;
}

body#main #body {
line-height: 1.6;
padding: 0;
}

body#popup #body {
line-height: 1.6;
margin: 0;
padding: 0;
}

body#menu #body {
margin: 0;
padding: 0;
}

body#menu #footer {
padding: 15px 0;
border-top: solid 1px #577d90;
}

body#main #footer {
padding: 25px 0;
border-top: solid 1px #577d90;
}


/*------------------------------
 =header
------------------------------*/
body#main #header h1,
body#popup #header h1,
body#menu #header h1 {
display: inline;
float: left;
min-width: 20px;
height: 20px;
margin: 5px 0;
padding: 0 15px;
color: #fff;
font-size: 107%;
font-weight: bold;
line-height: 20px;background-color: #577d90;
}

body#menu #header p {
clear: both;
margin: 0;
font-size: 85%;
}

body#main #header p.indicator,
body#popup #header p.indicator {
padding: 7px 10px 0 0;
text-align: right;
}

body#menu #header p.indicator {
clear: none;
display: inline;
float: right;
padding: 7px 0 0 0;
}


/*------------------------------
 =body
------------------------------*/
#body .topMsgLeft {
margin: 0 10px 1em 10px;
padding: 0;
}

#body .topMsgRight {
margin: 0 10px 1em 10px;
padding: 0;
text-align: right;
}

#body .topMsgLeft p,
#body .topMsgRight p {
margin: 0 0 1em 0;
}

#body .bottomMenuLeft,
#body .bottomMenuRight,
#body .bottomMenuBoth {
width: auto;
margin: 0 10px;
}

#body .bottomMenuLeft table,
#body .bottomMenuRight table,
#body .bottomMenuBoth table {
width: 100%;
margin: 0;
border-top: solid 1px #577d90;
}

#body .bottomMenuLeft td,
#body .bottomMenuBoth td.left {
padding: 9px 0;
text-align: left;
}

#body .bottomMenuRight td,
#body .bottomMenuBoth td.right {
padding: 9px 0;
text-align: right;
}

#body .bottomMenuLeft p,
#body .bottomMenuRight p,
#body .bottomMenuBoth p {
margin: 0;
}

#body .bottomMenuLeft img,
#body .bottomMenuRight img,
#body .bottomMenuBoth img {
vertical-align: middle;
}

#body .bottomMenuLeft input,
#body .bottomMenuRight input,
#body .bottomMenuBoth input {
vertical-align: middle;
}

#body .bottomMenuLeft .imgButton,
#body .bottomMenuBoth .imgButton {
margin: 0;
}

#body .bottomMenuBoth .right .imgButton,
#body .bottomMenuRight .imgButton {
margin: 0 0 0 0.5em;
}

#body .bottomMenuLeft span,
#body .bottomMenuRight span,
#body .bottomMenuBoth span {
margin: 0 0.5em 0 0.25em;
font-size: 93%;
}

#body .bottomMsgLeft {
margin: 20px 10px 0 10px;
padding: 1em 0 0 0;
border-top: solid 1px #577d90;
}

#body .bottomMsgRight {
margin: 20px 10px 0 10px;
padding: 1em 0 0 0;
text-align: right;
border-top: solid 1px #577d90;
}

#body .bottomMsgLeft p,
#body .bottomMsgRight p {
margin: 0 0 1em 0;
}


/*------------------------------
 =footer
------------------------------*/
body#menu #footer #menuJs {
font-size: 85%;
}

body#main #footer #menuJs {
font-size: 93%;
}

body#menu #footer #menuJs a,
body#main #footer #menuJs a {
color: #555;
}

body#menu #footer #menuJs a:hover,
body#main #footer #menuJs a:hover {
text-decoration: underline;
}


/*------------------------------
 =common-style
------------------------------*/
.italic {
font-style: italic;
}

.bold {
font-weight: bold;
}

.hidden {
display: none;
}

.align-right {
text-align: right !important;
}

.align-center {
text-align: center !important;
}

.align-left {
text-align: left !important;
}


/*------------------------------
 =unknown
------------------------------*/
.menuDetail{
	color: #660099;
	font-family: Arial Helvetica sans-serif;
	font-size: 12px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-top: 0;
	text-decoration: none;
}

.menuDetail:hover {
	background-color: #99FFFF;
	color: #660099;
	font-size: 12px;
	padding-bottom: 0;
	padding-left: 20px;
	padding-top: 0;
	text-decoration: none;
}

.menuMain{
	color: #000066;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
}

.menuMain:hover {
	background-color: #99FFFF;
	color: #000066;
	font-size: 14px;
	text-align: left;
	text-decoration: none;
}

.menuSub{
	color: #000066;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
}

.menuSub:hover {
	background-color: #99FFFF;
	color: #000066;
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
}

#menuDetail {
	color: #660099;
	display: block;
	font-size: 12px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-right: 20px;
	text-align: right;
	text-decoration: none;
}

#menuMain {
	border-top: groove;
	color: #000066;
	display: block;
	font-size: 14px;
	margin-bottom: 1px;
	margin-top: 5px;
	text-align: left;
	text-decoration: none;
}


/*-- Css end --*/
