@charset "utf-8";
body {
	background:url(imgs/bg.png);
	margin: 0;
	padding: 0;
	color:#999999;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	text-align: center; 
	color: #000000;
	line-height:160%;
}
#container {
	width: 760px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 740px;
	margin:0 auto;
	padding: 5px 10px 0 10px;
	text-align: left;
	clear: both;
	background-color: #FFCCFF;
}
#header h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color:#990066;
	font-weight: bold;
}
#head_menu {
	text-align:right;
	width: 300px;
	float: right;
	margin: 20px 0 0 0;
	padding: 0;
	color:#666666;
}

#head_menu ul{
margin:0;
padding: 0;
list-style: none;
}

#head_menu li{
display: inline;
margin: 0 2px 0 0;
}

#head_menu a{
background:url(imgs/ritearrow.png) no-repeat 50% left;
	float: right;
	color: #666666;
	text-decoration: none;
	margin: 0 10px 0 0; /*Margin between each menu item*/
	padding: 5px;
	text-indent: 15px;
}

#head_menu a:hover{
	text-decoration: underline;
	color: #3399CC;
}
/*--------------Logo------------------------*/
#logo {
	width: 307px;
	float: left;
}
#logo img {
	display: block;
	width: 307px;
	border: none;
	height: 41px;
}
    
#logo span {
	width: 170px;
	height: 40px;
	background:#993300 url(imgs/logo.png) no-repeat;
}
#logo a, a:hover, a:visited {
	display: block;
	border:none;
}

/* ------------ index banner ------------------------*/
#banner {
	background: #ffffff url(imgs/bannerbg.png) no-repeat bottom;
	height: 80px;
	width: 760px;
	margin:0 auto 25px auto;
	padding: 0;
	border-bottom: 1px solid #999999;
}
#banner h2 {
	margin: 0;
	background:#CC66CC;
	font-size: 12px;
	color:#9933CC;
	padding: 2px 2px 2px 10px;
	font-weight: normal;
}	

/* ------------menu end ------------------------*/
#mainContent {
	padding: 10px;
	background: #FFFFFF;
	margin: 50px auto 10px auto;
	color: #666666;
	width:700px;
	text-align: left;
}
* html.#mainContent {
    height: 1%;
}

#mainContent h1{
    font-weight: bold;
	color: #769902;
	border-left:5px solid #769902;
	padding: 5px 0px 5px 20px;
	background:#e8fdc7 url(imgs/h_bg.png) repeat-x 50%;
    font-size: 16px;
	margin-top:0;
} 
#mainContent h2{
    background:url(imgs/bullet.png) no-repeat 0 50%;
	margin: 2px 40px;
	text-indent: 27px;
	padding-bottom: 3px;
	border-bottom: 1px solid #99CC99;
	color:#0099CC;
	font-size: 14px;
	font-weight:bold;
} 
#mainContent h3{
    background:#E4F7D2;
	text-indent: 27px;
	padding: 2px;
	color:#0099CC;
	font-size: 12px;
	font-weight:bold;
	margin:0;
} 
#mainContent p{
	padding: 0 20px;
} 
#mainContent p.box {
     padding: 0 50px;
}
#mainContent ul {
    list-style: none;
	font-size: 14px;
	font-weight: bold;
	color:#0099CC;
	margin-right: 30px;
}
#mainContent li {
    background:url(imgs/bullet.png) no-repeat 0 50%;
	padding-left: 26px;
	border-bottom: 1px solid #99CC99;
	line-height: 210%;
}
#leftcont  {
	width: 190px;
	margin: 0 10px 10px 20px;
	float: left;
	color: #666666;
	line-height:140%;
	padding: 0;
}
#leftcont .ad {
margin: 20px 0;
border: 1px solid #FF9999;
padding: 10px;
background:#fff;
}

#leftcont h1 {
	font-size: 12px;
	font-weight: bold;
	color: white;
	background:url(imgs/h_blue.png) repeat-x 50%;
	margin: 0;
	text-transform: uppercase;
	padding: 15px 0 15px 31px;
	border-bottom: solid 1px #cccccc;
}
#leftcont h2 {
	font-size: 12px;
	font-weight: bold;
	color: white;
	background:url(imgs/h_blue.png) repeat-x 50%;
	margin: 0;
	text-transform: uppercase;
	padding: 10px 0 10px 31px;
	border-bottom: solid 1px #cccccc;
}
#leftcont h3 {
	font-size: 12px;
	font-weight: bold;
	color:#333333;
}
#leftcont p.room {
	border: solid 1px #cccccc;
	margin: 5px 0 0 0;
	padding: 10px;
}

/*-----------------left menu --------------------*/
.markermenu{
width: 190px; /*width of menu*/
}

.markermenu ul{
border: 1px solid #FF9999;
list-style-type: none;
margin: 0;
padding: 0;
}

.markermenu ul li a{
	background:url(imgs/h_bg.png) repeat-x center;
	font: bold 13px;
	color:#660066;
	display: block;
	width: auto;
	padding: 7px 0;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 1px dotted #FF9999;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 190px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #660066;
}

.markermenu ul li a:hover{
	color:#fff;
}



/*-----------------left menu end--------------------*/

