@charset "utf-8";
/* ----------------------------------------------
	This style is for theme01.
------------------------------------------------- */

body {
	color: #000099;
}

a {
	color: #0000ff;
}

a:hover {
	color: #00ccff;
}

/* ==== container ==== */
#header {
	border-top: solid 4px #0000ff;
	background: #fff url(images/theme02_bg_header.gif) left top repeat-x;
	text-align: center;
	margin-bottom: 24px;
	height: 81px;
	_height: 85px;
}
	#header #headerInner {
		text-align: left;
		position: relative;
		margin: 0 auto;
		padding-top: 12px;
		width: 800px;
	}

	#header ul#headerList {
		position: absolute;
		top: 49px;
		left: 162px;
	}

	#header ul#headerList li {
		float: left;
		margin-right: 4px;
	}
		#header ul#headerList li a {
			background: url(images/theme02_menu.gif) right top no-repeat;
			color: #000099;
			font-weight: bold;
			display: block;
			text-decoration: none;
			text-align: center;
			line-height: 27px;
			width: 76px;
			height: 27px;
		}
			#header ul#headerList li a:hover {
				background-position: left top;
				color: #fff;
			}

	#header ul#headerSubList {
		position: absolute;
		right: 0;
		top: 8px;
	}
		#header ul#headerSubList li {
			float: left;
			margin-left: 5px;
		}
			#header ul#headerSubList li.sitemap {
				background: url(images/ico_sitemap.gif) left center no-repeat;
				padding-left: 12px;
			}

			#header ul#headerSubList li.inquiry {
				background: url(images/ico_mail.gif) left center no-repeat;
				padding-left: 16px;
			}

#container {
	text-align: center; /* centering for IE */
	zoom: 1; /* clearFix for IE */
}
#container:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}
	#container #containerInner {
		text-align: left;
		margin: 0 auto;
		width: 800px;
	}

	#container #mainContents {
		float: right;
		width: 638px;
	}
		#container #mainContents #mainContentsInner {
			/* null */
		}
			#container #mainContents #mainContentsInner .mainText {
				background: url(images/theme02_main_body.gif) left top repeat-y;
				margin-top: 12px;
			}
				#container #mainContents #mainContentsInner .mainText .firstChild {
					background: #fff url(images/theme02_main_head.gif) left top no-repeat;
					color: #0000ff;
					font-size: 130%;
					line-height: 37px;
					padding-left: 12px;
					height: 37px;
				}
			
				#container #mainContents #mainContentsInner .mainText .mainTextP {
					padding: 8px 12px;
				}
				
				#container #mainContents #mainContentsInner .main {
					padding: 8px 12px;
				}
				

			#container #mainContents #mainContentsInner .mainText .mainTextP {
				background: url(images/theme02_main_foot.gif) left bottom no-repeat;
			}
		
	#container #subContents {
		background: url(images/theme02_left_body.gif) left top repeat-y;
		float: left;
		width: 150px;
	}
		#container #subContents #subContent01 {
			/* null */
		}
			#container #subContents #subContent01 #subContent01Inner {
				/* null */
			}
				#container #subContents #subContent01 #subContent01Inner .firstChild {
					background: url(images/theme02_left_head.gif) left top no-repeat;
					color: #0000ff;
					font-size: 120%;
					line-height: 38px;
					padding-left: 16px;
					height: 27px;
				}
				
				#container #subContents #subContent01 #subContent01Inner .subMenu {
					padding: 4px 8px 4px 16px;
				}
		
		#container #subContents #subContent02 {
			/* null */
		}
			#container #subContents #subContent02 #subContent02Inner {
				/* null */
			}
				#container #subContents #subContent02 #subContent02Inner .firstChild {
					border-left: solid 5px #0000ff;
					color: #0000ff;
					font-size: 120%;
					margin-top: 12px;
					margin-left: 9px;
					padding-left: 3px;
				}

				#container #subContents #subContent02 #subContent02Inner .subText {
					background: url(images/theme02_left_foot.gif) left bottom no-repeat;
					padding: 4px 8px 4px 16px;
				}
		
		
#footer {
	text-align: center;
	margin-top: 24px;
}
	#footer .copyRight {
		background: url(images/theme02_footer_foot.gif) left bottom no-repeat;
		font-size: 85%;
		color: #fff;
		text-align: center;
		padding: 4px 0;
	}
	#footer #footerInner {
		background: #0000ff url(images/theme02_footer_head.gif) left top no-repeat;
		text-align: left;
		padding: 10px 0 0;
		margin: 0 auto;
		width: 800px;
	}
	#footer ul {
		text-align: center;
	}
		#footer ul#footerList li {
			margin: 0 8px;
			display: inline;
		}
			#footer ul#footerList li a {
				color: #ccc;
				text-decoration: none;
			}
				#footer ul#footerList li a:hover {
					text-decoration: underline;
				}
				
				
.float-right {
	float:right;
	margin-top:8px;
	margin-left:15px;
	margin-right:15px;
	padding-left:20px;
	padding-right:20px;
	}

.application {
	margin-top:0px;
	margin-left:30px;
	margin-right:30px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:40px
	}

/* ==== contents ==== */
	
p.title {
	background: url(images/theme02_key_visual.jpg) left center no-repeat;
	color: #ffffff;
	font-size: 180%;
	font-weight: bold;
	padding-top:0px;
	padding-left: 12px;
	line-height: 45px;
	width: 630px;
	height: 150px;
}

.subtitle {
	background: url(images/arrow.gif) left no-repeat;
	color: #605f94;
	font-size: 130%;
	line-height: 28px;
	padding-left: 22px;
	margin-left:8px;
	height: 28px;
}

.margin-left {
	margin-left:15px;
	margin-top:5px;
	}
	
.unlisted {
	color:#999999;
	}	
	
/*用途例*/
div.example {
	border-bottom: dotted 1px #0000ff;
	color: #000099;
	font-size: 100%;
	padding-top:0px;
	padding-left: 0px;
	width: 58px
}

div.example1 {
	border-bottom: dotted 1px #0000ff;
	color: #000099;
	font-size: 100%;
	padding-top:0px;
	padding-left: 0px;
	width: 200px
}

ul.example {
	color: #000099;
	font-size: 100%;
	padding-top:5px;
	padding-left: 5px;
}

ol.example {
	color: #000099;
	font-size: 100%;
	padding-top:5px;
	padding-left: 5px;
	list-style-type:decimal;
}

li.example {
	background: url(images/list.bmp) left no-repeat;
	color: #000099;
	font-size: 100%;
	padding-top:0px;
	padding-left: 17px;
}

li.example1 {
	color: #000099;
	font-size: 100%;
	padding-top:10px;
	padding-left: 0px;
	margin-left:17px;
}

/*テーブル*/
table.blue{
	margin-left:15px;
	margin-top:5px;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

td{
	padding-left:5px;
	font-size:12px;
}

tr.blue{
	background-color:#0033CC;
}

td.blue{
	background-color:#0033CC;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;
	color:#FFFFFF;		
}

td.blue0{
	background-color:#ffffff;
	border-top: solid 1px #999999;
	border-right: solid 1px #999999;		
}