@charset "utf-8";

/*****************************************
			Global Setting
*****************************************/
html {
	background-color: #FFFDF0;
}
/*****************************************
				Container
*****************************************/
#container {
	min-height: 100%;
	position: relative;
}
/*****************************************
				Header
*****************************************/
#header {
	width: 100%;
	min-width: 1180px;
}
#headerContents {
	background: url("../img/parts/red_back.png") 0 0 repeat #000;
	width: 100%;
	text-align: right;
}
#logoTitle {
	width: 177px;
	height: 96px;
	position: absolute;
	top: 27px;
	left: 18px;
	z-index: 1000;
}
#logoTitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/parts/logo_title.png) 0 0 no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}
#logoTitle a:hover {
	transform: scale(0.95);
}
/*****************************************
				Tools
*****************************************/
#tools {
	display: inline-block;
	padding: 0 16px 16px 0;
	letter-spacing: -0.4em;
	font-size: 87.5%;
}
/*****************************************
			Size Changer
*****************************************/
#sizeChanger {
	display: inline-block;
	margin: 16px 0 0 0;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
}
#sizeChanger dt {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 8px 0 0;
	line-height: 42px;
	color: #FFF;
}
#sizeChanger dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
}
#sizeChanger dd#df {
	font-size: 90%;
}
#sizeChanger dd#zf {
	font-size: 110%;
}
#sizeChanger dd a {
	display: block;
	height: 38px;
	line-height: 38px;
	color: #8C160A;
	border: 2px solid #DDD;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}
