@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : common.css
	Description : 共通css

/======================================================================================================================== */


/* ------------------------------------------------------------------------------------------------------------------------/
   0-0, include
/------------------------------------------------------------------------------------------------------------------------ */

@import url("./basic.css");
@import url("./custom/margin.css");
@import url("./custom/padding.css");
@import url("./custom/width.css");


/* ------------------------------------------------------------------------------------------------------------------------/
   base
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

body {
	min-width:1140px;
	color:#232323;
	line-height:160%;
	background:#ffffff url("../image/layout/bg.gif") left top repeat;
	font-size:15px;
	}
body.sub {
	min-width:auto;
	}

}

/* SP */
@media only screen and (max-width: 640px) {

body {
	min-width:640px;
	color:#232323;
	line-height:160%;
	background:#ffffff url("../image/layout/bg.gif") left top repeat;
	font-size:22px;
	}

}

h1 {}
h2 {}
h3 {}
h4 {}

a:link 		{ color:#269acf; text-decoration:underline; }
a:visited 	{ color:#2082b0; text-decoration:underline; }
a:hover 	{ color:#51b0df; text-decoration:none; }

#container {
	width:100%;
	text-align:center;
	margin:0 auto;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
   sidenavi
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#navi_button {
	display:none;
	}

}

/* SP */
@media only screen and (max-width: 640px) {

#navi_button {
	position:absolute;
	top:90px;
	right:34px;
	display:block;
	box-shadow:1px 1px 2px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.15);
	-o-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.15);
	-ms-box-shadow:1px 1px 2px 0 rgba(0,0,0,0.15);
	z-index:9998;
	}

.navi_close {
	width:600px;
	max-height:9999px;
	margin:20px auto;
	}
	.navi_close a {
		display:block;
		max-height:9999px;
		color:#ffffff;
		font-size:22px;
		text-align:center;
		text-decoration:none;
		background:#232323;
		padding:10px 20px;
		}
		.navi_close a span {
			display:inline-block;
			max-height:9999px;
			font-size:20px;
			margin:0 0 0 20px;
			}

#navi_container {
	position:fixed;
	display:block;
    right:0px;
	top:0px;
	right:-100%;
	width:640px;
	height:100%;
	color:#000000;
	font-size:20px;
	background:#efefef;
	overflow-y:auto;
	z-index:9999;
	}
	#navi_container .inner {
		
		}
		#navi_container .inner ul {
			border-top:solid 1px #cccccc;
			margin:20px 0 0 0;
			list-style:none;
			}
			#navi_container .inner ul li {
				border-bottom:solid 1px #cccccc;
				}
			#navi_container .inner ul li.subline {
				}
				#navi_container .inner ul li a {
					display:block;
					max-height:9999px;
					color:#232323;
					font-size:22px;
					font-weight:bold;
					text-decoration:none;
					line-height:70px;
					background:transparent url("../image/layout/ic01.png") 20px center no-repeat;
					background-size:8px 13px;
					padding:0 20px 0 45px;
					max-height:99999px;
					}
					#navi_container .inner ul li a span {
						float:right;
						display:inline-block;
						max-height:9999px;
						color:#666666;
						font-size:20px;
						font-weight:normal;
						}

}


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

/* PC */
@media only screen and (min-width: 641px),
			print {

header {
	position:relative;
	width:100%;
	height:150px;
	box-sizing:border-box;
	background:#ffffff url("../image/header/bg.gif") left bottom repeat-x;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	z-index:999;
	}
	header p.headline {
		width:100%;
		color:#ffffff;
		font-size:12px;
		text-align:left;
		line-height:30px;
		box-sizing:border-box;
		background:#269acf;
		border-bottom:solid 1px #1e98d2;
		}
		header p.headline span {
			display:block;
			width:1100px;
			margin:0 auto;
			}
	header .inner {
		position:relative;
		width:1100px;
		text-align:left;
		margin:0 auto;
		}
		header .inner h1 {
			position:absolute;
			top:16px;
			left:0;
			}
		header .inner ul {
			position:absolute;
			top:20px;
			right:0;
			list-style:none;
			}
			header .inner ul li {
				float:right;
				margin:0 0 0 20px;
				}
				header .inner ul li a {
					display:block;
					color:#232323;
					font-size:13px;
					text-decoration:none;
					line-height:30px;
					box-sizing:border-box;
					background:#efefef url("../image/layout/ic01.png") 15px center no-repeat;
					background-size:8px 13px;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					padding:1px 15px 0 35px;
					}
				header .inner ul li a:hover {
					color:#ff9326;
					background:#f9f9f9 url("../image/layout/ic02.png") 15px center no-repeat;
					background-size:8px 13px;
					}

}

