@charset "UTF-8";

/*
======== context ======================================

Last Updated:YYMMDD
Summary:全ページ共有で利用する各要素デザイン

* contents area内で適用
- pageTop
- link
- h
- box
- text
- list
- dl
- table
- form
- VARIABLES

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

/*-----------------------------------------------------
pageTop
-------------------------------------------------------*/
.pageTop {
	text-align: right;
	padding:15px 20px 15px 0;
	margin: 0;
	border-top:#bae1f0 1px solid;	
}
.pageTop a{
	background:url(../../img/common/button02.jpg) no-repeat left center;
	padding-left:20px;
}

.pageTop a:link{
	color: #333333;
	text-decoration: underline;
}

.pageTop a:visited{
	color: #800080;
	text-decoration: underline;
}

.pageTop a:hover{
	color: #0B4199;
	text-decoration: underline;
}

.pageTop a:active{
	color: #0B4199;
	text-decoration: underline;
}
/*-----------------------------------------------------
link
-------------------------------------------------------*/
.common_yaji{
	background:url(../../img/common/button01.gif) no-repeat left 5px;	
	padding-left:18px;
}
.ico{
	margin-bottom:6px;	
}
.contentsBoxMenu{
	background-color:#f8f5e6;	
	padding:15px 30px;	
}
.contentsBoxMenu ul{
	padding:5px 0;
}
.contentsBoxMenu ul li{
	display:inline;	
	background:url(../../img/common/button03.gif) no-repeat left center;
	padding:0 15px;
}
.common_link_yaji{
	background:url(../../img/common/button01.gif) no-repeat left 5px;
	padding:0 15px;	
}
/*-----------------------------------------------------
h
-------------------------------------------------------*/
.h2Block_glass{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	font-size:113%;
	color:#003569;
}
.h2Block_glass span{
	display:block;
	padding:10px 15px 10px 65px;
	background:url(../../img/common/icon_title_topics.png) no-repeat 15px center;
}
.h2Block_lamp{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	border-top:#bae1f0 1px solid;	
	font-size:113%;
	color:#003569;
}
.h2Block_lamp span{
	display:block;
	padding:10px 15px 10px 65px;
	background:url(../../img/common/icon_title_news.png) no-repeat 15px center;
}
.h2Block_comment{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	border-top:#bae1f0 1px solid;	
	font-size:113%;
	color:#003569;
}
.h2Block_comment span{
	display:block;
	padding:10px 15px 10px 65px;
	background:url(../../img/common/icon_title_hxnx.png) no-repeat 15px center;
}
.h2Block_pen{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	border-top:#bae1f0 1px solid;	
	font-size:113%;
	color:#003569;
}
.h2Block_pen span{
	display:block;
	padding:10px 15px 10px 65px;
	background:url(../../img/common/icon_title_shisaku.png) no-repeat 15px center;
}
.h2Block_top{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	padding:10px 15px;
	font-size:113%;
	color:#003569;
}
.h2Block_quiz{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	border-top:#bae1f0 1px solid;	
	font-size:113%;
	color:#003569;
}
.h2Block_quiz span{
	display:block;
	padding:10px 15px 10px 65px;
	background:url(../../img/common/icon_title_quiz.png) no-repeat 15px center;
        background-color:rgba(255,255,255,0.1);
}
.h2Block_a{
	background:url(../../img/common/bg_h2.jpg) repeat-x left bottom;
	border-top:#bae1f0 1px solid;	
	padding:10px 15px;
	font-size:113%;
	color:#003569;
}
.h3Block_a{
	background:#dcf0f8 url(../../img/common/bg_h3.jpg) repeat-x left bottom;
	border-left:#335c94 5px solid;
	border-right:#335c94 5px solid;
	padding:3px 10px 0 10px;
	margin-bottom: 5px;
	font-size:107%;
	color:#003569;
}
h4{
	margin-top: 10px;
}
h5{
	margin-top: 10px;
}

h6{
	margin-top: 20px;
        padding-left: 10px;
        border-left: solid 10px #ff0000
}

h7{
	margin-top: 20px;
        padding-left: 10px;
        border-left: solid 10px #006400
}