#sizeChanger dd#df a {
	background: url("../img/parts/tool_line_left.png") 100% 50% no-repeat #FFF;
	padding: 0 14px;
	border-right: none;
	border-radius: 4px 0 0 4px;
}
#sizeChanger dd#zf a {
	background: url("../img/parts/tool_line_right.png") 0 50% no-repeat #FFF;
	padding: 0 14px;
	border-left: none;
	border-radius: 0 4px 4px 0;
}
#sizeChanger dd#df a:hover {
	background: url("../img/parts/tool_line_left_w.png") 100% 50% no-repeat #000;
	border-color: #FFF;
	color: #FFF;
}
#sizeChanger dd#zf a:hover {
	background: url("../img/parts/tool_line_right_w.png") 0 50% no-repeat #000;
	border-color: #FFF;
	color: #FFF;
}
/*****************************************
			Color Changer
*****************************************/
#colorChanger {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	overflow: hidden;
	margin: 16px 0 0 16px;
}
#colorChanger dt {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 8px 0 0;
	line-height: 42px;
	color: #FFF;
}
#colorChanger dd {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 3px 0 0;
	font-size: 90%;
}
#colorChanger dd#bg_black {
	margin: 0;
}
#colorChanger dd a {
	display: block;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	min-width: 38px;
	height: 38px;
	line-height: 38px;
	border: 2px solid #DDD;
	border-radius: 4px;
}
#colorChanger dd#bg_default a {
	background: #FFF;
	color: #000;
}
#colorChanger dd#bg_blue a {
	background: #04B;
	color: #FF0;
}
#colorChanger dd#bg_yellow a {
	background: #FD0;
	color: #000;
}
#colorChanger dd#bg_black a {
	background: #000;
	color: #FF0;
}
#colorChanger dd#bg_default a:hover {
	background: #000;
	color: #FFF;
	border-color: #FFF;
}
#colorChanger dd#bg_blue a:hover {
	background: #47D;
	color: #FF0;
	border-color: #47D;
}
#colorChanger dd#bg_yellow a:hover {
	background: #FF0;
	color: #006;
	border-color: #FF0;
}
#colorChanger dd#bg_black a:hover {
	background: #666;
	color: #FFF;
	border-color: #666;
}
/*****************************************
			Browser Support
*****************************************/
#btnBrowserSupport {
	display: inline-block;
	margin: 16px 0 0 16px;
	text-align: left;
	letter-spacing: normal;
	vertical-align: top;
	position: relative;
	z-index: 4000;
}
#browserSupport {
	display: block;
	background-color: #FFF;
	line-height: 38px;
	padding: 0 16px;
	overflow: hidden;
	color: #8C160A;
	text-align: center;
	position: relative;
	cursor: pointer;
	border: 2px solid #DDD;
	border-radius: 4px;
	text-decoration: none;
}
#browserSupport:hover {
	background-color: #000;
	border-color: #FFF;
	color: #FFF;
}
/*****************************************
				Language
*****************************************/
#language {
	display: inline-block;
	margin: 16px 0 0 16px;
	letter-spacing: normal;
	vertical-align: top;
	position: relative;
	z-index: 4000;
	text-align: left;
}
#btnLanguage {
	display: block;
	background: url("../img/parts/arw_down.png") 95% 50% no-repeat;
	background-color: #FFF;
	line-height: 38px;
	padding: 0 24px 0 16px;
	overflow: hidden;
	color: #8C160A;
	text-align: center;
	position: relative;
	cursor: pointer;
	border: 2px solid #DDD;
	border-radius: 4px;
	text-decoration: none;
}
#btnLanguage:hover {
	background: url("../img/parts/arw_down_w.png") 95% 50% no-repeat;
	background-color: #000;
	border-color: #FFF;
	color: #FFF;
}
#language ul {
	display: none;
	width: 100%;
	height: auto;
	padding: 10px 0 0 0;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 4000;
	overflow: hidden;
}
#language ul li {
	background: #FFF;
	margin: -1px 0 0 0;
	border: 1px solid #DDD;
}
#language ul li a {
	background: #FFF;
	display: block;
	padding: 3px 14px;
	text-decoration: none;
	color: #8C160A;
}
#language ul li a:hover {
	background-color: #000;
	border-color: #000;
	color: #FFF;
}
/*****************************************
				Foreigners
*****************************************/
#foreigners {
	display: inline-block;
	margin: 16px 0 0 16px;
	letter-spacing: normal;
	vertical-align: top;
	position: relative;
	z-index: 4000;
	text-align: left;
}
#btnForeigners {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
	height: 38px;
	padding: 0 14px;
	border: 2px solid #DDD;
	border-radius: 4px;
	text-decoration: none;
	line-height: 1.4;
	font-size: 83%;
	color: #8C160A;
}
#btnForeigners:hover {
	background: #000;
	border-color: #FFF;
	color: #FFF;
}
/*****************************************
				Navigation
*****************************************/
#gNav {
	background: #111;
	width: 100%;
	min-width: 1330px;
	height: 80px;
	position: relative;
	clear: both;
}
#gNavInner {
	width: 1000px;
	margin: 0 auto;
}
#gNavInner > ul {
	display: flex;
	width: 100%;
	list-style: none;
	justify-content: space-between;
}
#gNavInner > ul > li {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: url("../img/gnav/dot_white_op.png") 0 50% no-repeat;
	background-size: 3px 20px;
	width: 209px;
	height: 80px;
}
#gNavInner > ul > li:last-of-type {
	width: 164px;
}
#gNavInner > ul > li > a {
	display: flex;
	width: 100%;
	height: 100%;
	padding: 13px 0 17px 0;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: url("../img/parts/arw_down_w.png") 50% 90% no-repeat;
	color: #FFF;
	text-decoration: none;
	font-size: 110%;
	line-height: 1.3;
	box-sizing: border-box;
}
#gNavInner > ul > li > a:hover,
#gNavInner > ul > li > a.active {
	background-color: #950032;
}
#gNavInner > ul > li:last-of-type a {
	display: flex;
	width: 100%;
	height: 52px;
	padding: 0 30px 0 20px;
	justify-content: center;
	align-items: center;
	background: url("../img/gnav/mark_bard.png") 90% 50% no-repeat #E0F6FF;
	color: #1E3590;
	text-decoration: none;
	font-size: 110%;
	border-radius: 3px;
	box-sizing: border-box;
}
#gNavInner > ul > li:last-of-type a:hover {
	background-color: #FFD;
	color: #950032;
}
#gNavInner > ul > li > a > span {
	display: flex;
	width: 100%;
	font-size: 80%;
	justify-content: center;
}
/*
#gNavInner > ul > li > a:hover,
#gNavInner > ul > li > a.active {
	background: url("../img/parts/arw_down.png") 50% 90% no-repeat #FFF;
	color: #8C160A;
}
*/
/*****************************************
				Box
*****************************************/
.gNavBox {
	display: none;
	width: 100%;
	padding: 5px 0 0 0;
	text-align: left;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 2000;
}
.gNavBoxInner {
	background: #950032;
	width: 100%;
	position: relative;
}
.gNavBoxContents {
	width: 1020px;
	margin: 0 auto;
	padding: 0 0 20px 20px;
}
.gNavBoxContents > h2 {
	background: url("../img/gnav/point_mark.png") 0 12px no-repeat;
	color: #FFDC60;
	font-size: 175%;
	font-weight: bold;
	padding: 6px 0 12px 48px;
	letter-spacing: 0.1em;
}
.gNavBoxContents > h2 > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 62.5%;
	font-weight: normal;
	padding: 0 0 0 24px;
}
.gNavBoxContents > h2 > a,
.gNavBoxContents > h2 > span > a {
	color: #FFDC60;
}
.gNavBoxContents > h2 > a:hover,
.gNavBoxContents > h2 > span > a:hover {
	color: #FF0;
}
.gNavBoxContentsInner {
	display: flex;
	flex-wrap: wrap;
}
.gNavBoxClass {
	display: flex;
	flex-wrap: wrap;
	width: 236px;
	min-height: 33px;
	margin: 0 18px 0 0;
}
.gNavBoxClass:nth-of-type(4n) {
	margin: 0 0 0 0;
}
.gNavBoxClass:nth-of-type(-n+4) {
	background: url("../img/gnav/dot_yellow.png") 0 0 repeat-x;
	padding: 1px 0 0 0;
}
.gNavBoxClass > h3 {
	display: flex;
	align-items: center;
	background: url("../img/gnav/dot_yellow.png") 0 100% repeat-x;
	padding: 0 0 1px 0;
	width: 100%;
	min-height: 33px;
	font-size: 105%;
	font-weight: bold;
	color: #FFF;
}
.gNavBoxClass > h3 > a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
}
.gNavBoxClass > h3 > a:hover {
	background: #FFF;
	color: #950032;
}
.gNavBoxClass > ul {
	width: 100%;
	padding: 5px 0 0 10px;
	list-style: none;
	font-size: 87.5%;
}
.gNavBoxClass > ul > li > a {
	background: url("../img/gnav/point_circle.png") 0 6px no-repeat;
	padding: 0 0 0 15px;
	color: #FFF;
	text-decoration: none;
}
.gNavBoxClass > ul > li > a:hover {
	color: #FF0;
	text-decoration: underline;
}
.btnDisplay {
	display: block;
	background: url("../img/gnav/point_box.png") 10px 11px no-repeat;
	width: 7em;
	margin: 10px 0 0 auto;
	padding: 4px 10px 4px 28px;
	border: 1px solid #B8A967;
	font-size: 87.5%;
	text-decoration: none;
	color: #FFF !important;
}
.btnDisplay:hover {
	background: url("../img/gnav/point_box_hover.png") 10px 11px no-repeat;
	border: 1px solid #EE0;
	background-color: #FF0;
	color: #000 !important;
}
/*
.gNavBoxArw {
	display: block;
	background: url("../img/gnav/point_triangle.png") 50% 0 no-repeat;
	width: 38px;
	height: 30px;
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
	position: absolute;
	top: -25px;
	left: 50%;
}
.nav01 .gNavBoxArw { margin: 0 0 0 -460px; }
.nav02 .gNavBoxArw { margin: 0 0 0 -342px; }
.nav03 .gNavBoxArw { margin: 0 0 0 -222px; }
.nav04 .gNavBoxArw { margin: 0 0 0 -34px; }
.nav05 .gNavBoxArw { margin: 0 0 0 164px; }
.nav06 .gNavBoxArw { margin: 0 0 0 283px; }
*/
/*****************************************
				Color Box
*****************************************/
/* 
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#colorbox.navtype,
#cboxOverlay.navtype,
.navtype #cboxWrapper {
	overflow: visible;
}
#colorbox.navtype {
	width: 100% !important;
	height: 100vh !important;
	top: 0 !important;
	left: 0 !important;
	position: fixed !important;
}
.navtype #cboxWrapper {
	width: 100% !important;
	height: 120vh !important; 
}
#cboxOverlay.navtype {
	background: #000;
	opacity: 0.9 !important;
	filter: alpha(opacity = 90) !important;
}
.navtype #cboxTopLeft,
.navtype #cboxTopRight,
.navtype #cboxBottomLeft,
.navtype #cboxBottomRight,
.navtype #cboxMiddleLeft,
.navtype #cboxMiddleRight,
.navtype #cboxTopCenter,
.navtype #cboxBottomCenter {
	display: none;
	background: none;
}
.navtype #cboxContent {
	background: none;
	overflow: visible;
}
.navtype .cboxIframe {
	background: #FFF;
}
.navtype #cboxError {
	padding: 50px;
	border: 1px solid #CCC;
}
.navtype #cboxLoadedContent {
	height: auto !important;
	margin-bottom: 28px;
}
.navtype #cboxTitle {
	position: absolute;
	bottom: 4px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #949494;
}
.navtype #cboxCurrent {
	position: absolute;
	bottom: 4px;
	left: 58px;
	color: #949494;
}
.navtype #cboxLoadingOverlay {
	background: none;
}
.navtype #cboxLoadingGraphic {
	background: none;
}
.navtype #cboxClose {
	display: block;
	background: url(../img/parts/close.png) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: fixed;
	top: calc(50vh - 77px);
	right: calc(50vw - 257px);
	z-index: 10000;
}
.navtype #cboxClose:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/*****************************************
				Wrapper
*****************************************/
#wrapper {
	clear: both;
	padding: 0 0 355px 0;
	position: relative;
}
#wrapperHead {
	background: url("../img/title/cat_title_bg.jpg") 50% 50% no-repeat #000;
	background-size: cover;
	width: 100%;
	min-width: 1180px;
	box-sizing: border-box;
	position: relative;
}
#wrapperHeadInner {
	display: flex;
	width: 1020px;
	height: 200px;
	margin: 0 auto;
	overflow: hidden;
}
#sideSearchTop,
#sideSearch {
	display: none;
	background: url("../img/parts/btn_search_page.png") 100% 0 no-repeat;
	width: 88px;
	height: 82px;
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 5000;
	transition: 0s;
}
#sideSearchTop:hover,
#sideSearch:hover {
	opacity: 0.7;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
	display: flex;
	flex-wrap: wrap;
	width: 495px;
	height: 200px;
}
#categoryTitle .innerTitle {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 200%;
	font-weight: bold;
	color: #FFF;
}
/*****************************************
				Search
*****************************************/
#floatBox {
	width: 100% !important;
	height: 200vh !important;
	position: fixed;
	left: 0;
	top: 0;
}
#floatSearchBox,
#searchBox {
	background: url("../img/parts/search.png") 0 0 no-repeat;
	width: 520px;
	height: 193px;
	margin: 3px;
	padding: 15px 0 0 15px;
	box-sizing: border-box;
	float: right;
}
#floatSearchBox {
	margin: 0;
	margin-top: calc(50vh - 96px);
	margin-left: calc(50vw - 260px);
	float: none;
}
#floatSearchBoxInner,
#searchBoxInner {
	background: #FFF;
	width: 490px;
	height: 163px;
	position: relative;
	overflow: hidden;
}
#floatSearchBoxInner h2,
#searchBoxInner h2 {
	background: url("../img/parts/search_title_page.png") 4px 0 no-repeat;
	width: 100%;
	height: 22px;
	margin: 4px 0 10px 0;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}