/* SP */
@media only screen and (max-width: 640px) {

header {
	position:relative;
	width:100%;
	height:180px;
	box-sizing:border-box;
	background:#ffffff url("../image/header/bg.gif") left bottom repeat-x;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
	z-index:999;
	}
	header p.headline {
		width:100%;
		color:#ffffff;
		font-size:18px;
		text-align:left;
		line-height:140%;
		box-sizing:border-box;
		background:#269acf;
		border-bottom:solid 1px #1e98d2;
		padding:5px 0;
		}
		header p.headline span {
			display:block;
			width:600px;
			margin:0 auto;
			}
	header .inner {
		position:relative;
		width:600px;
		text-align:left;
		margin:0 auto;
		}
		header .inner h1 {
			position:absolute;
			top:16px;
			left:0;
			}
		header .inner ul {
			display:none;
			}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   visual
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#visual {
	width:100%;
	height:470px;
	box-sizing:border-box;
	background:#efefef;
	border-bottom:solid 5px #269acf;
	margin:-2px 0 0 0;
	padding:20px;
    overflow:hidden !important;
	}
	#visual ul {
		list-style:none;
		}
	#visual ul li {
		position:relative;
		width:1100px;
		background:#ffffff;
		}
		#visual ul li ul {
			position:absolute;
			top:300px;
			left:50px;
			list-style:none;
			}
			#visual ul li ul li {
				float:left;
				position:static !important;
				width:auto !important;
				background:transparent !important;
				margin:0 20px 0 0;
				}
				#visual ul li ul li a {
					display:block;
					color:#232323;
					font-size:15px;
					text-decoration:none;
					line-height:50px;
					box-sizing:border-box;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					padding:1px 20px 0 55px;
					}
				#visual ul li ul li:nth-of-type(1) a { background:#efefef url("../image/visual/ic_b01_off.png") 15px center no-repeat; }
				#visual ul li ul li:nth-of-type(2) a { background:#efefef url("../image/visual/ic_b02_off.png") 15px center no-repeat; }
				#visual ul li ul li:nth-of-type(1) a:hover {
					color:#ff9326;
					background:#f9f9f9 url("../image/visual/ic_b01_on.png") 15px center no-repeat;
					}
				#visual ul li ul li:nth-of-type(2) a:hover {
					color:#ff9326;
					background:#f9f9f9 url("../image/visual/ic_b02_on.png") 15px center no-repeat;
					}
	#visual .cover {
		position:relative;
		width:1100px !important;
		margin:-410px auto 0 auto;
		background:#999999 !important;
		}
		#visual .cover .cover_l {
			position:absolute;
			left:-461px;
			}
		#visual .cover .cover_r {
			position:absolute;
			right:-461px;
			}

}

