/*--- TAG Base Setting ---*/
* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
body { 
	background:#fff; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:100%; 
	line-height:1.1em;
	color:#5F5F5F;
	word-break:break-all;
}
img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol {
	list-style:none;
}
p {
	margin-bottom:18px;
}
table {
	margin:0 0 10px 5px;
	border-collapse:collapse;
	border-left:2px solid #3399CC;
	border-bottom:1px solid #3399CC;
}
th, td {
	border-left:1px solid #cfcfcf;
	border-bottom:1px dotted #cfcfcf;
	padding: 5px 7px 5px 7px;
}
th {
	background-color:#f9f9f9;
}
/*--- paragraph Setting ---*/
.p1 { 
	margin-bottom:9px;
}
.p2 { 
	margin-bottom:18px;
}
.p3 { 
	margin-bottom:27px;
}

/*--- float Setting ---*/
.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}
.col-1, .col-2, .col-3 { 
	float:left;
}

/*--- align Setting ---*/
.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

/*--- Wrapper Setting ---*/
.wrapper { 
	width:100%;
	overflow:hidden;
}
.container {
	width:980px; 
	margin:0 auto;
	font-size:.9em;
	position:relative;
}

/*--- Main Boxes Setting ---*/
/*--- logo Setting ---*/
#logo {
	margin-left:52px;
}

/*--- header ---*/
#header {
	height:211px;
	overflow:hidden;
}
/*--- header-1 ---*/
#header .row-1 {
	height:86px;
	overflow:hidden;
	background-color:#f5f5f5;
}
	#header .topnav {
		display:block;
		position:absolute;
		right:52px;
		top:5px;
	}
		#header .topnav li {
			float:left;
			padding:2px 0 0 15px;
			background:url(../img/window01-04.png) no-repeat left;
		}
		#header .topnav li.contact {
			background:url(../img/mail01-08.png) no-repeat left;
			padding-left:19px;
		}
		#header .topnav li.sitemap {
			background:url(../img/sitemap01-04.png) no-repeat left;
			padding-left:19px;
		}
		#header .topnav li a {
			float:left;
			padding:0 14px 0 0;
			font-size:12px;
			text-decoration:none;
			color:#646c71;
		}
		#header .topnav li a:hover {
			color:#000;
			text-decoration:underline;
		}

	#header .mapnav {
		display:block;
		position:absolute;
		right:52px;
		top:63px;
	}
		#header .mapnav img {
			float:left;
			margin:0;
			padding:0;
		}
		#header .mapnav li {
			float:left;
			padding:0 0 5px 0;
		}
		#header .mapnav li a {
			float:left;
			padding:0 10px 0 10px;
			font-size:12px;
			text-decoration:none;
			color:#646c71;
		}
		#header .mapnav li a:hover {
			color:#000;
			text-decoration:underline;
		}
/*--- header-2 ---*/
#header .row-2 {
	height:39px;
	overflow:hidden;
	background:url(../img/header-bg-2.png) 0 0 repeat-x;
}
	#header .nav {
		padding:2px 0 0 0;
	}
		#header .nav li {
			float:left;
			background:url(../img/divider.png) no-repeat 0 0;
			padding:0 50px 0 51px;
		}
		#header .nav li.first {
			background:none;
			padding:0 0 0 45px;
		}
			#header .nav li a {
				float:left;
				padding:10px 0 10px 0;
				font-size:15px;
				letter-spacing:0.3em;
				text-decoration:none;
				color:#646c71;
			}
			#header .nav li a:hover, #header .nav li a.current {
				color:#000;
				text-shadow:0 0 4px #fff;
			}
/*--- header-3 ---*/
#header .row-3 {
	height:86px;
	overflow:hidden;
	background:url(../img/header-bg-3.png) 0 0 repeat-x;
}
	#header .text-box {
		float:left;
		margin:5px 0 0 50px;
		padding:12px;
		color:#5f5f5f;
		font-size:1.1em;
	}
		#header .text-box a {
			color:#fff;
		}

/*--- Content Setting ---*/
#content .mainContent {
	float:left;
	width:632px;
	position:relative;
}
#content .aside {
	float:left;
	width:210px;
	display:inline;
}
#content .aside.left {
	margin-right:54px;
}
#content .aside.right {
	margin-left:24px;
}

/*--- Footer Setting ---*/
#prefooter {
	height:13px;
	color:#FFD9FF;
	background-color:#F0F0F0;
	border-top:solid 1px #dCdCdC;
}
	#prefooter #pagetop {
		position:absolute;
		top:-10px;
		left:52px;
	}

#footer {
	height:72px;
	overflow:hidden;
	background:url(../img/footer-bg.png) 0 0 repeat-x;
	color:#ffffff;
}
	#footer a {
		color:#6afa0c;
	}
	#footer .address {
		padding:20px 0 0 42px;
		font-size:0.8em;
	}
	#footer .copyright {
		padding:35px 42px 0 0;
		font-size:0.8em;
	}

/*--- BreadcrumbsList Setting ---*/
#breadcrumbs {
	position:absolute;
	left:48px;
	top:2px;
	border:1px solid #d8d8d8;
	background:#fafafa;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	behavior: url(../js/PIE.htc);
	height:20px;
	padding:0;
}
	#breadcrumbs ul, #breadcrumbs ul li {
		float:left;
	}
	#breadcrumbs ul {
		padding:1px 5px;
	}
	#breadcrumbs ul li {
	    font-size:10px;
	    color:#999999;
	    padding:0 10px 0 4px;
	    background:url(../img/breaddivider.gif) no-repeat right center;
	}
	#breadcrumbs ul li.now {
	    background:none;
	    padding-right:5px;
	}
	#breadcrumbs ul li a {
		color:#656565;
	}
	#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited {
	    text-decoration:underline;
	}
	#breadcrumbs ul li a:hover, #breadcrumbs ul li a:active {
	    text-decoration:none;
		color:#999999;
	}