/*-----------------------------------------------------
Box
-------------------------------------------------------*/
.contentsBoxArea{
	padding:20px 30px;	
}
.photosBoxArea01{
	width:938px;
	overflow:hidden;
}
.photosBoxArea01 dl{
	width:165px;
	float:left;	
	padding-right:20px;
}
.photosBoxArea01 dl.st1{
	width:250px;
	float:left;	
}
.photosBoxArea01 dd{
	font-size:90%;	
}
.photosBoxArea02{
	width:918px;
	overflow:hidden;
	padding:10px 10px 30px 10px;
}
.photosBoxArea02 li{
	width:293px;
	float:left;
	padding-right:19px;
	text-align:center;
}
.photosBoxArea02 li.last{
	padding-right:0;
}
.photosBoxArea02 li span{
	display:block;
	text-align:left;
	margin-top:10px;
}
.photosBoxArea02 .boxYaji li{
	width:278px;
	text-align:left;
	background:url(../../img/common/button01.gif) no-repeat left 5px;
	padding-left:15px;
}
.photosBoxArea03{
	padding:20px 30px;	
}
.photosBoxArea03 ul{
	width:938px;
	overflow:hidden;
	margin-bottom:5px;
}
.photosBoxArea03 li{
	width:296px;
	float:left;
	padding-right:25px;
}
.photosBoxArea03 li.last{
	padding-right:0;
}
.photosBoxArea03 li span{
	display:block;
	margin-top:10px;
}
.hxnxBoxArea,
.aboutBoxArea{
	width:938px;
	overflow:hidden;
}
.hxnxBoxArea .hxnxBoxArea1,
.hxnxBoxArea .hxnxBoxArea2{
	width:459px;
	background:url(../../img/common/dl_dot.jpg) repeat-x left bottom;
}
.hxnxBoxArea .hxnxBoxArea1{
	float:left;
	margin-right:20px;
}
.hxnxBoxArea .hxnxBoxArea2{
	float:right;
}
.hxnxBoxArea .photo1,
.aboutBoxArea .photo1{
	text-align:center;	
}

.aboutBoxArea .aboutBoxArea1,
.aboutBoxArea .aboutBoxArea2{
	width:299px;
}
.aboutBoxArea .aboutBoxArea1{
	float:left;
	margin-right:20px;
}
.aboutBoxArea .aboutBoxArea2{
	float:right;
}
.publicBoxArea{
	width:918px;
	padding:10px 0 20px 20px;
	overflow:hidden;
}
.publicBoxArea ul li{
	width:271px;
	float:left;
	margin-right:20px;
	line-height:1.5em;
}
.publicBoxArea ul li a{
	display:block;	
	padding:2px 0 8px 0;
}

/*-----------------------------------------------------
text
-------------------------------------------------------*/
.contentsBoxArea p{
	margin-bottom: 15px;
}

.p_line{
	border-bottom: 1px solid #003569;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.p_line2 {
	border-bottom: 1px dashed #003569;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.p_line3 {
	border-top: 1px solid #003569;
	padding-top:6px;
	margin-bottom: 5px;
}
.p_left{
	padding-left:15px;
}
.p_center{
	text-align:center;	
}
.p_text_right{
	text-align:right;	
}
.contentsBoxArea .indent{
	text-indent:1em;
	margin-top:15px;
	margin-bottom:15px;
}
.contentsBoxArea .indent2{
	text-indent:1em;
	margin-top:0;
	margin-bottom:15px;
}
.contentsBoxArea .indent3{
	text-indent:1em;
	margin-top:15px;
	margin-bottom:0;
}
.contentsBoxArea .indent4{
	text-indent:1em;
	margin:0;
}
.contentsBoxArea .indent5{
	text-indent:1em;
	margin-top:0;
	margin-bottom:20px;
}
.contentsBoxArea .indent6{
	text-indent:1em;
	margin-top:20px;
	margin-bottom:0;
}
.contentsBoxArea .indent7{
	text-indent:1em;
	margin-top:0;
	margin-bottom:30px;
}
.contentsBoxArea .indent8{
	text-indent:1em;
	margin-top:15px;
	margin-bottom:30px;
}