/* SP */
@media only screen and (max-width: 640px) {

#visual {
	width:100%;
	height:298px;
	box-sizing:border-box;
	background:#efefef;
	border-bottom:solid 5px #269acf;
	margin:-2px 0 0 0;
	padding:20px 0;
    overflow:hidden !important;
	}
	#visual ul {
		list-style:none;
		}
	#visual ul li {
		position:relative;
		width:640px;
		background:#ffffff;
		}
		#visual ul li ul {
			position:absolute;
			top:160px;
			left:30px;
			list-style:none;
			}
			#visual ul li ul li {
				float:left;
				position:static !important;
				width:auto !important;
				background:transparent !important;
				margin:0 10px 0 0;
				}
				#visual ul li ul li a {
					display:block;
					color:#232323;
					font-size:20px;
					text-decoration:none;
					line-height:40px;
					box-sizing:border-box;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					padding:1px 10px 0 45px;
					}
				#visual ul li ul li:nth-of-type(1) a { background:#efefef url("../image/visual/ic_b01_off.png") 15px center no-repeat; background-size:20px 20px; }
				#visual ul li ul li:nth-of-type(2) a { background:#efefef url("../image/visual/ic_b02_off.png") 15px center no-repeat; background-size:20px 20px; }
				#visual ul li ul li:nth-of-type(1) a:hover {
					color:#ff9326;
					background:#f9f9f9 url("../image/visual/ic_b01_on.png") 15px center no-repeat;
					}
				#visual ul li ul li:nth-of-type(2) a:hover {
					color:#ff9326;
					background:#f9f9f9 url("../image/visual/ic_b02_on.png") 15px center no-repeat;
					}
	#visual .cover {
		display:none;
		}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   breadcrumbs
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#breadcrumbs {
	width:100%;
	box-sizing:border-box;
	border-top:solid 5px #269acf;
	margin:0 auto;
	padding:25px 15px 15px 15px;
	}
	#breadcrumbs .inner {
		width:1100px;
		text-align:left;
		list-style:none;
		margin:0 auto;
		}
		#breadcrumbs .inner li {
			display:inline-block;
			height:21px;
			line-height:21px;
			padding:1px 0 0 0;
			}
		#breadcrumbs .inner li:first-child a {
			height:21px;
			background:transparent url("../image/layout/bread_home.png") left center no-repeat;
			padding:1px 0 0 30px;
			}
		#breadcrumbs .inner li:last-child {
			font-weight:bold;
			}
		#breadcrumbs .inner li:before {
			content:"≫";
			font-weight:normal;
			margin:0 10px;
			}
		#breadcrumbs .inner li:first-child:before {
			content:"";
			margin:0;
			}

}

/* SP */
@media only screen and (max-width: 640px) {

#breadcrumbs {
	width:100%;
	box-sizing:border-box;
	border-top:solid 5px #269acf;
	margin:0 auto;
	padding:25px 20px 15px 20px;
	}
	#breadcrumbs .inner {
		width:600px;
		text-align:left;
		list-style:none;
		margin:0 auto;
		}
		#breadcrumbs .inner li {
			display:inline-block;
			height:21px;
			font-size:18px;
			line-height:21px;
			padding:1px 0 0 0;
			}
		#breadcrumbs .inner li:first-child a {
			height:21px;
			background:transparent url("../image/layout/bread_home.png") left center no-repeat;
			padding:1px 0 0 30px;
			}
		#breadcrumbs .inner li:last-child {
			font-weight:bold;
			}
		#breadcrumbs .inner li:before {
			content:"≫";
			font-weight:normal;
			margin:0 10px;
			}
		#breadcrumbs .inner li:first-child:before {
			content:"";
			margin:0;
			}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   contents
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#contents {
	width:1100px;
	box-sizing:border-box;
	margin:0 auto;
	}

}

/* SP */
@media only screen and (max-width: 640px) {

#contents {
	width:640px;
	box-sizing:border-box;
	margin:0 auto;
	}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   main
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#contents #main {
	float:left;
	width:800px;
	text-align:left;
	}

#contents #main.wide {
	float:none;
	width:1100px;
	text-align:left;
	}

	#contents #main h2 {
		position:relative;
		color:#595252;
		font-size:27px;
		font-weight:normal;
		line-height:53px;
		box-sizing:border-box;
		background:transparent url("../image/layout/subjectline.gif") left bottom repeat-x;
		margin:0 0 25px 0;
		padding:0;
		}
		#contents #main h2 b {
			display:block;
			font-weight:normal;
			box-sizing:border-box;
			padding:0 0 0 65px;
			}
		#contents #main h2 span {
			position:absolute;
			right:0;
			bottom:13px;
			font-size:12px;
			line-height:12px;
			}
		#contents #main h2 a {
			position:absolute;
			right:0;
			bottom:13px;
			display:block;
			color:#232323;
			font-size:13px;
			text-decoration:none;
			line-height:30px;
			box-sizing:border-box;
			background:#efefef url("../image/layout/ic01.png") 15px center no-repeat;
			background-size:8px 13px;
			box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			padding:1px 15px 0 35px;
			}
		#contents #main h2 a:hover {
			color:#ff9326;
			background:#f9f9f9 url("../image/layout/ic02.png") 15px center no-repeat;
			background-size:8px 13px;
			}

	#contents #main h3 {
		position:relative;
		color:#2699ce;
		font-size:25px;
		font-weight:normal;
		line-height:35px;
		box-sizing:border-box;
		padding:0 0 0 43px;
		}
		#contents #main h3 span {
			display:inline-block;
			color:#232323;
			font-size:13px;
			line-height:13px;
			margin:0 0 0 25px;
			}

		#contents #main .innerbox {
			box-sizing:border-box;
			background:#ffffff url("../image/layout/border.gif") left top repeat;
			margin:25px 0 0 0;
			padding:3px;
			}
			#contents #main .innerbox .inner {
				box-sizing:border-box;
				background:#ffffff;
				padding:28px 30px 30px 30px;
				}

}

