@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: 0;
	word-wrap: break-word;
}

body,div,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre,fieldset,blockquote,table,thead,tbody,tfoot,caption,th,td,
section,article,aside,nav,menu,canvas,details,figure,figcaption,footer,header,hgroup,summary { margin: 0; padding: 0; }
ul, li, dl, dt, dd { list-style-type: none; line-height: 1.4em; }
a { color: #00c; text-decoration: underline; outline: 0; }
a:visited { color: #551a8b; text-decoration: underline; outline: 0; }
a:hover { color: #f00; text-decoration: underline; outline: 0; }
a:active { color: #f00; text-decoration: underline; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; }
.fL { float: left; }
.fR { float: right; }
.img_fL { float: left; margin: 0 10px 10px 0; }
.img_fR { float: right; margin: 0 0 10px 10px; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { margin: 0 0 10px 0; line-height: 1.4em; }
img { border: 0; }
section,article,aside,nav,menu,canvas,details,figure,figcaption,footer,header,hgroup,summary { display: block; }
mark { background: rgba(255,255,255,0.2); }

::-moz-selection{
	color: #fff;
	background: #900;
}

::selection {
	color: #fff;
	background: #900;
}

ruby {
	display: inline-table;
	margin: 0;
	padding: 0;
	border: none;
	white-space: nowrap;
	text-indent: 0;
	vertical-align: text-bottom !important;
	text-decoration: none;
	text-align: center;
	line-height: 100%;
}

ruby rt, a:link ruby rt, a:visited ruby rt {
	display: table-header-group;
	margin: 0;
	padding: 0;
	border: none;
	font: inherit;
	font-size: 70%;
	line-height: 100%;
	text-decoration: none;
}

ruby rp { display: none; }

form input {
	margin: 0;
	padding: 2px 3px;
}

*[target="_blank"]:after {
	margin: 0 2px;
	content: url(../images/new-icon.png);
}


/*------------clearfix-------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*---------------------------------*/

/* common
------------------------------------------------------------*/
html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	background: #f0f4fa;
}

#wrapper {
	margin: 30px auto;
	padding: 0;
	width: 1000px;
	height: auto;
	        box-shadow: 3px 3px 7px #444;
	-webkit-box-shadow: 3px 3px 7px #444;
	   -moz-box-shadow: 3px 3px 7px #444;
	background: #dfdff7;
}

/* content
------------------------------------------------------------*/
	#content {
		margin: 0;
		padding: 0;
	}
	
		#left-cont {
			float: left;
			display: block;
			width: 697px;
			height: auto;	 	
		}
	
/* header
------------------------------------------------------------*/
			#header {
				margin: 0;
				padding: 30px 0;
				height: 42px;
				background: url(../images/header.jpg) 0 0 no-repeat;
			}
			
				#header h1 {
					margin: 0;
					padding: 0;
					color: #fff;
					text-indent: 22px;
				}
				
				#header #sTitle {
					margin: 0;
					padding: 0;
					text-indent: 20px;
				}
				
					#header #sTitle a {
						margin: 0;
						padding: 0;
						color: #fff;
						font-weight: bold;
						font-size: 20px;
						text-decoration: none;
					}

/* breadcrumb
------------------------------------------------------------*/
			#breadcrumb {
				margin: 0;
				padding: 7px 25px 5px 25px;
				height: 18px;
				color: #261d7e;
				font-size: 18px;
				font-weight: 900;
				background: #fff;
			}
			
				#breadcrumb ul {
					margin: 0;
					padding: 0;
				}
				
					#breadcrumb ul li {
						display: inline;
						margin: 0;
						padding: 0;
					}
					
						#breadcrumb ul li a {
							margin: 0;
							padding: 0;
							color: #261d7e;	
							font-weight: 590;
							font-size: 10px;
							text-decoration: none;
						}
						
							#breadcrumb ul li a:hover {
								margin: 0;
								padding: 0;
								text-decoration: underline;
							}
							
/* main-img
------------------------------------------------------------*/
			#main-img {
				margin: 0 auto;
				width: 697px;
				height: 500px;
				text-align: center;
				background: #fff url(../images/keyvisual_bg.jpg) repeat;
			}
			
				#main-img img {
					margin: 21px auto;
					width: 642px;
					height: 457px;
				}
				
/* main-cont
------------------------------------------------------------*/
		#content #main-cont {
			margin: 0;
			padding: 20px;
			background: #fff;
		}
		
			#content #main-cont h2 {
				margin: 15px 0 0 0;
				padding: 3px 0 0 0;
				height: 21px;
				color: #000;
				text-indent: 10px;
				font-size: 17px;
				font-weight: 600;
				background:
				-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.97, #c0b7b0),
				color-stop(0.98, #fff),
				color-stop(1, #fff)
				);
				background:
				-moz-linear-gradient(
				center top,
				#c0b7b0 97%,
				#fff 98%,
				#fff 100%
				);
				border-bottom: 4px solid #99cf17;
			}
		
			#content #main-cont .section {
				margin: 15px 0 0 0;
				padding: 10px 10px 10px 10px;
			}
		
			
			#content #main-cont .section p {
				padding: 0;
				line-height: 1.4;
				font-size: 14px;
				text-shadow: 0 0 1px #999;
			}