.italic{
	font-style:italic;	
}
.text_Brown{
	color: #663300;
}
.textRed{
	color:#c00202;
}
.textOrenge{
	color:#ba5101;
}
.textPurple{
	color:#4A2BB7;
}
.border{
	border:1px #333 solid;	
	padding:15px;
	margin-bottom:10px;
}
.border p{
	margin:0;	
}
.border2{
	border:1px #29406D solid;	
	padding:15px;
	margin-bottom:10px;
}
.border2 p{
	margin:0;	
}
.contentsBoxArea .space1{
	margin:15px 0 30px 0;	
}
.contentsBoxArea .space2{
	margin:15px 0 0 0;	
}
.contentsBoxArea .space3{
	margin:0 0 20px 0;	
}

/*-----------------------------------------------------
list
-------------------------------------------------------*/
.contentsBoxArea li{
	line-height:2em;
	list-style-position:inside;	
}
.contentsBoxArea ul{
	margin-bottom:10px;
}
.list_disk{
	list-style:disc;	
}
.list_disk2{
	list-style:disc;
	margin-left:20px;	
}
.list_yaji li{
	background:url(../../img/common/button01.gif) no-repeat left 7px;
	padding:0 15px;	
}
.list_yaji2 li{
	background:url(../../img/common/button01.gif) no-repeat left 7px;
	padding:0 15px;	
	margin-left:20px;	
}
.list_yaji3 li{
	background:url(../../img/common/button01.gif) no-repeat left 13px;
	padding:5px 15px;	
	margin-left:20px;	
}
.list_yaji4 li{
	background:url(../../img/common/button01.gif) no-repeat left 18px;
	padding:10px 15px;	
	margin-left:20px;	
}
.list_yaji5 li{
	background:url(../../img/common/button01.gif) no-repeat left 7px;
	padding-left:15px;	
}
.list_number{
	list-style:decimal;	
}
.list_number2{
	list-style:decimal;	
	margin-left:20px;	
}
.list_square{
	list-style:square;	
}
.list_square2{
	list-style:square;	
	margin-left:20px;	
}
.list_upperAlpha{
	list-style:upper-alpha;	
}
.list_upperAlpha2{
	list-style:upper-alpha;	
	margin-left:20px;	
}
.list_lowerAlpha{
	list-style:lower-alpha;	
}
.list_lowerAlpha2{
	list-style:lower-alpha;	
	margin-left:20px;	
}
.list_Lmargin{
	margin-left:20px;	
}

/*-----------------------------------------------------
dl
-------------------------------------------------------*/
.contentsBoxArea dl{
	margin-bottom:10px;
}
.dl_normal dd{
	margin-left:30px;	
}
.dl_arrow dd{
	padding-left:15px;
	margin-left:30px;	
	background:url(../../img/common/button01.gif) no-repeat left 5px;
}
.dl_left{
	width:650px;
	overflow:hidden;	
}
.dl_left dt{
	width:100px;
	float:left;
}
.dl_left dd{
	width:470px;
	float:left;
}
.dl_right{
	width:650px;
	overflow:hidden;	
}
.dl_right dt{
	width:100px;
	float:left;
}
.dl_right dd{
	width:470px;
	float:right;
	text-align:right;
}
.dl_arrow2{
	width:650px;
	overflow:hidden;	
}
.dl_arrow2 dt{
	width:100px;
	float:left;
}
.dl_arrow2 dd{
	width:470px;
	float:left;
	padding-left:15px;
	background:url(../../img/common/button01.gif) no-repeat left 5px;
}

/*-----------------------------------------------------
table
-------------------------------------------------------*/
.tableBase{
	width:100%;
	margin-bottom:10px;
	border-collapse:collapse;	
	border:#d5d4d4 1px solid;
}
.tableBase caption{
	font-weight:bold;
	text-align:left;
	padding-bottom:5px;	
}
.tableBase tr,
.tableBase th,
.tableBase td{
	border:#d5d4d4 1px solid;
}
.tableBase th{
	background-color:#e8edf0;
}
.tableBase th,
.tableBase td{
	padding:5px;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url('images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
  background: url('images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}