/* SP */
@media only screen and (max-width: 640px) {

#contents #main {
	float:none;
	width:600px;
	text-align:left;
	margin:0 auto;
	}

#contents #main.wide {
	float:none;
	width:600px;
	text-align:left;
	margin:0 auto;
	}

	#contents #main h2 {
		position:relative;
		max-height:9999px;
		color:#595252;
		font-size:32px;
		font-weight:normal;
		line-height:53px;
		box-sizing:border-box;
		background:transparent url("../image/layout/subjectline.gif") left bottom repeat-x;
		margin:0 0 25px 0;
		padding:0;
		}
		#contents #main h2 b {
			display:block;
			font-weight:normal;
			box-sizing:border-box;
			padding:0 0 0 65px;
			}
		#contents #main h2 span {
			position:absolute;
			right:0;
			bottom:15px;
			max-height:9999px;
			font-size:15px;
			line-height:15px;
			}
		#contents #main h2 a {
			position:absolute;
			right:0;
			bottom:13px;
			display:block;
			max-height:9999px;
			color:#232323;
			font-size:13px;
			text-decoration:none;
			line-height:30px;
			box-sizing:border-box;
			background:#efefef url("../image/layout/ic01.png") 15px center no-repeat;
			background-size:8px 13px;
			box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
			padding:1px 15px 0 35px;
			}
		#contents #main h2 a:hover {
			color:#ff9326;
			background:#f9f9f9 url("../image/layout/ic02.png") 15px center no-repeat;
			background-size:8px 13px;
			}

	#contents #main h3 {
		position:relative;
		max-height:9999px;
		color:#2699ce;
		font-size:28px;
		font-weight:normal;
		line-height:35px;
		box-sizing:border-box;
		padding:0 0 0 43px;
		}
		#contents #main h3 span {
			display:block;
			max-height:9999px;
			color:#232323;
			font-size:18px;
			line-height:140%;
			margin:10px 0 0 -43px;
			}

		#contents #main .innerbox {
			box-sizing:border-box;
			background:#ffffff url("../image/layout/border.gif") left top repeat;
			margin:25px 0 0 0;
			padding:3px;
			}
			#contents #main .innerbox .inner {
				box-sizing:border-box;
				background:#ffffff;
				padding:28px 30px 30px 30px;
				}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   side
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#contents #side {
	float:right;
	width:250px;
	box-sizing:border-box;
	background:#ffffff url("../image/layout/border.gif") left top repeat;
	margin:25px 0 0 0;
	padding:3px;
	}
	#contents #side .inner {
		text-align:left;
		box-sizing:border-box;
		background:#ffffff;
		padding:20px;
		}

		#contents #side .inner h3 {
			position:relative;
			color:#2699ce;
			font-size:25px;
			font-weight:normal;
			line-height:35px;
			box-sizing:border-box;
			background:transparent url("../image/side/ic_ssubject02.png") left top no-repeat;
			padding:0 0 0 43px;
			}
			#contents #side .inner h3 span {
				display:inline-block;
				color:#232323;
				font-size:13px;
				line-height:13px;
				margin:0 0 0 25px;
				}

		#contents #side .inner dl {
			margin:20px 0 0 0;
			}
		#contents #side .inner dl:nth-of-type(1) {
			margin:15px 0 0 0;
			}
			#contents #side .inner dl dt {
				}
				#contents #side .inner dl dt {
					color:#ffffff;
					line-height:30px;
					box-sizing:border-box;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					padding:0 10px;
					}
				#contents #side .inner dl:nth-of-type(1) dt { background:#e83428; }
				#contents #side .inner dl:nth-of-type(2) dt,
				#contents #side .inner dl:nth-of-type(3) dt,
				#contents #side .inner dl:nth-of-type(4) dt,
				#contents #side .inner dl:nth-of-type(5) dt,
				#contents #side .inner dl:nth-of-type(6) dt,
				#contents #side .inner dl:nth-of-type(7) dt { background:#2699cf; }
				#contents #side .inner dl:nth-of-type(8) dt { background:#bec305; }
				#contents #side .inner dl dd {
					
					}
					#contents #side .inner dl dd ul {
						list-style:none;
						}
						#contents #side .inner dl dd ul li {
							margin:10px 0 0 0;
							}
							#contents #side .inner dl dd ul li a {
								display:block;
								color:#232323;
								font-size:15px;
								text-align:center;
								text-decoration:none;
								line-height:30px;
								box-sizing:border-box;
								background:#efefef url("../image/layout/ic01.png") 15px center no-repeat;
								background-size:8px 13px;
								box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								padding:1px 15px 0 30px;
								}
							#contents #side .inner dl dd ul li a.nothit {
								color:#cccccc;
								background:#efefef url("../image/layout/ic03.png") 15px center no-repeat;
								background-size:8px 13px;
								cursor:default;
								}
							#contents #side .inner dl dd ul li a:hover {
								color:#ff9326;
								background:#f9f9f9 url("../image/layout/ic02.png") 15px center no-repeat;
								background-size:8px 13px;
								}
							#contents #side .inner dl dd ul li a.nothit:hover {
								color:#cccccc;
								background:#efefef url("../image/layout/ic03.png") 15px center no-repeat;
								background-size:8px 13px;
								}
							#contents #side .inner dl dd ul li a.half {
								
								}

}

