@charset "utf-8";
/* Reset */
html,body{margin:0;padding:0;font-size:100%;line-height: 100%;}
p,blockquote,address,div,p,hr,noscript{margin:0;padding:0;border:0;font-size:100%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;border:0;font-size:100%;}
pre{margin:0;padding:0;border:0;font-size:100%;}
a,img,map,q,sub,sup,span,bdo{margin:0;padding:0;border:0;}
br{margin:0;padding:0;border:0;letter-spacing:0;}
tt,i,b,big,small{margin:0;padding:0;border:0;}
code,samp,var{margin:0;padding:0;border:0;font-size:100%;}
strong,dfn,kbd,cite,abbr,acronym,em{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;}
ins{margin:0;padding:0;border:0;font-size:100%;font-style:normal;font-weight:bold;text-decoration:none;}
del{margin:0;padding:0;border:0;font-size:100%;font-style:normal;}
form,fieldset{margin:0;padding:0;border:0;font-size:100%;}
legend,label,select,optgroup,option,button{margin:0;padding:0;border:0;font-size:100%;}
sup {
	vertical-align: 0.5em;
}


/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* page common */
body {
	padding: 15px 0px;
	text-align: center;
	color: #5e5e5e;
}
#Wrap {
	margin: 0px auto;
	width: 759px;
	text-align: left;
}

/* common item */
.Text10L18 {
	font-size: 10px;
	line-height: 180%;
}
.Text12L18 {
	font-size: 12px;
	line-height: 150%;
}
.Text12L22 {
	font-size: 12px;
	line-height: 185%;
}
.Caution10px {
	font-size: 10px;
	line-height: 145%;
	background: url(../images/caution_10px.gif) no-repeat 0px 1px;
	padding-left: 12px;
}
.Caution12px {
	font-size: 12px;
	line-height: 145%;
	background: url(../images/caution_12px.gif) no-repeat 0px 2px;
	padding-left: 15px;
}
.BlueTitle {
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	color: #002d73;
}
.Block530 {
	width: 530px;
}
.ImageCenter {
	text-align: center;
}
.P5b { padding-bottom:5px;}
.P10b { padding-bottom:10px;}
.P15b { padding-bottom:15px;}
.P20b { padding-bottom:20px;}
.P25b { padding-bottom:25px;}
.P30b { padding-bottom:30px;}
.P35b { padding-bottom:35px;}
.P45b { padding-bottom:45px;}

/* footer */
#Footer {
	width: 759px;
	text-align: center;
	clear: both;
	border-top: 1px solid #0e0c5e;
	padding-top: 10px;
	margin-top: 10px;
}
#Footer ul {
	list-style: none;
}
#Footer ul {
	margin-bottom: 3px;
}
#Footer li {
	border-left: 1px solid #1f66b6;
	font-size: 10px;
	line-height: 120%;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
}
#Footer .LastMenu {
	border-left: 1px solid #1f66b6;
	border-right: 1px solid #1f66b6;
	padding-left: 5px;
	padding-right: 5px;
}
#Footer address {
	background: url(../images/copyright.gif) no-repeat left top;
	height: 10px;
	width: 287px;
	margin: 10px 236px 0px;
	text-align: left;
	text-indent: -9999px;
}

/* bottom page */
/* header */
#Header {
	position: relative;
	padding-bottom: 10px;
	width: 759px;
}
#Header h1 {
	position: absolute;
	height: 92px;
	width: 436px;
	left: 0px;
	top: 0px;
}
#Header p {
	width: 303px;
	margin-left: 456px;
}
#Header ul {
	list-style: none;
	margin: 10px 0px 0px;
	text-align: right;
	height: 19px;
}
#Header li {
	display: inline;
	background: url(../images/listhead_arrow01.gif) no-repeat 15px 2px;
	padding: 2px 0px 2px 30px;
	font-size: 10px;
	line-height: 120%;
	height: 19px;
}
#Header li.LinkTop {
	display: inline;
	background: none;
	padding: 0px;
	line-height: 100%;
}

