@charset "shift-jis";

/* --------------------------------------------------
 * 
 * common
 * 
 * --------------------------------------------------
 */

/* container ---------- */
body {
	background: #fff;
	color: #282828;
}

#wrapper {
	position: relative;
	width: 100%;
}

/* link color ---------- */
a {
	color: #003473;
	outline: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

a {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover {
	opacity: 0.50;
	filter: alpha(opacity=50);
}

/* --------------------------------------------------
 * 
 * layer
 * 
 * --------------------------------------------------
 */
/* header */
#header_normal {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 400;
}
#header_mini {
	position: fixed;
	left: 0;
	top: -63px;
	z-index: 401;
}
/* article */
#article {
	position: relative;
	z-index: 100;
}
#tools {
	position: fixed;
	left: 0;
	bottom: -45px;
	z-index: 200;
}
/* footer */
#footer {
	position: relative;
	z-index: 300;
}


/* --------------------------------------------------
 * 
 * header
 * 
 * --------------------------------------------------
 */

#header_normal {
	width: 100%;
	background: #e9eaf3;
}
	#header_normal .header_container {
		position: relative;
		width: 1024px;
		height: 160px;
		margin: 0 auto 0 auto;
	}
		/* logo */
		#header_normal h1 {
			position: relative;
			display: block;
			width: 114px;
		}
		/* global navi */
		#header_normal .gnav {
			position: absolute;
			left: 278px;
			top: 116px;
		}
			#header_normal .gnav ul {
				
			}
				#header_normal .gnav li {
					margin-left: 33px;
					padding-bottom: 6px;
					float: left;
				}
				#header_normal .gnav li.selected {
					border-bottom: 8px solid #6f79ab;
				}
					#header_normal .gnav li a {
						display: block;
					}
		/* header navi */
		#header_normal .hnav {
			position: absolute;
			right: 0;
			top: 22px;
			width: 289px;
		}
			#header_normal .hnav ul {
				
			}
				#header_normal .hnav li {
					margin-top: 10px;
					margin-left: 10px;
					float: left;
				}
					#header_normal .hnav li a {
						
					}
				#header_normal .hnav li.hnav_shop {
					margin-top: 0;
					float: right;
				}
					#header_normal .hnav li.hnav_shop a {
						padding: 0 5px 0 5px;
					}
/* mini ----- */
#header_mini {
	width: 100%;
	background: url(../image/header_mini/bg.png) repeat-x;
}
	#header_mini .header_container {
		position: relative;
		width: 1024px;
		height: 63px;
		margin: 0 auto 0 auto;
	}
		/* logo */
		#header_mini h1 {
			position: relative;
			display: block;
		}
		/* global navi */
		#header_mini .gnav {
			position: absolute;
			left: 70px;
			top: 17px;
			width: 643px;
		}
			#header_mini .gnav ul {
				margin-left: -20px;
			}
				#header_mini .gnav li {
					margin: 0 0 0 20px;
					float: left;
				}
					#header_mini .gnav li a {
						display: block;
						padding: 0 5px 0 5px;
					}
		/* header navi */
		#header_mini .hnav {
			position: absolute;
			right: 0;
			top: 11px;
			width: 289px;
		}
			#header_mini .hnav ul {
				margin-left: -12px;
			}
				#header_mini .hnav li {
					margin: 7px 0 0 12px;
					float: left;
				}
				#header_mini .hnav li.hnav_shop {
					margin-top: 0;
					float: right;
				}
					#header_mini .hnav li a {
						
					}
					#header_mini .hnav li.hnav_shop a {
						padding: 0 5px 0 5px;
					}


/* --------------------------------------------------
 * 
 * article
 * 
 * --------------------------------------------------
 */

#article {
	clear: both;
	width: 100%;
}
	#article .article_container {
		position: relative;
		width: 100%;
		margin: 0 auto 0 auto;
		padding-top: 160px;
		padding-bottom: 140px;
	}
		/* section : max width 960px */
		#article .section_static {
			clear: both;
			width: 1024px;
			margin: 0 auto 0 auto;
		}
		/* section : fixed window width */
		#article .section_requid {
			clear: both;
			width: 100%;
		}
		
		/* category navi ---------- */
		#category_navi {
			position: relative;
			z-index: 199;
			width: 100%;
			height: 58px;
			background: url(../image/category_navi/bg.png) repeat-x;
		}
			#category_navi .container {
				width: 1024px;
				margin: 0 auto 0 auto;
			}
				#category_navi ul {
					
				}
					#category_navi li {
						position: relative;
						float: right;
						margin-left: 20px;
					}
						#category_navi li a {
							position: relative;
							display: block;
							padding: 0 10px;
							font-size: 86%;
							color: #fff;
							text-decoration: none;
						}
							#category_navi li .submenu {
								position: absolute;
								top: 34px;
								display: none;
								width: 200px;
							}
								#category_navi li .submenu li {
									display: block;
									margin: 0;
									padding: 0;
									background: #6f79ab;
									float: none;
								}
									#category_navi li .submenu li a {
										display: block;
										padding: 7px 12px;
									}
		/* category main view ---------- */
		#category_main_view {
			width: 100%;
			height: 236px;
			/*margin-top: -24px;*/
			background: #c9cbe0;
			overflow: hidden;
		}
			#category_main_view .container {
				width: 1350px;
			}
				#category_main_view p {
					display: block;
				}
				#category_main_view .title {
					display: block;
				}
		/* category content ---------- */
		#category_content {
			padding-top: 75px;
		}