/* SP */
@media only screen and (max-width: 640px) {

#contents #side {
	display:none;
	}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   under
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

#under {
	box-sizing:border-box;
	background:#ffffff url("../image/under/border.gif") left top repeat;
	margin:50px 0 0 0;
	padding:3px 0;
	}
	#under .inner {
		box-sizing:border-box;
		background:#efefef;
		padding:30px 0;
		}
		#under .inner .slidebox{
			width:1102px !important;
			max-width:1102px !important;
			margin:0 auto;
			}
		#under .inner .bx-wrapper {
			width:1102px !important;
			max-width:1102px !important;
			}
			#under .inner .bx-wrapper .bx-viewport {
				overflow:hidden !important;
				}
				#under .inner .bx-wrapper .bx-viewport ul {
					list-style:none;
					}
					#under .inner .bx-wrapper .bx-viewport ul li {
						float:left;
						margin:0 30px 0 0 !important;
						}
						#under .inner .bx-wrapper .bx-viewport ul li a {
							display:block;
							width:253px;
							color:#232323;
							text-decoration:none;
							box-sizing:border-box;
							background:#ffffff;
							border:solid 1px #cccccc;
							padding:20px;
							}
						#under .inner .bx-wrapper .bx-viewport ul li a:hover {
							background:#fff9e6;
							border:solid 1px #ffb973;
							}
							#under .inner .bx-wrapper .bx-viewport ul li a img {
								max-width:210px !important;
								max-height:141px !important;
								}
							#under .inner .bx-wrapper .bx-viewport ul li a span {
								display:block;
								color:#bec305;
								font-weight:bold;
								margin:10px 0 0 0;
								}
							#under .inner .bx-wrapper .bx-viewport ul li a p {
								display:block;
								color:#ffffff;
								font-size:15px;
								text-decoration:none;
								line-height:35px;
								box-sizing:border-box;
								background:#bec305 url("../image/layout/ic04.png") 25px center no-repeat;
								background-size:8px 13px;
								box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
								margin:10px 0 0 0;
								padding:1px 15px 0 35px;
								}
							#under .inner .bx-wrapper .bx-viewport ul li a:hover img {
								background:#ffffff;
								opacity:0.75;
								}
							#under .inner .bx-wrapper .bx-viewport ul li a:hover p {
								color:#bec305;
								background:#ffffff url("../image/layout/ic07.png") 25px center no-repeat;
								background-size:8px 13px;
								}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   footer
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.pagetop {
	width:1200px;
	text-align:right;
	margin:50px auto 0 auto;
	z-index:0;
	}