/*--- forms parameters ---*/
input, select, textarea { 
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*--- other ---*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}

.extra-wrap { 
	overflow:hidden;
}

/*--- txt, links, lines, titles ---*/
a {
	outline:none;
	color:#3399FF;
	text-decoration:underline;
}
a:hover {
	color:#66CCFF;
	text-decoration:underline;
}


h1 {
	font-size:29px;
	font-weight:normal;
	color:#ffffff;
	padding: 20px 0 20px 0;
}
	h1 strong {
		color:#fff;
	}
h2 {
	font-size:20px;
	line-height:1.2em;
	font-weight:normal;
	color:#000;
	border-left:20px groove skyblue;
	border-bottom:1px dotted #cfcfcf;
	padding: 5px 0 2px 9px;
	margin-bottom:20px;
}
	h2 strong {
		color:#555555;
	}
h3 {
	background:url(../img/square0213.gif) no-repeat left center;
	font-size:19px;
	font-weight:normal;
	color:#606060;
	border-bottom:1px dotted #cfcfcf;
	padding: 4px 0 3px 20px;
	margin:12px 0 9px 0;
	position:relative;
}

.link1 { 
	font-weight:bold;
	color:#348e00;
}

/*--- boxes ---*/
.box {
	border:1px solid #d8d8d8;
	background:#f7f7f7;
	padding:12px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior: url(../js/PIE.htc);
	position:relative;
	color:#060606;
	margin-bottom:11px;
}
	.box div {
		padding:0;
	}
	.box dl {
		margin-bottom:12px;
	}
	.box dl dt {
		padding:8px 0 4px 0;
		font-size:1.1em;
		font-weight:bold;
		color:#348e00;
	}
	.box dl dd {
		background:url(../img/arrow02-17.png) no-repeat center left;
		border-bottom:1px dashed #cfcfcf;
		padding:4px 0 5px 14px;
		margin:4px 0 4px 5px;
	}
		.box dl dd a {
			color:#747474;
			color:#545454;
			text-decoration:none;
		}
		.box dl dd a:hover {
			background-color:#000066;
			color:#ffffff;
		}
		.box dl dd.now {
			background:url(../img/arrow02-16.png) no-repeat center left;
			font-weight:bold;
			color:#2B8040;
		}
	.box ul li {
		border-bottom:1px dashed #cfcfcf;
		padding-bottom:5px;
		margin-bottom:8px;
		text-align:center;
	}

.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.img-box-right { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box-right img { 
		float:right; 
		margin:0 0 0 16px;
	}

/*--- content ---*/
#content .indent {
	padding:27px 56px 36px 54px;
}

/*--- ul Pattern1 ---*/
.mainContent ul.ptn1 {
	margin-left:12px;
	margin-bottom:12px;
}
	.mainContent ul.ptn1 li {
		background:url(../img/circle0103.gif) no-repeat left center;
		padding:5px 0 3px 18px;
		position:relative;
	}
/*--- ul Pattern2 ---*/
.mainContent ul.ptn2 {
	margin-left:6px;
	margin-bottom:6px;
}
	.mainContent ul.ptn2 li {
		background:url(../img/triangle0113.gif) no-repeat left center;
		color:#000099;
		padding:4px 0 3px 18px;
		position:relative;
	}

/*--- Contact Info ---*/
div.contactinfobox {
	width: 100%;
	text-align:center;
    font-size:1.3em;
    padding:4px;
    margin:15px 0 5px 0;
}
	div.contactinfobox a {
		text-decoration:underline;
		color:#FF6633;
	}
	div.contactinfobox a:hover {
		text-decoration: none;
		color:#FF9933;
	}
div.contactinfo1 {
	width: 290px;
	height: 50px;
    padding: 0;
    margin-bottom:11px;
	background-image: url("../img/banner/contactinfo_hover1.png");
}
	div.contactinfo1 a {
		display: block;
		width: 290px;
		height: 50px;
		background-image: url("../img/banner/contactinfo_normal1.png");
	}
	div.contactinfo1 a:hover {
		background-image: none;
	}
div.contactinfo2 {
	width: 210px;
	height: 50px;
    padding: 0;
    margin-bottom:11px;
	background-image: url("../img/banner/contactinfo_hover2.png");
}
	div.contactinfo2 a {
		display: block;
		width: 210px;
		height: 50px;
		background-image: url("../img/banner/contactinfo_normal2.png");
	}
	div.contactinfo2 a:hover {
		background-image: none;
	}

/*--- Privacy Mark ---*/
div.privacymark {
	width: 290px;
	height: 85px;
    padding: 0;
    margin-bottom:11px;
	background-image: url("../img/banner/privacymark_hover.png");
}
div.privacymark a {
	display: block;
	width: 290px;
	height: 85px;
	background-image: url("../img/banner/privacymark_normal.png");
}
div.privacymark a:hover {
	background-image: none;
}

/*--- SSL Site Seal ---*/
#sslseal {
	border: none;
}
#sslseal tr, #sslseal th, #sslseal td {
	border: none;
}