/*　パンくず　*/
#category_content .breadcrumb {
  padding-bottom: 20px;
  margin-top: -60px;
  margin-left: 0;
}
/*横に並ぶように*/
.breadcrumb li{
  display:inline;
  list-style: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 92%;
}
/* >を表示*/
.breadcrumb li:after{
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}
/*色*/
.breadcrumb li a {
    text-decoration: none;
    color: #002e75;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}
/*　パンくず　*/


			/* content wide block */
			#content_wide_block {
				width: 1024px;
			}
			/* content wide block */
			#content_middle_block {
				width: 904px;
				margin: 0 auto;
			}
			/* content block */
			#content_block {
				width: 750px;
				float: left;
			}
				/* page title */
				#content_block .page_title {
					clear: both;
				}
				/* box title */
				#content_block .box_title {
					clear: both;
					margin-top: 60px;
					padding: 4px 14px;
					background: #f2f2f2;
					font-size: 100%;
					font-weight: bold;
					color: #003473;
				}
			/* aside block */
			#aside_block {
				width: 230px;
				float: right;
			}
				/* aside navi */
				#aside_nav {
					margin-top: -16px;
				}
					#aside_nav li {
						margin-top: 16px;
					}
				/* aside banner */
				#aside_banner {
					padding-top: 14px;
				}
					#aside_banner li {
						margin-top: 16px;
					}
	


/* --------------------------------------------------
 * 
 * tools
 * 
 * --------------------------------------------------
 */

#tools {
	clear: both;
	width: 100%;
	/*background:url(../img/footer/pagetop_bg.png) repeat-x;*/
}
	#tools .tools_container {
		position: relative;
		width: 100%;
		height: 45px;
	}
		#tools .tools_container:after {
			content: "";
			overflow: hidden;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 201;
			width: 100%;
			height: 45px;
			background:url(../image/footer/pagetop_bg.png) repeat-x;
		}
		/* pagetop */
		#tools .pagetop {
			position: relative;
			z-index: 202;
			width: 1024px;
			margin: 0 auto 0 auto;
			padding: 5px 0 3px 0;
			text-align: right;
		}
	


/* --------------------------------------------------
 * 
 * information
 * 
 * --------------------------------------------------
 */
#information {
	clear: both;
	width: 100%;
	background: #f4f4f4;
}
	#information .information_container {
		position: relative;
		width: 1024px;
		margin: 0 auto 0 auto;
		padding: 60px 0;
	}




/* --------------------------------------------------
 * 
 * footer
 * 
 * --------------------------------------------------
 */
#footer {
	clear: both;
	width: 100%;
	background: #002e75;
}
	#footer .footer_container {
		position: relative;
		width: 1024px;
		margin: 0 auto 0 auto;
		padding-top: 30px;
	}
		/* fnavi */
		#footer .fnav {
			padding-bottom: 30px;
			border-bottom: 1px solid #2a5392;
			text-align: center;
		}
			#footer .fnav span {
				padding: 0 20px;
			}
				#footer .fnav span a {
					font-size: 86%;
					color: #fff;
					text-decoration: none;
				}
		/* sitemap */
		#footer .sitemap {
			padding-top: 20px;
			padding-bottom: 20px;
			margin-left: -40px;
		}
			#footer .sitemap .item {
				display: block;
				width: 226px;
				margin-left: 40px;
				float: left;
			}
				#footer .sitemap .item dl {
					padding-top: 30px;
				}
					/* second */
					#footer .sitemap .item dt {
						
					}
						#footer .sitemap .item dt a {
							font-size: 100%;
							font-weight: bold;
							color: #fff;
							text-decoration: none;
						}
					#footer .sitemap .item dd {
						padding-left: 12px;
					}
						/* third */
						#footer .sitemap .item dd ul {
							
						}
							#footer .sitemap .item dd ul li {
								margin-top: 8px;
							}
							#footer .sitemap .item dd ul li.category {
								margin-top: 8px;
								font-size: 93%;
								color: #c9cbe0;
							}
							#footer .sitemap .item dd ul li.child {
								padding-left: 1em;
							}
								#footer .sitemap .item dd ul li a {
									font-size: 86%;
									color: #fff;
									text-decoration: none;
								}
								/* forth */
								#footer .sitemap .item dd ul ul {
									
								}
									#footer .sitemap .item dd ul ul li {
										
									}
		/* container */
		#footer .container {
			clear: both;
			padding-top: 40px;
		}
			#footer .logo {
				text-align: center;
			}
			#footer small {
				display: block;
				padding-top: 15px;
				padding-bottom: 60px;
				text-align: center;
				color: #fff;
			}




/* --------------------------------------------------
 * 
 * floating window
 * 
 * --------------------------------------------------
 */
#window {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	width: 100%;
	height: 100%;
	background: url(../image/window/bg.png);
}
	.window_frame {
		width: 950px;
		margin: 0 auto;
		background: #fff;
	}