footer {
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:#ffffff url("../image/header/bg.gif") left 195px repeat-x;
	border-top:solid 1px #cccccc;
	margin:50px 0 0 0;
	}
	footer .inner {
		position:relative;
		width:1100px;
		height:235px;
		text-align:left;
		margin:0 auto;
		}
		footer .inner .logo {
			position:absolute;
			top:25px;
			left:0;
			}
		footer .inner .catch {
			position:absolute;
			top:125px;
			left:0;
			width:347px;
			font-size:12px;
			line-height:180%;
			box-sizing:border-box;
			border-top:dotted 1px #cccccc;
			padding:10px 0 0 0;
			}
		footer .inner dl {
			position:absolute;
			}
		footer .inner dl.fnavi01 {
			top:70px;
			left:425px;
			z-index:998;
			}
		/* 縦並び
		footer .inner dl.fnavi01 {
			top:40px;
			left:425px;
			z-index:998;
			}
		footer .inner dl.fnavi02 {
			top:40px;
			left:650px;
			z-index:998;
			}
		footer .inner dl.fnavi03 {
			top:40px;
			left:870px;
			z-index:998;
			}
		*/
			footer .inner dl dt {
				font-size:15px;
				font-weight:bold;
				box-sizing:border-box;
				background:transparent url("../image/footer/ic_fn.gif") left center no-repeat;
				padding:0 0 0 25px;
				}
			footer .inner dl dd {
				margin:10px 0 0 0;
				}
				footer .inner dl dd ul {
					margin:0 0 0 10px;
					list-style:none;
					}
					footer .inner dl dd ul li {
						float:left;
						font-size:13px;
						margin:0 25px 5px 0;
						}
						footer .inner dl dd ul li a {
							color:#232323;
							text-decoration:none;
							box-sizing:border-box;
							background:transparent url("../image/layout/ic01.png") left center no-repeat;
							background-size:8px 13px;
							padding:0 0 0 18px;
							}
						footer .inner dl dd ul li a.nothit {
							color:#cccccc;
							background:transparent url("../image/layout/ic03.png") left center no-repeat;
							background-size:8px 13px;
							cursor:default;
							}
						footer .inner dl dd ul li a:hover {
							text-decoration:underline;
							}
						footer .inner dl dd ul li a.nothit:hover {
							text-decoration:none;
							}
				/* 縦並び
				footer .inner dl dd ul {
					margin:0 0 0 10px;
					list-style:none;
					}
					footer .inner dl dd ul li {
						font-size:13px;
						margin:0 0 5px 0;
						}
						footer .inner dl dd ul li a {
							color:#232323;
							text-decoration:none;
							box-sizing:border-box;
							background:transparent url("../image/layout/ic01.png") left center no-repeat;
							background-size:8px 13px;
							padding:0 0 0 18px;
							}
						footer .inner dl dd ul li a:hover {
							text-decoration:underline;
							}
				*/

	footer .pagetop {
		position:absolute;
		right:20px;
		bottom:31px;
		z-index:997;
		}

	footer .copyright {
		color:#ffffff;
		line-height:30px;
		box-sizing:border-box;
		background:#269acf;
		border:solid 1px #cccccc;
		}

}

/* SP */
@media only screen and (max-width: 640px) {

.pagetop {
	width:600px;
	text-align:right;
	margin:50px auto 0 auto;
	z-index:0;
	}

footer {
	position:relative;
	width:100%;
	box-sizing:border-box;
	background:#ffffff url("../image/header/bg.gif") left 195px repeat-x;
	border-top:solid 1px #cccccc;
	margin:30px 0 0 0;
	}
	footer .inner {
		position:relative;
		width:600px;
		height:235px;
		text-align:left;
		margin:0 auto;
		}
		footer .inner .logo {
			position:absolute;
			top:115px;
			left:0;
			box-sizing:border-box;
			border-top:dotted 1px #cccccc;
			padding:10px 0 0 0;
			}
		footer .inner .catch {
			position:absolute;
			top:15px;
			left:0;
			font-size:18px;
			line-height:140%;
			box-sizing:border-box;
			}
		footer .inner dl {
			display:none;
			position:absolute;
			}

	footer .pagetop {
		position:absolute;
		right:36px;
		bottom:36px;
		z-index:997;
		}

	footer .copyright {
		color:#ffffff;
		font-size:18px;
		max-height:9999px;
		line-height:35px;
		box-sizing:border-box;
		background:#269acf;
		border:solid 1px #cccccc;
		}

}