#mainContent_index {
	width: 740px;
	background: #FFFFFF;
	margin: 0 20px;
	clear: both;
	text-align:left;
} 
* html.#mainContent_index {
    height: 1%;
}
/*----------------index right content ----------------*/
#ritecont {
    font-size:14px;
　　clear: both;
	width: 505px;
	margin: 0 20px 0 0;
	float: right;
	color: #666666;
	line-height:200%;
}
#ritecont h1 {
	font-size: 16px;
	color:#660033;
	background:#8fb73d url(imgs/h_gray.png) repeat-x 50%;
	padding: 5px;
	margin-top: 0px;
	text-indent:10px;
	border-left: solid 10px #CC99CC;
	margin-bottom: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
#ritecont h2 {
　　background:#CCCCFF;
    font-size: 14px;
	border-left: 8px solid #660099;
	text-indent: 17px;
	color:#660099;
}
#ritecont h3 {
    background:url(imgs/ritearrow2.png) no-repeat left center;
    font-size: 12px;
	text-indent: 17px;
	color:#999;
}



/* ------------ form -----------------------*/
#form {
    color: #999;
	padding: 2px;
	background:#FFFFFF;
	border: 1px solid #679902;
}
#form legend {
    font-weight: bold;
	font-size: 16px;
	color: #679902;
	background: #e8fdc7;
	border: 1px solid #679902;
	padding: 4px 8px;
}
#form label {
    font-weight: bold;
	color:#666;
	padding-right: 20px;
}
#form fieldset {
	padding: 10px 20px;
	background:#e8fdc7;
	border: 1px solid #ffffff;
}
#form .button {
    border: 1px solid #cccccc;
	padding: 1px;
	background:url(imgs/btnbg.png) 50% 50%;
	font-size:10px;
	font-weight: bold;
	color: #ffffff;
}
/* ------------ form -----end-------------------*/
#extraContent {
	padding: 10px 20px;
	background: #FFFFFF;
	margin: auto 20px;
	clear:both;
} 
/*------------------footer---------------------*/

#footer p {
	margin: 0; 
	padding: 10px 0; 
}
#footermenu {
	background: transparent;
	margin:0;
	padding: 20px 10px 0 10px;
	clear: both;
	color:#CCCCCC;
	margin: 20px 10px 0 10px;
	text-align: left;
}

#footermenu ul{
margin:0;
padding: 0;
list-style: none;
}

#footermenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#footermenu a{
	float: left;
	font: bold 11px Arial;
	color: #999999;
	text-decoration: none;
	margin: 0 10px 0 0; /*Margin between each menu item*/
	padding: 0 5px;
}

#footermenu a:hover{
	text-decoration: underline;
	color: #3399CC;
}


#footermenu #current a{ /*currently selected tab*/
background: url(imgs/tab2.png) left bottom;
color: white;
}
#copyright {
	font-size: 90%;
	color:#999999;
	padding: 10px;
	border-top: 1px dotted #cccccc;
	margin: 0 10px;
	text-align: center;
}

/*--------------opening text-----------------*/
h1.opening {
	background: #e8fdc7;
	padding: 5px 5px 5px 0;
	font-size: 11px;
	font-weight: normal;
	margin:0 10px 0 9px;
	text-align:right;
	border-left: 3px solid #679902;
	color:#666666;
}

/* fonts */

#ritecont a, a:visited {
    color: #0099CC;
	text-decoration:underline;
	display:compact
}

strong {
    font-weight:bold;
	color:#990066;
}
.company {
    font-weight:bold;
	color:#000066;
}
.signature {
    text-align:right;
	font-weight: bold;
}
/*--------------table-----------------*/
table{
	border-collapse:collapse;
	width: 100%;
	margin-top: 20px;
	background: #fff;
}
table th{
    background:#ebebeb;
    color:#330000;
    padding:7px;
    text-align:left;
	width: 30%;
	border:1px solid #CCCCCC;
}

table td{
    border:1px solid #CCCCCC;
    padding:7px;
}
td.lft{
    padding:0.3em 1em;
	vertical-align: top;
	background:#EEEEEE;
	font-weight:bold;
	color:#666666;
}
table.titles {
	border-style: none;
	width: 90%;
}
table.titles td {
    border-style: none;
	padding-left: 0;
}
table.titles tr {
    border-style: none;
}
table.cpcimg{
	border:none;
	border-collapse:collapse;
	margin: 15px 0;
	width: 495px;
}
table.cpcimg th{
    color:#330000;
    padding:5px;
    text-align:left;
}

table.cpcimg td{
	border:none;
	padding:5px;
	vertical-align: top;
	text-align: center;
}
table.facimg{
	border:none;
	border-collapse:collapse;
	margin: 10px 0 0 0;
}
table.facimg th{
    color:#330000;
    padding:5px;
    text-align:left;
}

table.facimg td{
	border:none;
	padding:5px;
	vertical-align: top;
	text-align: center;
	width: 30%;
}
img{
border:0;
}
p.question {
background:url(imgs/question.png) no-repeat left top;
padding: 20px 0 0 50px;
font-weight: bold;
font-size: 14px;
height: 30px;
color:#336699;
}