/* bottom_nav
------------------------------------------------------------*/
	#bottom_area {
		margin: 0;
		padding: 20px;
		background: #fff;
	}
	
		#bottom_area h3 {
			margin: 0 0 5px 0;
			padding: 3px 0 0 0;
			height: 25px;
			line-height: 25px;
			color: #749f0e;
			text-indent: 8px;
			font-size: 16px;
			font-weight: bold;
							border-radius: 5px 5px 0 0 / 5px 5px 0 0;
			-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
				 -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
					 -o-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
					-ms-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
			border: 1px solid #ccc;
			border-bottom: 4px solid #749f0e;
			background:
				-webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0.4, #fff),
				color-stop(0.45, #f8f8f8),
				color-stop(1, #f8f8f8)
			);
			background:
				-moz-linear-gradient(
				center top,
				#fff 40%,
				#f8f8f8 45%,
				#f8f8f8 100%
			);
		}
	
		.bottom_nav01 {
			float: left;
			margin: 0;
			padding: 0 10px 0 0;
			width: 469px;
		}
		
			.bottom_nav01 ul, .bottom_nav02 ul {
				margin: 10px 0 0 0;
				padding: 0;
			}
			
				.bottom_nav01 ul li, .bottom_nav02 ul li {
					margin: 0;
					padding: 0;
				}
				
					.bottom_nav01 ul li a, .bottom_nav02 ul li a {
						display: block;
						margin: 0;
						padding: 0;
						height: 30px;
						line-height: 30px;
						color: #749f0e;
						font-size: 15px;
						font-weight: bold;
						text-indent: 10px;
						text-decoration: none;
						border-left: 10px solid #749f0e;
					}
					
						.bottom_nav01 ul li a:hover, .bottom_nav02 ul li a:hover {
							color: #4b6904;
							border-left: 10px solid #4b6904;
							background: #eee;
						}
						
		.bottom_nav02 {
			float: right;
			margin: 0;
			padding: 0;
			width: 469px;
		}
		
/* footer
------------------------------------------------------------*/
	#footer {
		margin: 0;
		padding: 35px 20px 30px 20px;
		height: 23px;
		color: #fff;
		background: #261d7e;
	}
	
		#footer small {
			margin: 0;
			padding: 0;
		}
		
/* nav
------------------------------------------------------------*/
		#content #side-nav {
			float: right;
			margin: 131px 0 0 0;
			padding: 0 0 0 2px;
			width: 301px;
			background: #dfdff7;
		}
		
			#content #side-nav ul {
				margin: 0;
				padding: 0;
			}
			
				#content #side-nav ul li {
					margin: 0;
					padding: 0;
				}
				
					#content #side-nav ul li a {
						display: block;
						margin: 0 0 4px 0;
						padding: 0;
						width: 289px;
						height: 45px;
						line-height: 45px;
						text-indent: 20px;
						color: #000;
						font-size: 16px;
						font-weight: bold;
						text-decoration: none;
						border: 1px solid #fff;
						border-left: none;
						        border-radius: 0 8px 8px 0 / 0 8px 8px 0;
						-webkit-border-radius: 0 8px 8px 0 / 0 8px 8px 0;
						   -moz-border-radius: 0 8px 8px 0 / 0 8px 8px 0;
						     -o-border-radius: 0 8px 8px 0 / 0 8px 8px 0;
						    -ms-border-radius: 0 8px 8px 0 / 0 8px 8px 0;
						background:
						-webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(0.49, #b7b7b9),
						color-stop(0.50, #afafb1),
						color-stop(1, #afafb1)
						);
						background:
						-moz-linear-gradient(
						center top,
						#b7b7b9 49%,
						#afafb1 50%,
						#afafb1 100%
						);
					}
					
						#content #side-nav ul li a:hover {
						color: #fff;
						background:
						-webkit-gradient(
						linear,
						left top,
						left bottom,
						color-stop(0.49, #3967bd),
						color-stop(0.50, #2355b6),
						color-stop(1, #2355b6)
						);
						background:
						-moz-linear-gradient(
						center top,
						#3967bd 49%,
						#2355b6 50%,
						#2355b6 100%
						);
						}
						
/* xRay-link
------------------------------------------------------------*/
ul.xRay-link {
	clear: both;
	margin: 15px 0;
	padding: 7px 15px;
	border-left: 7px solid rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.05);
}

	ul.xRay-link li {
		display: inline;
		margin: 0 15px 50px 0;
		padding: 0;
		line-height: 1.7;
	}