/* ------------------------------------------------------------------------------------------------------------------------/
   expansion
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
	}
	.submit button,
	.submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		text-align:center;
		text-decoration:none;
		line-height:45px;
		box-sizing:border-box;
		background:#269acf url("../image/layout/ic04.png") 17px center no-repeat;
		border:solid 1px #269acf !important;
		background-size:8px 13px;
		box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		margin:0 5px !important;
		padding:0 45px 0 65px;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover {
		color:#269acf;
		box-sizing:border-box;
		background:#ffffff url("../image/layout/ic06.png") 17px center no-repeat;
		background-size:8px 13px;
		border:solid 1px #269acf !important;
		}

}

/* SP */
@media only screen and (max-width: 640px) {

.submit {
	display:block;
	clear:both;
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
	}
	.submit button,
	.submit a {
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		height:auto !important;
		color:#ffffff;
		font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		text-align:center;
		text-decoration:none;
		line-height:45px;
		box-sizing:border-box;
		background:#269acf url("../image/layout/ic04.png") 17px center no-repeat;
		border:solid 1px #269acf !important;
		background-size:8px 13px;
		box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
		margin:0 5px !important;
		padding:0 45px 0 65px;
		cursor:pointer;
		}
	.submit button:hover,
	.submit a:hover {
		color:#269acf;
		box-sizing:border-box;
		background:#ffffff url("../image/layout/ic06.png") 17px center no-repeat;
		background-size:8px 13px;
		border:solid 1px #269acf !important;
		}

}

/* PC */
@media only screen and (min-width: 641px),
			print {

ul.pager {
	list-style:none;
	margin:15px 0 10px 0;
	}
	ul.pager li {
		float:left;
		font-size:15px;
		margin:0 10px 0 0;
		}
		ul.pager li a {
			position:relative;
			display:block;
			color:#121212;
			width:40px;
			text-align:center;
			text-decoration:none;
			font-weight:bold;
			box-sizing:border-box;
			background:#ededed;
			border:solid 1px #cccccc !important;
			margin-bottom:4px;
			padding:8px 1px 7px 1px;
			}
		ul.pager li a:hover {
			color:#ffffff !important;
			box-sizing:border-box;
			background:#269acf !important;
			border:solid 1px #269acf !important;
			}
		ul.pager li.stay {
			width:40px;
			color:#ffffff !important;
			text-align:center;
			font-weight:bold;
			box-sizing:border-box;
			background:#269acf !important;
			border:solid 1px #269acf !important;
			padding:8px 1px 7px 1px;
			}

}

/* SP */
@media only screen and (max-width: 640px) {

ul.pager {
	list-style:none;
	margin:15px 0 10px 0;
	}
	ul.pager li {
		float:left;
		max-height:9999px;
		font-size:22px;
		margin:0 10px 0 0;
		}
		ul.pager li a {
			position:relative;
			display:block;
			color:#121212;
			width:50px;
			text-align:center;
			text-decoration:none;
			font-weight:bold;
			box-sizing:border-box;
			background:#ededed;
			border:solid 1px #cccccc !important;
			margin-bottom:4px;
			padding:8px 1px 7px 1px;
			}
		ul.pager li a:hover {
			color:#ffffff !important;
			box-sizing:border-box;
			background:#269acf !important;
			border:solid 1px #269acf !important;
			}
		ul.pager li.stay {
			width:50px;
			color:#ffffff !important;
			text-align:center;
			font-weight:bold;
			box-sizing:border-box;
			background:#269acf !important;
			border:solid 1px #269acf !important;
			padding:8px 1px 7px 1px;
			}

}