/* header menu */
#HeadMenu {
	height: 40px;
	width: 759px;
	list-style: none;
	position: relative;
}
#HeadMenu ul {
	list-style: none;
}
#HeadMenu li {
	background-position: left bottom;
	display: block;
	float: left;
}
#HeadMenu a {
	text-indent: -9999px;
	display: block;
}
#HeadMenu a:link,
#HeadMenu a:visited {
	background-position: left top;
	height: 40px;
}
#HeadMenu a:hover,
#HeadMenu a:active {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
}
#HeadMenu #HMabout,
#HeadMenu #HMabout a {
	width: 156px;
	background-image: url(../images/menu_about.gif);
	background-repeat: no-repeat;
}
#HeadMenu #HMservice,
#HeadMenu #HMservice a {
	width: 150px;
	background-image: url(../images/menu_service.gif);
	background-repeat: no-repeat;
}
#HeadMenu #HMprice,
#HeadMenu #HMprice a {
	width: 150px;
	background-image: url(../images/menu_price.gif);
	background-repeat: no-repeat;
}
#HeadMenu #HMaccess,
#HeadMenu #HMaccess a {
	width: 150px;
	background-image: url(../images/menu_access.gif);
	background-repeat: no-repeat;
}
#HeadMenu #HMinfo,
#HeadMenu #HMinfo a {
	width: 153px;
	background-image: url(../images/menu_information.gif);
	background-repeat: no-repeat;
}
#HeadMenu li#HMinfo {
	float: right;
}
#HeadMenu li li {
	background-position: left bottom;
	display: block;
	float: none;
}
#HeadMenu li li img {
	vertical-align: bottom;
}
#HeadMenu li li a {
	text-indent: 0px;
	display: inline;
}
#HMSubAbout {
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: 0px;
}
#HMSubService {
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: 156px;
}
#HMSubPrice {
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: 306px;
}
#HMSubAccess {
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: 456px;
}
#HMSubInfo {
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: 606px;
}

#Contents h2 {
	padding: 0px 0px 20px;
}
#Contents {
	background: url(../images/bottom_bg.gif) repeat-y;
	width: 759px;
	margin-top: 12px;
}

/* side menu */
#SideArea {
	width: 213px;
	float: left;
}
#SideArea ul {
	background: url(../images/sidemenu_bg.gif) no-repeat left bottom;
	padding: 6px 0px 2px;
	list-style: none;
	width: 188px;
}
#SideArea li {
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 188px;
}
#SideArea li a {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
	width: 188px;
}
#SideArea li a:link,
#SideArea li a:visited {
	background-position: left top;
	height: 39px;
}
#SideArea li a:hover,
#SideArea li a:active {
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 39px;
}
#SideArea p {
	padding: 40px 0px 10px 13px;
	width: 164px;
}

/* main area */
#MainArea {
	float: right;
	width: 546px;
}
#MainArea h3 {
	padding-left: 0px;
}

/* square table */
.SquareTable th {
	background: #c3ceea url(../images/listhead_square02.gif) no-repeat 5px 5px;
	padding: 3px 5px 3px 20px;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
}
.SquareTable td {
	background: #dee4f4;
	padding: 3px 5px;
	border-bottom: 5px solid #FFFFFF;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
}
.SquareTable .Last th,
.SquareTable .Last td {
	border-bottom: none;
}
.ListNohead {
	list-style: none;
	font-size: 12px;
	line-height: 145%;
}
.ListCircle12px {
	background: url(../images/listhead_circle12px.gif) no-repeat 0px 2px;
	padding-left: 15px;
}
.Square12px {
	line-height: 145%;
	background: url(../images/listhead_square02.gif) no-repeat 0px 2px;
	padding-left: 15px;
	font-size: 12px;
}
.LinkArrow {
	font-size: 12px;
	line-height: 145%;
	background: url(../images/listhead_arrow01.gif) no-repeat 0px 2px;
	padding-left: 15px;
}
.CellSquare th {
	line-height: 145%;
	background: url(../images/listhead_square02.gif) no-repeat 0px 2px;
	padding: 0px 20px 10px 15px;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
.CellSquare td {
	line-height: 145%;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}

.CautionLife {
	clear: both;
	padding: 10px 0px 0px 15px;
}
.CautionLife p {
	font-size: 10px;
	text-align: left;
}