#floatSearchBoxInner .tab,
#searchBoxInner .tab {
	height: 54px;
	margin: -2px 0 0 0;
	list-style: none;
	letter-spacing: -0.4em;
	text-align: left;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
#floatSearchBoxInner .tab li,
#searchBoxInner .tab li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: 180px;
	height: 54px;
	margin: 0 5px 0 0;
	line-height: 23px;
}
#floatSearchBoxInner .tab li a,
#searchBoxInner .tab li a {
	display: block;
	height: 47px;
	margin: 7px 0 0 0;
	border: 2px solid #DDD;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 4px;
	box-sizing: border-box;
	color: #000;
	transition: 0s;
}
#floatSearchBoxInner .tab li a.active,
#floatSearchBoxInner .tab li a:hover,
#searchBoxInner .tab li a.active,
#searchBoxInner .tab li a:hover {
	height: 54px;
	margin: 0;
	border-top: none;
	border-radius: 0;
}
#floatSearchBoxInner .tab li.nav01 a,
#searchBoxInner .tab li.nav01 a { background: url("../img/parts/s_g.png") 50% 50% no-repeat #FFF; }
#floatSearchBoxInner .tab li.nav02 a,
#searchBoxInner .tab li.nav02 a { background: url("../img/parts/s_s.png") 50% 50% no-repeat #FFF; }
#floatSearchBoxInner .tab li.nav01 a.active,
#floatSearchBoxInner .tab li.nav01 a:hover,
#searchBoxInner .tab li.nav01 a.active,
#searchBoxInner .tab li.nav01 a:hover { background: url("../img/parts/s_g_o.png") 50% 50% no-repeat #FF9; }
#floatSearchBoxInner .tab li.nav02 a.active,
#floatSearchBoxInner .tab li.nav02 a:hover,
#searchBoxInner .tab li.nav02 a.active,
#searchBoxInner .tab li.nav02 a:hover { background: url("../img/parts/s_s_o.png") 50% 50% no-repeat #FF9; }
#floatSearchContents01,
#floatSearchContents02,
#searchContents01,
#searchContents02 {
	display: block;
	background: #FF9;
	height: 74px;
	padding: 8px;
	border: 2px solid #DDD;
	box-sizing: border-box;
}
#floatSearch,
#search {
	display: block;
	background: #950032;
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	height: 54px;
	border: 2px solid #950032;
	overflow: hidden;
	text-align: left;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
}
#floatSearch form label,
#search form label {
	color: #FFF;
}
#field_search_float,
#field_search {
	background: url("../img/parts/btn_search.png") 14px 50% no-repeat #FFF;
	width: 380px;
	padding: 0 15px 0 50px;
	line-height: 50px;
	border: none;
	outline: none;
	box-sizing: border-box;
}
input#field_search_float:focus,
input#field_search:focus {
	outline: 0;
}
#btn_search_float,
#btn_search {
	display: block;
	background: url("../img/parts/search_text.png") 50% 50% no-repeat #950032;
	width: 98px;
	height: 50px;
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
	border: none;;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	transition: 0.2s;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 500;
}
#btn_search_float:hover,
#btn_search:hover {
	background-color: #F48;
}
#floatGoogleBox,
#googleBox {
	display: block;
	background: #950032;
	letter-spacing: normal;
	vertical-align: top;
	width: 100%;
	height: 54px;
	border: 2px solid #950032;
	overflow: hidden;
	text-align: left;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
}
#google_field {
	background: url("../img/parts/btn_search.png") 14px 50% no-repeat #FFF;
	width: 380px;
	padding: 0 15px 0 50px;
	height: 50px;
	line-height: 50px;
	border: none;
	outline: none;
	box-sizing: border-box;
}
#google_field:focus {
	outline: 0;
}
#btn_google_search {
	display: block;
	background: url("../img/parts/search_text.png") 50% 50% no-repeat #950032;
	width: 98px;
	height: 50px;
	white-space: nowrap;
	text-indent: 110%;
	overflow: hidden;
	border: none;;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	transition: 0.2s;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 500;
}
#btn_google_search:hover {
	background-color: #F48;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	margin-bottom: 78px;
	padding: 8px 0;
	border-bottom: 2px solid #950032;
}
#topicpath ol {
	width: 1000px;
	margin: 0 auto;
	list-style: none;
	letter-spacing: -0.4em;
}
#topicpath ol li {
	margin: 0;
	display: inline-block;
	line-height: 39px;
	letter-spacing: normal;
	vertical-align: top;
	color: #4E4E4E;
}
#topicpath ol li a {
	display: block;
	background: url("../img/parts/topicpath_arw.png") 100% 50% no-repeat;
	margin: 0 14px 0 0;
	padding: 0 22px 0 0;
}
#topicpath ol li a:hover {
	text-decoration: none;
}
#topicpath ol li:first-child a {
	display: block;
	background: url("../img/parts/topicpath.png") 100% 50% no-repeat #950032;
	height: 39px;
	margin: 0 12px 0 0;
	padding: 0 40px 0 30px;
	border-radius: 2px 0 0 2px;
	color: #FFF;
	text-decoration: none;
}
#topicpath ol li:first-child a:hover {
	opacity: 0.7;
}
/*****************************************
				Main
*****************************************/
#main {
	width: 100%;
	padding: 0 0 20px 0;
	position: relative;
}
#mainContents {
	background: #FFF;
	width: 1012px;
	margin: 0 auto;
	border-radius: 12px;
	box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}
/*****************************************
			Local Navigation
*****************************************/
#lNav {
	width: 1000px;
	margin: 0 auto 28px auto;
}
#lNav ul {
	background: #FFF;
	border: 2px solid #CCC;
	padding: 10px 5px 0 0;
	list-style: none;
	letter-spacing: -0.4em;
}
#lNav ul li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	margin: 0 0 10px 20px;
}
#lNav ul li a {
	display: block;
	background: url(../img/parts/list_point02.png) 0 9px no-repeat;
	padding: 0 0 0 10px;
}
/*****************************************
			   Page Title
*****************************************/
#pageTitle,
.newsTitle {
	width: 960px;
	margin: 20px auto 25px auto;
	padding: 3px 0 0 3px;
	overflow: hidden;
	border: 3px solid #000;
	border-radius: 7px;
	box-sizing: border-box;
}
#pageTitle .innerTitle,
.newsTitle .innerTitle {
	display: block;
	background: url("../img/title/title_mark.png") 13px 14px no-repeat, url("../img/title/title_bg.png") 0 0 repeat;
	padding: 8px 8px 8px 60px;
	color: #000;
	font-weight: bold;
	font-size: 175%;
	border-radius: 6px 0 0 0;
}
/*****************************************
				Contents
*****************************************/
#contents,
.contentsCalendar {
	width: 940px;
	margin: 0 auto 10px auto;
	padding: 0 10px;
	overflow: hidden;
	position: relative;
	z-index: 1000;
}
/*****************************************
			Contents Title
*****************************************/
#contents h2,
.contentsCalendar h2 {
	background: url("../img/title/title_line_pink.png") 8px 50% no-repeat;
	background-size: 5px 70%;
	margin: 15px -10px 8px -10px;
	padding: 6px 5px 4px 24px;
	font-size: 150%;
	font-weight: bold;
	border: 2px solid #950032;
	border-radius: 6px;
	overflow: hidden;
}
#contents h3,
.contentsCalendar h3 {
	background: url("../img/title/title_point.png") 10px 16px no-repeat, url("../img/title/title_line.png") 0 100% repeat-x;
	margin: 15px -10px 8px -10px;
	padding: 4px 5px 2px 28px;
	font-size: 135%;
	font-weight: bold;
}
#contents h4,
.contentsCalendar h4 {
	margin: 15px -10px 8px -10px;
	padding: 0 6px 4px 6px;
	border-bottom: solid 3px #CCC;
	font-size: 115%;
	font-weight: bold;
}
#contents h5,
.contentsCalendar h5 {
	margin: 15px -10px 8px -10px;
	padding: 0 6px 4px 6px;
	border-bottom: dashed 2px #AAA;
	font-size: 110%;
	font-weight: bold;
}
#contents h6,
.contentsCalendar h6 {
	margin: 15px -10px 8px -10px;
	padding: 0 6px 4px 6px;
	border-bottom: dotted 2px #AAA;
	font-size: 105%;
	font-weight: bold;
}
#contents h2:first-child,
#contents h3:first-child,
#contents h4:first-child,
#contents h5:first-child,
#contents h6:first-child,
.contentsCalendar h2:first-child,
.contentsCalendar h3:first-child,
.contentsCalendar h4:first-child,
.contentsCalendar h5:first-child,
.contentsCalendar h6:first-child {
	margin-top: 0;
}
/*****************************************
			List Index
*****************************************/
.list_index {
	clear: both;
	margin: 0 0 20px 0;
}
.list_index ul {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.list_index ul li {
	background: url("../img/title/title_point.png") 12px 22px no-repeat, url("../img/title/title_line.png") 0 100% repeat-x !important;
	margin: 0 !important;
	padding: 10px 3px 10px 35px !important;
}
.list_index ul li a {
	font-size: 137.5%;
	font-weight: bold;
	color: #0025B5;
}
.list_index ul li a:hover {
	color: #D00;
}
.list_index ul li p {
	margin: 2px 0 0 0 !important;
	font-size: 93%;
}
/*****************************************
			News List Index
*****************************************/
.newsListIndex {
	clear: both;
	margin: 0 0 20px 0;
}
.newsListIndex dl {
	padding: 6px 3px 6px 28px !important;
	list-style: none;
	background: url("../img/title/title_point.png") 12px 12px no-repeat, url("../img/title/title_line.png") 0 100% repeat-x;
}
.newsListIndex dl dt {
	font-size: 93%;
}
.newsListIndex dl dd a {
	color: #0025B5;
}
.newsListIndex dl dd a:hover {
	color: #D00;
}
.newsListIndex dl dd p {
	margin: 2px 0 0 0 !important;
	font-size: 93%;
}
/*****************************************
			Directory News
*****************************************/
#dirNews {
	width: 960px;
	margin: 0 auto 25px auto;
	border-bottom: 2px solid #CCC;
	overflow: hidden;
	position: relative;
}
#dirNews h3 {
	background: url("../img/title/title_line_pink.png") 8px 50% no-repeat;
	background-size: 5px 70%;
	margin: 15px 0 8px 0;
	padding: 6px 5px 4px 24px;
	font-size: 150%;
	font-weight: bold;
	border: 2px solid #950032;
	border-radius: 6px;
	overflow: hidden;
}
#dirNewsList {
	background: #FFF;
	height: 200px;
	margin: 0 auto;
	overflow: auto;
	position: relative;
	border-top: none;
}
#dirNews dl {
	padding: 10px 5px 10px 0;
	border-top: 1px dotted #666;
	overflow: hidden;
}
#dirNews dl:first-of-type {
	border-top: none;
}
#dirNews dl dt {
	width: 10.5em;
	padding: 0 0 0 0.5em;
	float: left;
	color: #950032;
}
#dirNews dl dd {
	margin: 0 0 0 11em;
}
/*****************************************
			Directory Index
*****************************************/
#dir,
#dirRel {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	letter-spacing: -0.4em;
}
.dirIndex,
#dirRelInfo,
.dirRelIndex {
	width: 462px;
	margin: 0 20px 20px 0;
	padding: 2px;
	background: #FFF;
	border: 2px solid #950032;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}
.dirIndex:nth-child(2n),
#dirRelInfo:nth-child(2n),
.dirRelIndex:nth-child(2n) {
	margin-right: 0;
}
.dirIndex h3,
#dirRelInfo h3,
.dirRelIndex h3 {
	background-color: #950032;
	padding: 8px 10px;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.41;
	overflow: hidden;
}
.dirIndex h3 a,
#dirRelInfo h3 a,
.dirRelIndex h3 a {
	color: #FFF;
	display: block;
}
.dirIndex h3 a:hover,
#dirRelInfo h3 a:hover,
.dirRelIndex h3 a:hover {
	color: #FF0;
}
#dirRelInfo { border: 2px solid #520; }
.dirRelIndex { border: 2px solid #075; }
#dirRelInfo h3 { background-color: #520; }
.dirRelIndex h3 { background-color: #075; }
.dirIndex p,
#dirRelInfo p,
.dirRelIndex p {
	margin: 8px 0;
	padding: 0 10px;
	line-height: 1.41;
}
.dirIndex ul,
#dirRelInfo ul,
.dirRelIndex ul {
	margin: 8px 10px;
	list-style: none;
	border-bottom: 1px dotted #999;
}
.dirIndex ul li,
#dirRelInfo ul li,
.dirRelIndex ul li {
	border-top: 1px dotted #999;
}
.dirIndex ul li a,
#dirRelInfo ul li a,
.dirRelIndex ul li a {
	background: url(../img/parts/list_point02.png) 7px 13px no-repeat;
	padding: 5px 5px 5px 18px;
	display: block;
	text-decoration: none;
}
.dirIndex ul li a:hover,
#dirRelInfo ul li a:hover,
.dirRelIndex ul li a:hover {
	background-color: #F3F4F5;
}
.dirIndex ul li p,
#dirRelInfo ul li p,
.dirRelIndex ul li p {
	display: block;
	margin: 2px 0 !important;
	padding: 0 0 0 5px;
	border-left: solid 3px #AAA;
	float: none;
	clear: both;
}
/*****************************************
		Directory Index Contents
*****************************************/
.dirIndexContents {
	overflow: hidden;
}
.dirIndexImage .dirIndexContents {}
.dirIndexImage .dirIndexContents img {
	display: block;
	margin: 8px auto 15px auto;
	max-width: 100%;
	height: auto;
}
.dirIndexImage {
	width: 462px;
	margin: 0 20px 20px 0;
	padding: 2px;
	background: #FFF;
	border: 2px solid #950032;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}
.dirIndexImage:nth-child(2n) {
	margin-right: 0;
}
.dirIndexImage h3 {
	background-color: #950032;
	padding: 8px 10px;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.41;
	overflow: hidden;
}
.dirIndexImage h3 a {
	color: #FFF;
	display: block;
}
.dirIndexImage h3 a:hover {
	color: #FF0;
}
.dirIndexImage p {
	margin: 8px 0;
	padding: 0 10px;
	line-height: 1.41;
}
.dirIndexImage ul {
	margin: 8px 10px;
	list-style: none;
	border-bottom: 1px dotted #999;
}
.dirIndexImage ul li {
	border-top: 1px dotted #999;
}
.dirIndexImage ul li a {
	background: url(../img/parts/list_point02.png) 7px 13px no-repeat;
	padding: 5px 5px 5px 18px;
	display: block;
	text-decoration: none;
}
.dirIndexImage ul li a:hover {
	background-color: #F3F4F5;
}
.dirIndexImage ul li p {
	display: block;
	margin: 2px 0 !important;
	padding: 0 0 0 5px;
	border-left: solid 3px #AAA;
	float: none;
	clear: both;
}
/*****************************************
		Directory Image Box List
*****************************************/
.dirImageBoxList {
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	letter-spacing: normal;
	border-bottom: dotted 3px #AAA;
}
.dirImageBoxList:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.dirImageBoxList.boxPage {
	margin: 0 0 10px 0;
	padding-bottom: 0;
	border-bottom: none;
}
.dirImageBoxList .dirTitle {
	background: url("../img/title/title_line_pink.png") 8px 50% no-repeat;
	background-size: 5px 70%;
	margin: 15px 0 8px 0;
	padding: 6px 5px 4px 24px;
	font-size: 150%;
	font-weight: bold;
	border: 2px solid #950032;
	border-radius: 6px;
	overflow: hidden;
}
.dirImage {
	margin: 0 0 8px 0;
	padding: 1px;
	border: solid 3px #950032;
}
.dirImage img {
	max-width: 100%;
	height: auto;
}
.dirImageBoxList p {
	margin: 0 0 12px 0;
}
.dirImageBoxList .dirImageBox {
	margin: 0 0 10px 0;
	padding: 8px;
	border: solid 1px #950032;
	overflow: hidden;
}
.dirImageBoxList .dirImageBox:last-child {
	margin-bottom: 0;
}
.dirImageBoxList .dirImageBox .dirThumbImage {
	width: 300px;
	float: left;
}
.dirImageBoxList .dirImageBox .dirThumbImage img {
	display: block;
	max-width: 100%;
	height: auto;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents {
	margin: 0 0 0 308px;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle {
	margin: 0 0 5px 0;
	padding: 6px 8px;
	background: #950032;
	font-size: 108%;
	font-weight: bold;
	color: #FFF;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a {
	color: #FFF;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a:hover {
	color: #FF0;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents p {
	margin-bottom: 0;
	padding: 0 8px;
}
/*****************************************
		Directory Index Q&A
*****************************************/
#dirIndexImageQA,
#dirIndexQA {
	width: 952px;
	margin: 0 0 20px 0;
	padding: 2px;
	background: #FFF;
	border: 2px solid #950032;
	letter-spacing: normal;
	vertical-align: top;
	overflow: hidden;
}
#dirIndexImageQA h3,
#dirIndexQA h3 {
	background-color: #950032;
	padding: 8px 10px;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.41;
	overflow: hidden;
}
#dirIndexImageQA h3 a,
#dirIndexQA h3 a {
	color: #FFF;
	display: block;
}
#dirIndexImageQA h3 a:hover,
#dirIndexQA h3 a:hover {
	color: #FF0;
}
#dirIndexImageQABox,
#dirIndexQABox {
	padding: 8px 10px 5px 10px;
}
#searchQA {
	padding: 0 5px;
	width: 917px;
	height: 38px;
	line-height: 38px;
	border: solid 2px #950032;
	overflow: hidden;
}
#field_search_QA {
	width: 880px;
	height: 38px;
	line-height: 38px;
	border: none;
	float: left;
}
input#field_search_QA:focus{
	outline: 0;
}
#btn_search_QA {
	width: 35px;
	height: 38px;
	display: inline-block;
	vertical-align: top;
	background: url(../img/parts/btn_search.png) 50% 50% no-repeat;
	border: none;
	text-indent: 105%;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
}
#btn_search_QA:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#dirIndexImageQA ul,
#dirIndexQA ul {
	margin: 8px 0;
	list-style: none;
	border-bottom: 1px dotted #999;
}
#dirIndexImageQA ul li,
#dirIndexQA ul li {
	border-top: 1px dotted #999;
}
#dirIndexImageQA ul li a,
#dirIndexQA ul li a {
	background: url(../img/parts/list_point02.png) 7px 13px no-repeat;
	padding: 5px 5px 5px 18px;
	display: block;
	text-decoration: none;
}
#dirIndexImageQA ul li a:hover,
#dirIndexQA ul li a:hover {
	background-color: #F3F4F5;
}
/*****************************************
			Page Information
*****************************************/
#pageInfo {
	margin: 0 0 15px 0;
	padding: 28px 0;
}
#pageInfoInner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 93%;
}
#pageInfo ul {
	background: url(../img/parts/pageinfo.png) 0 0 repeat-y;
	width: 600px;
	float: left;
	_display: inline;
	list-style: none;
	overflow: hidden;
}
#pageInfo ul li {
	background: url(../img/parts/pageinfo.png) 100% 0 repeat-y;
	float: left;
	_display: inline;
	line-height: 26px;
}
#pageInfo ul li span {
	display: inline-block;
}
#counter span {
	background: url(../img/parts/icon_count.png) 10px 3px no-repeat;
	padding: 0 10px 0 54px;
}
#update span {
	background: url(../img/parts/icon_update.png) 10px 6px no-repeat;
	padding: 0 10px 0 63px;
}
#print a {
	background: url(../img/parts/icon_print.png) 10px 2px no-repeat;
	padding: 0 10px 0 44px;
	display: block;
}
#pageTop {
	background: url(../img/parts/pagetop.png) 0 50% no-repeat;
	line-height: 26px;
	padding: 0 0 0 36px;
	float: right;
	display: block;
}
/*****************************************
				Footer
*****************************************/
#footer {
	width: 100%;
	height: 355px;
	margin: -355px 0 0 0;
	box-sizing: border-box;
	position: relative;
}
#footerContents {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
	overflow: hidden;
}
#footerContents h2 {
	width: 172px;
	height: 33px;
	margin: 6px 0 0 0;
}
#footerContents h2 a {
	display: block;
	background: url("../img/footer/f_title.png") 0 0 no-repeat;
	width: 100%;
	height: 100%;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#footerContents h2 a:hover {
	opacity: 0.7;
}
#footerSns {
	position: absolute;
	top: 0;
	left: 192px;
}
#footerSns ul {
	list-style: none;
	letter-spacing: -0.4em;
}
#footerSns ul li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: 46px;
	height: 46px;
	margin: 0 8px 0 0;
}
#footerSns ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #DDD;
	border-radius: 50px;
}
#headerTwitter a,
#iconTwitter a { background: url("../img/footer/i_twitter.png") 50% 50% no-repeat #FFF; }
#headerFacebook a,
#iconFacebook a { background: url("../img/footer/i_facebook.png") 50% 50% no-repeat #FFF; }
#headerInstagram a,
#iconInstagram a { background: url("../img/footer/i_instagram.png") 50% 50% no-repeat #FFF; }
#headerYoutube a,
#iconYoutube a { background: url("../img/footer/i_youtube.png") 50% 50% no-repeat #FFF; }
#headerLine a,
#iconLine a { background: url("../img/footer/i_line.png") 50% 50% no-repeat #FFF; }
#footerSns ul li a:hover {
	opacity: 0.8;
	border: 1px solid #999;
}
#footerAddress {
	padding: 28px 0 0 0;
}
#footerAddress dl {
	margin: 0 0 8px 0;
	line-height: 30px;
	overflow: hidden;
}
#footerAddress dl dt {
	background: #D0E5F5;
	width: 6em;
	text-align: center;
	float: left;
	color: #203A90;
	border-radius: 2px;
}
#footerAddress dl dd {
	margin: 0 0 0 6.5em;
}
/*****************************************
			Jinkou Box
*****************************************/
#jinkouBox {
	background: #CFF1EB;
	width: 284px;
	height: 162px;
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	right: 210px;
}
/*****************************************
			Footer Contact
*****************************************/
#footerContact {}
#footerContact dl {
	margin: 10px 0 0 0;
	overflow: hidden;
}
#footerContact dl dt {
	width: 6em;
	float: left;
	text-align: right;
}
#footerContact dl dd {
	margin: 0 0 0 6.5em;
}
#footerContact dl dd span.tel {
	display: block;
	vertical-align: top;
	font-size: 125%;
	line-height: 1.3;
}
#footerContact dl dd span.under {
	text-decoration: underline;
}
/*****************************************
			   Footer Link
*****************************************/
#footerLink {
	width: 180px;
	position: absolute;
	top: 30px;
	right: 0;
}
#footerLink ul {
	list-style: none;
}
#footerLink ul li {
	margin: 0 0 6px 0;
}
#footerLink ul li a {
	display: block;
	background: url("../img/parts/arw_blue.png") 95% 50% no-repeat #FFF;
	border: 2px solid #DDD;
	border-radius: 4px;
	padding: 10px 30px 10px 12px;
	color: #203A90;
	box-sizing: border-box;
	text-decoration: none;
}
#footerLink ul li a:hover {
	background: url("../img/parts/arw_white.png") 95% 50% no-repeat #333;
	border: 2px solid #333;
	color: #FFF;
}
/*****************************************
			   Footer Bottom
*****************************************/
#footerBottom {
	background: url("../img/footer/footer_bottom.png") 0 0 repeat-x;
	width: 100%;
	height: 52px;
	border-bottom: 3px solid #FFFDF0;
	overflow: hidden;
}
#footerNav {
	display: inline-block;
	float: left;
	letter-spacing: -0.4em;
}
#footerNav li {
	display: inline-block;
	letter-spacing: normal;
	margin: 14px 0 0 24px;
}
#footerNav li a {
	background: url("../img/parts/list_point04.png") 0 2px no-repeat;
	padding: 0 0 0 26px;
}
#copyright {
	display: inline-block;
	text-align: right;
	margin: 14px 24px 0 0;
	float: right;
	color: #000;
	font-size: 87.5%;
}
/*****************************************
				Banner
*****************************************/
#adBanner {
	width: 100%;
	background: url("../img/parts/skyblue_back.png") 0 0 repeat;
	padding: 0 0 20px 0;
	overflow: hidden;
}
#adBanner h2 {
	background: url("../img/banner/bnr_line.png") 50% 100% no-repeat;
	margin: 20px 0 30px 0;
	padding: 0 0 16px 0;
	font-size: 175%;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
}
#adBannerInner {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
	overflow: hidden;
}
#adBannerInner ul {
	width: 1050px;
	letter-spacing: -0.4em;
	list-style: none;
	overflow: hidden;
}
#adBannerInner ul li {
	display: inline-block;
	width: 200px;
	height: 70px;
	margin: 0 10px 10px 0;
	letter-spacing: normal;
	vertical-align: top;
}
#adBannerInner ul li:nth-of-type(4) {
	margin-right: 200px;
}
#adBannerInner ul li img {
	width: 100%;
	height: auto;
	transition: 0.2s;
}
#adBannerInner ul li a:hover img {
	opacity: 0.9;
	transform: scale(0.95);
}
#bnrAbout {
	display: flex;
	align-items: center;
	width: 200px;
	height: 70px;
	position: absolute;
	top: 0;
	right: 0;;
}
#bnrAbout a {
	background: #333;
	padding: 8px 32px;
	color: #FFF;
	text-decoration: none;
	border-radius: 70px;
}
#bnrAbout a:hover {
	background: #039;
}
/*
#btn_bnr_close {
	display: inline-block;
	background-color: #000;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 79%;
	font-weight: bold;
	position: absolute;
	top: 25px;
	right: 50%;
	margin: 0 -200px 0 0;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	transition: 0.2s;
}
#btn_bnr_close:hover {
	background-color: #777;
}
#adBanner.setCloseBanner { position: static; }
#adBanner.setCloseBanner #btn_bnr_close { display: none; }
*/