@charset "UTF-8";


/* PLUGIN CSS */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');
/* CSS Document */
/* -----------------------------------
    汎用クラス
   ----------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	background-color: #FFFFFF;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-size: 14px;
	color: #333333;
	line-height: 1.45;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	-webkit-text-size-adjust : 100%;
	margin: 0;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-tap-highlight-color: rgba(131,249,255,0.8);
}
a:link {
	color: #00F;
}
a:visited {
	color: #800080;
}
a.linkBlue:visited, .linkBlue a:visited {
	color: #00F;
}
a:hover, a.linkBlue:hover, .linkBlue a:hover {
	color: #E6012F;
}
a:active {
	color: #F00;
}
a img {
	transition: all 0.3s linear;
}
a:hover img {
	opacity: 0.5;
}
a.underLine {
	text-decoration: underline;
}
.inlineBlock {
	display: inline-block !important;
}
.block {
	display: block !important;
}
.clear {
	clear: both;
	display: block;
}
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.textSmall {
	font-size: 85%;
}
.textLarge {
	font-size: 20px;
}
.textCenter {
	text-align: center !important;
}
.textRight {
	text-align: right !important;
}
.textLeft {
	text-align: left !important;
}
.textSuper {
	font-size: 10px;
	vertical-align: text-top;
	text-align: center;
}
.textTop {
	vertical-align: top !important;
}
.textMiddle {
	vertical-align: middle !important;
}
.textBottom {
	vertical-align: bottom !important;
}
.textNowrap {
	white-space: nowrap;
}
.textIndent1em {
	margin-left: 1em;
}
.textIndent1emHead0em {
	margin-left: 1em;
	text-indent: -1em;
}
.textWhite {
	color: #FFF;
}
.textRed {
	color: #F00;
}
.textBlue {
	color: #00F;
}
.textLightBlue {
	color: #0FF;
}
.textYellow {
	color: #FF0;
}
.textDarkYellow {
	color: #990;
}
.textPink {
	color: #F0F;
}
.textOrange {
	color: #F60;
}
.textGreen {
	color: #0F0;
}
.textGray {
	color: #898989;
}
/*2014.8.19 追加*/
.textRedStrong {
	color: #d61518;
	font-weight: bold;
	font-size: 120%;
}
.marginTop0px {
	margin-top: 0px !important;
}
.marginTop3px {
	margin-top: 3px !important;
}
.marginTop5px {
	margin-top: 5px !important;
}
.marginTop10px {
	margin-top: 10px !important;
}
.marginTop15px {
	margin-top: 15px !important;
}
.marginTop20px {
	margin-top: 20px !important;
}
.marginTop30px {
	margin-top: 30px !important;
}
.marginTop50px {
	margin-top: 50px !important;
}
.marginTop100px {
	margin-top: 100px !important;
}
.marginBottom0px {
	margin-bottom: 0px !important;
}
.marginBottom3px {
	margin-bottom: 3px !important;
}
.marginBottom5px {
	margin-bottom: 5px !important;
}
.marginBottom10px {
	margin-bottom: 10px !important;
}
.marginBottom15px {
	margin-bottom: 15px !important;
}
.marginBottom20px {
	margin-bottom: 20px !important;
}
.marginBottom30px {
	margin-bottom: 30px !important;
}
.marginBottom40px {
	margin-bottom: 40px !important;
}
.marginBottom50px {
	margin-bottom: 50px !important;
}
.marginBottom80px {
	margin-bottom: 80px !important;
}
.marginBottom100px {
	margin-bottom: 100px !important;
}
.marginTopBottom5px {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.marginTopBottom10px {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.marginLeft0px {
	margin-left: 0px !important;
}
.marginLeft5px {
	margin-left: 5px !important;
}
.marginLeft10px {
	margin-left: 10px !important;
}
.marginRight30px {
	margin-right: 30px !important;
}
.marginRight50px {
	margin-right: 50px !important;
}
.paddingLeft5px {
	padding-left: 5px !important;
}
.paddingLeft10px {
	padding-left: 10px !important;
}
.paddingLeft20px {
	padding-left: 20px !important;
}
.paddingLeft30px {
	padding-left: 30px !important;
}
.paddingRight10px {
	padding-right: 10px !important;
}
.paddingRight20px {
	padding-right: 20px !important;
}
.paddingRight30px {
	padding-right: 30px !important;
}
.width1em {
	width: 1em !important;
}
.width2em {
	width: 2em !important;
}
.width3em {
	width: 3em !important;
}
.width4em {
	width: 4em !important;
}
.width5em {
	width: 5em !important;
}
.width6em {
	width: 6em !important;
}
.width7em {
	width: 7em !important;
}
.width8em {
	width: 8em !important;
}
.width10em {
	width: 10em !important;
}
.width12em {
	width: 12em !important;
}
.width15em {
	width: 15em !important;
}
.width20em {
	width: 20em !important;
}
.width25em {
	width: 25em !important;
}
.width30em {
	width: 30em !important;
}
.width40em {
	width: 40em !important;
}
.width50em {
	width: 50em !important;
}
.widthHalf {
	width: 50% !important;
}
.bgRed {
	background-color: #F00 !important;
}
.bgOrange {
	background-color: #F90 !important;
}
.bgYellow {
	background-color: #FF0 !important;
}
.bgYellowLight {
	background-color: #FFC !important;
}
.bgPink {
	background-color: #F0F !important;
}
.bgPinkLight {
	background-color: #FCF !important;
}
.bgBlueLight {
	background-color: #CFF !important;
}
/* --- Clear Fix ------------- */
/*
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	overflow: hidden;
}
*/
/* --- Clear Fix ------------- */

.clearfix:before, .clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
img {
	-ms-interpolation-mode: bicubic;
}
/* PAGE MODULES */
body {
	background-color: #FFFFFF;
	text-align: justify;
	text-justify: inter-ideograph;
}
h2, .h2 {
	font-size: 150%;
}
p {
	margin: 0 0 15px;
}
a:hover, a:focus {
	text-decoration: none;
}

@media screen and (max-width: 739px) {
img {
	width: 100% !important;
	margin-bottom: 5px;
}
}
/* LOLLYTIN CSS */

.row {
	margin-left: 0;
	margin-right: 0
}
.navbar {
	min-height: 0;
	margin-bottom: 0
}
.navbar-default {
	background: 0 0;
	border: none
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
	box-shadow: none
}
.navbar-nav>li {
	float: none;
	display: table-cell
}
.navbar-nav>li>a {
	padding: 0;
	white-space: nowrap;
	text-align: center
}
/* /////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
			
			contents
			
////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////// */

/* CSS Document */

.allWraper {
	overflow: hidden;
	position: relative;
}
/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      header 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */
#main-header {
	position: relative;
	z-index:10;
}
/* ----------------- ロゴ ---------------------- */
#logo {
	padding: 10px 0 20px;
}
#logo > a {
	display: inline-block;
	vertical-align: middle;
}
#logo > a > img {
}
#logo.lower {
	float: left;
	margin: 15px 10px 10px 0px;
}
.info_head {
	position: absolute;
	top: 0;
	right: 15px;
}

@media screen and (max-width: 739px) {
#main-header {
	position: relative;
	z-index: 0;
	box-shadow: none;
}

/* ----------------- ロゴ ---------------------- */
#logo {
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: block;
	width: 250px;
	float: left;
}
#logo > a {
	display: inline-block;
}
#logo > a > img {
	display: inline-block;
	width: 100%;
}
}

@media screen and (max-width: 500px) {
#logo {
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: block;
	width: 100%;
	float: none;
}
}

@media screen and (max-width: 350px) {
#logo > a > img {
	width: 80% !important;
}
}
/* ----------------- メニュー ---------------------- */
.menuOuter {
	background-color: #FFFFFF;
	position: relative;
}
.menuOuter .container {
	padding: 0px;
}
#globalMenu {
	margin: 0px;
	padding: 10px 0px;
}
#globalMenu > li {
	padding: 0px 5px;
	border-right: solid 1px #CCCCCC;
}
#globalMenu > li:first-child {
	border-left: solid 1px #CCCCCC;
}
#globalMenu > li > a {
	display: block;
	color: #999999;
	padding: 12px 10px 10px;
	border-radius: 3px;
	transition: all 0.3s linear;
	z-index: 100;
}
#globalMenu > li > a:hover, #globalMenu .navbar-default .navbar-nav > .open > a {
	opacity: .7;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	opacity: .7;
}
.nav-justified > .dropdown {
	position: relative;
}
.nav-justified > .dropdown .caret {
	position: absolute;
	top: 50%;
	right: 20px;
}
 @keyframes menuAnime {
 0% {
background: transparent;
}
 20% {
background: #E2CFA2;
}
 100% {
background: #E2CFA2;
}
}

/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     under page header

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

#underPageHeader {
  position: fixed;
  left: 0;
	background-color:rgba(255,255,255,0.9);
	width:100%;
	z-index:10;
}
#underPageHeader > .container {
	padding:15px 0px;
}
#underPageHeader #headerLogo {
	display:block;
	float:left;
	width:30%;
}
#underPageHeader #headerLogo img {
	width:90%;
}
#underPageHeader #headermenu {
	display:block;
	float:right;
	width:70%;
}
#underPageHeader ul#globalMenu {
	display:table;
	width:100%;
	margin-top:10px;
	padding:0px;
}
#underPageHeader ul#globalMenu > li {
	display:table-cell;
	text-align:center;
	table-layout:fixed;
	vertical-align:middle;
	width:auto;
	border:none;
}
#underPageHeader ul#globalMenu > li + li {
	border-left:solid 1px #CCCCCC;
}
#underPageHeader ul#globalMenu > li > a {
	display:block;
	padding:10px 0px 7px;
	color:#666666;
}


@media screen and (min-width: 740px) {
#globalMenu > li > a.selected, #globalMenu > li > a:hover {
	background-color: #062572;
	color: #FFFFFF;
}
#globalMenu > li.active > a, #globalMenu > li.active > a:focus {
	background-color: #062572;
	color: #FFFFFF;
	position: relative;
	animation: menuAnime 1s forwards;
	-webkit-animation: menuAnime 1s forwards;
}
#globalMenu > li.active > a:after, #globalMenu > li.active > a:focus:after {
	content: "";
	display: block;
	background-color: #062572;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
	z-index: 0;
	animation: menuAnime 1s forwards;
	-webkit-animation: menuAnime 1s forwards;
}
#globalMenu > li.active > a:before, #globalMenu > li.active > a:focus:before {
	content: "";
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
	border-top-color: #FFFFFF;
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -6px;
	z-index: 1;
}
.dropdown:hover > .dropdown-menu {
	display: block;
}
}

@media screen and (max-width: 739px) {
.menuOuter {
	position: absolute;
	top: 0px;
	left: 50;
	width: 100%;
	z-index: 10;
	background-color: transparent;
}
.navbar-header {
	text-align: center;
}
/* toggle */
.navbar-toggle {
	position: relative;
	float: right;
	padding: 10px 10px;
	margin-top: 5px;
	margin-right: 5px;
	background: 0 0;
	background-image: none;
	border: 0;
	border-radius: 0;
	background-color: #062572;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 25px;
	height: 4px;
	border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-collapse {
	position: absolute;
	width: 100%;
	height: auto !important;
	max-height: none;
}
#globalMenu ,
#underPageHeader ul#globalMenu{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 1000;
}
#globalMenu > li ,
#underPageHeader ul#globalMenu > li{
	display: block;
	width: 100%;
	float: none;
	margin: 0px;
	padding: 0px 0px 0px;
	border-radius: 0px;
}
#globalMenu > li > a {
	color: #062572;
	background-color: #FFFFFF;
	border-bottom: solid 1px #062572;
	padding: 15px 10px 12px;
	border-radius: 0px;
	margin: 0px;
	height: auto;
	line-height: normal;
}
#globalMenu > li.active > a, #globalMenu > li > a:hover {
	background-color: #FFFFFF;
	border-radius: 0px;
	position: relative;
	color: #062572;
}
#globalMenu > li.open > a {
	background-color: #062572;
	color:#FFFFFF;
}
#globalMenu .open .dropdown-menu > li > a {
	font-size: 90%;
	color: #FFFFFF;
}

#underPageHeader > .container {
	position:relative;
}
#underPageHeader #headerLogo {
	float:none;
	width:50%;
	z-index:100;
	position:relative;
}
#underPageHeader #headermenu {
	float:none;
	width:100%;
	position:absolute;
	top:15px;
	right:5px;
	z-index:0;
}



}


/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     Slide down header

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

.cb-header {
  position: fixed;
  left: 0;
  /*
    ページを読み込んだ初期表示でヘッダーバーを
    非表示にしておきたい場合は以下を指定
  */
  visibility: hidden;
}

#slideHeader {
	background-color:rgba(255,255,255,0.9);
	width:100%;
}
#slideHeader > .container {
	padding:15px 0px;
}
#slideHeaderLogo {
	display:block;
	float:left;
	width:30%;
}
#slideHeaderLogo > img {
	width:90%;
}
#slideHeaderMenu {
	display:block;
	float:right;
	width:70%;
}
#slideHeaderMenu > ul {
	display:table;
	width:100%;
	margin-top:10px;
}
#slideHeaderMenu > ul > li {
	display:table-cell;
	text-align:center;
	table-layout:fixed;
	vertical-align:middle;
}
#slideHeaderMenu > ul > li + li {
	border-left:solid 1px #CCCCCC;
}
#slideHeaderMenu > ul > li > a {
	display:block;
	padding:10px 0px 7px;
	color:#666666;
}
@media screen and (max-width: 739px) {
#slideHeader {
	display:none;
}
}





/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     under page google Map

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

#accessMapOuter {
	position: relative;
  width: 100%;
}
#accessMapOuter:before {
    content:"";
    display: block;
    padding-top: 56.25%; /* 高さと幅の比を16:9に固定。9/16*100=56.25 */
}
#accessMapOuter > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     calendar table

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */
#calendarTable {
	border-collapse:collapse;
	border-spacing:0px;
}


/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     footer 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */
#mapFrame {
	width:100%;
	height:300px;
	border:none;
}

#footerSection_contact {
	background-color:#f2f2f2;
	text-align:center;
	padding:70px 0px;
}
.footer-block {
	border-top: solid 1px #EFEDD8;
	background-color: #062572;
	padding: 70px 0px 0px;
	position: relative;
	text-align:center;
}
#footerLogo {
	padding-bottom: 5px;
}
.copyright-block {
	margin-top: 30px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 80%;
}
.contactRead > p {
	display:block;
	margin-top:15px;
}

@media screen and (max-width: 739px) {
#footerSection_contact > .container {
	padding:0px 15px;
}
.footer-block {
	padding: 20px 0px 0px;
}
.contactRead > img.tel-link {
	width:80% !important;
}
.contactRead > p {
	font-size:1rem;
}

#footerLogo {
	width:80% !important;
}
.copyright-block {
	margin-top: 10px;
	padding:15px 13px;
	height: auto;
	line-height: 1.2em;
	color: #FFFFFF;
	font-size: 80%;
}

}
/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      pageTop

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

a.pageTop {
	display: inline-block;
	text-align: center;
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	font-size: 1rem;
	background: #8dc90e;
	padding: 5px 5px;
	color: #fff;
	z-index: 100;
}
.pageTop:hover {
	opacity: .7;
}
/* /////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
			
			contents
			
////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////// */


/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      common parts 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */

.row.pageContents > div {
	padding: 0px 10px;
}
.row.pageContents > div:first-child {
	padding: 0px 15px 0px 0px;
}
.row.pageContents > div:nth-last-of-type(1) {
	padding: 0px 0px 0px 15px;
}

@media screen and (max-width: 739px) {
.lowerContentArea {
	margin: 0px 10px;
}
.row.pageContents > div {
	padding: 0px 5px 15px 5px;
}
.row.pageContents > div:first-child {
	padding: 0px 5px 15px 5px;
}
.row.pageContents > div:nth-last-of-type(1) {
	padding: 0px 5px 15px 5px;
}
}

.caption {
	font-size: 85%;
}
/* ----------------- title ---------------------- */

.pageTitleArea {
	background-color: #F4EFE6;
	margin: 0px 0px 40px;
}
h2.topTitle {
	display: block;
	width:60%;
	color: #062572;
	padding: 0px 0px 10px;
	margin:0px auto 15px;
	font-size: 150%;
	position: relative;
	text-align:center;
	border-bottom:solid 1px #062572;
}
h2.topTitle.white {
	border-bottom:solid 1px #FFFFFF;
}
h3 {
	display: block;
	color: #062572;
	margin: 30px 0px 15px;
	font-size: 120%;
	font-weight:bold;
}
h3:first-child {
	margin: 0px 0px 15px;
}
h4 {
	display: block;
	color: #666666;
	margin: 30px 0px 10px;
	padding: 10px 10px 7px;
	border-top: solid 2px #EDE3CE;
	border-bottom: solid 2px #EDE3CE;
	font-size: 110%;
}
h3 + h4 {
	margin-top: 10px;
}
.pageContents h4 {
	margin-top: 10px;
}

@media screen and (max-width: 739px) {
.pageTitleArea {
	margin: 0px 0px 20px;
}
h2.topTitle {
	display: block;
	width:80%;
	color: #062572;
	padding: 0px 0px 10px;
	margin:0px auto 15px;
	font-size: 150%;
	position: relative;
	text-align:center;
	border-bottom:solid 1px #062572;
}
h2.topTitle > img {
	width:auto !important;
	max-width:100%;
}

}


/* ----------------- link button ---------------------- */
a.linkBtn {
	display: inline-block;
	background-color: #4CA722;
	border: solid 1px #4CA722;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 10px;
	color: #FFFFFF;
}
a.linkBtn:hover {
	opacity: .7;
	text-decoration: none;
}

a.whiteBtn ,
a.blueBtn {
	display:inline-block;
	padding:15px 100px 12px;
	position: relative;
	text-align: center;
	text-decoration: none;
	outline: none;
	overflow: hidden;
	transition: all .5s;
	font-size:1em;
}
a.whiteBtn::before,
a.whiteBtn::after ,
a.blueBtn::before,
a.blueBtn::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	transition: all .5s;
}
a.whiteBtn::before ,
a.blueBtn::before {
	top: 0;
	left: 0;
}
a.whiteBtn::after ,
a.blueBtn::after {
	right: 0;
	bottom: 0;
}
a.whiteBtn:hover ,
a.blueBtn:hover{
	transition: all .7s;
}
a.whiteBtn:hover::before,
a.whiteBtn:hover::after ,
a.blueBtn:hover::before,
a.blueBtn:hover::after{
	width: 0;
	height: 0;
	opacity: 0;
	transition: all .7s;
}

/* colors */
a.whiteBtn {
	color: #FFFFFF;
}
a.whiteBtn::before {
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
a.whiteBtn::after {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
a.whiteBtn:hover {
	background-color: #FFFFFF;
	color: #062572;
}

a.blueBtn {
	color: #FFFFFF;
	background-color: #062572;
}
a.blueBtn::before {
	border-top: 1px solid #062572;
	border-left: 1px solid #062572;
}
a.blueBtn::after {
	border-right: 1px solid #062572;
	border-bottom: 1px solid #062572;
}
a.blueBtn:hover{
	background-color: #FFFFFF;
	color: #062572;
}


/* ----------------- panel ---------------------- */
.panelTable {
	margin:0px 0px 0px;
	position:relative;
	z-index:1;
}
.panelTable > ul {
	display:table;
	width:95%;
	margin:20px auto 0px;
	table-layout:fixed;
}
.panelTable > ul > li {
	display:table-cell;
	padding:3px;
	text-align:left;
	position:relative;
}
.panelTable > ul > li > div {
	padding:30px 15px;
	background-color:#FFFFFF;
	border-radius:5px;
}
.panelTable > ul > li > div h3 {
	display:block;
	padding:0px 5px 0px;
	text-align:center;
	color:#FFFFFF;
	font-size:160%;
	font-weight:normal;
}


@media screen and (max-width: 739px) {
.panelTable > ul {
	display:block;
	width:85%;
}
.panelTable > ul > li {
	display:block;
}
}





/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

      lower common part 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */


/* ----------------- text ---------------------- */
.lowerContentArea p {
	display: block;
	margin: 0px 0px 1em;
}
/* ----------------- image set or image ---------------------- */

.leftImage {
	float: left;
	margin: 0px 1.5em 1em 0px;
}
.rightImage {
	float: right;
	margin: 0px 0px 1em 1.5em;
}
.imageText {
	overflow: auto;
	zoom: 1;
	padding-bottom: 1px;
}
.centerImage {
	text-align: center;
	margin-bottom: 10px;
}

@media screen and (max-width: 739px) {
img.leftImage {
	float: none;
	margin: 1em 0px 1em 0px;
}
img.rightImage {
	float: none;
	margin: 1em 0px 1em 0px;
}
}
/* ----------------- text decoration ---------------------- */
.attention {
	font-size: 80%;
	color: #DD0003;
	position: relative;
	bottom: 3px;
}
/* ----------------- list ---------------------- */
.textList {
	margin: 15px;
}
.textList li {
	padding: 8px 10px 5px 30px;
	position: relative;
	border-bottom: dotted 1px #4CA722;
}
.textList > li:before {
	content: "";
	display: inline-block;
	border: 4px solid #4CA722;
	position: absolute;
	left: 15px;
	top: 1.5em;
}
.textList li > a {
	text-decoration: underline;
}
/* ----------------- text links ---------------------- */
.link_pdf, .link_site {
	display: inline-block;
}
.link_pdf:after, .link_site:after {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 5px 0px;
}
.link_pdf:after {
	content: url(../img/users/link_pdf.png);
}
.link_site:after {
	content: url(../img/users/link_site.png);
}
/* ----------------- column ---------------------- */

.pickup {
	font-size:130%;
	color:#062572;
	display: inline-block;
	margin: 30px auto 0px;
	padding: 15px;
	border: solid 1px #062572;
	background-color: #f2f2f2;
	border-radius: 3px;
	text-align:center;
}

.captionPanel {
	padding:15px;
	border:solid 2px #CB0003;
	border-radius:3px;
	margin:10px 15px;
}

@media screen and (max-width: 739px) {
.pickup {
	margin: 30px auto 0px;
	padding: 10px;
}
}
/* ----------------- table ---------------------- */
.normalTable {
	width:100%;
	margin: 15px 0px 30px;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #CCCCCC;
}
.normalTable th, .normalTable td {
	padding: 10px 10px 7px;
	text-align: center;
}
.normalTable th {
	background-color: #efefef;
}
.normalTable td {
	background-color: #FFFFFF;
	text-align:left;
}
.tableCenter {
	margin: 15px auto;
}
/* responsive table */
.table_resp {
}
.table_resp > li {
}
.table_resp > li > dl {
	overflow: hidden;
	display: table;
	width: 100%;
	border-bottom: dotted 1px #D3CFA6;
	margin-bottom: 1px;
}
.table_resp > li > dl > dt, .table_resp > li > dl > dd {
	display: table-cell;
	padding: 10px 10px 7px;
	font-size: 110%;
	vertical-align: middle;
}
.table_resp > li > dl > dt {
	width: 160px;
	background-color: #EFEDD8;
}
.table_resp > li > dl > dd {
}
.table_resp input, .table_resp input, .table_resp textarea {
	width: 80%;
}
.table_resp .attention {
	display: block;
	position: inherit;
	margin: 5px 0px 0px;
}

@media screen and (max-width: 739px) {
.feeTable {
	width: 100%;
}
/* responsive table */
.table_resp > li > dl {
	position: relative;
	border-bottom: dotted 1px #CCCCCC;
}
.table_resp > li > dl > dt {
	display: block;
	width: 100%;
	position: static;
	background-color: #EFEDD8;
}
.table_resp > li > dl > dd {
	display: block;
	margin-left: 0;
	width: 100%;
}
}
.formMainBtn {
	display: inline-block;
	padding: 7px 10px 3px;
	background-color: #4CA722;
	text-align: center;
	color: #FFFFFF;
	margin: 10px 10px;
	border: solid 1px #4CA722;
	border-radius: 4px;
	font-size: 130%;
}
.formSubBtn {
	display: inline-block;
	padding: 7px 10px 3px;
	background-color: #efefef;
	text-align: center;
	color: #999999;
	margin: 10px 10px;
	border: solid 1px #cccccc;
	border-radius: 4px;
}
.formMainBtn:hover, .formSubBtn:hover {
	opacity: .7;
	text-decoration: none;
}
.required {
	padding-bottom: 20px;
	color: #D70407;
}
.windowCloseBtn {
	display: block;
	width: 80%;
	padding: 7px 10px 3px;
	background-color: #efefef;
	text-align: center;
	color: #999999;
	border: solid 1px #cccccc;
	margin: 10px auto;
	border-radius: 4px;
	font-size: 100%;
}
.windowCloseBtn:hover {
	opacity: .7;
	text-decoration: none;
}



/* ----------------- mail ---------------------- */
.checkList {
	display:block;
	text-align:left;
	padding-bottom:10px;
}
.checkList > input {
	margin-right:5px;
}
.checkList > label {
	font-weight:normal;
}


/* -----------------------------------------------------
+++++++++++++++++++++++++++++++++++++++++++++++++++++++

     lower content part 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++
------------------------------------------------------- */


/* ----------------- mail ---------------------- */
.mailFormRead ,
.mailForm{
	width: 80%;
	margin: 10px auto;
	text-align:left;
}
.mailForm{
	margin-top: 30px;
}
.mailForm .row {
	padding: 10px 0px;
	border-top: dotted 1px #CCCCCC;
}
.mailForm .row:first-child {
	border-top: none;
}
.mailForm .th, .mailForm .td {
	float: left;
}
.mailForm .th {
	width: 30%;
	text-align:left;
}
.mailForm .td {
	width: 70%;
}
.mailForm .td > input, .mailForm .td > textarea {
	width: 100%;
}
.formSubmitButton {
	margin: 0 20px 20px;
	text-align: center;
	padding: 20px;
	background: #f4f4f5;
	border: 1px solid #e0e0e4;
}
.formSubmitButton > input {
	padding: 5px 10px;
	border: solid 1px #999999;
	border-radius: 3px;
	background-color: #FFFFFF;
}
.formSubmitButton > input:hover {
	opacity: .7;
}

.formBtn {
	padding:10px 20px 7px;
	border-radius:3px;
	border:solid 1px #CCCCCC;
	background-color: #e0e0e0;
}
.formBtn:hover {
	background-color: #FFFFFF;
}

@media screen and (max-width: 739px) {
.mailForm {
	width: 95%;
}
.mailForm .th, .mailForm .td {
	float: none;
	width: 100%;
}
}



/* ----------------- news list page ---------------------- */
/* ページネーションリンクをリストで構成。
　 リストのマークを消す設定、左の空間を消す設定。 */
.pagination ul {
     list-style-type: none;
     padding-left: 0;
}
/* 各ページリンクを横並べにし、間隔を開ける */
.pagination li {
    float: left;
		margin-bottom:6px;
}
/* 「前へ」のリンクが「すぐ使えるCGI」の機能で削除された時に、幅を保つ */
.keepwidth {
    width: 24px;
    height: 24px;
}
/* 各ページへのリンクタグに幅と囲みを設定する。こうする事により、「前へ」「次へ」が
　「すぐ使えるCGI」の機能で削除された時に、枠も消える。 (li に付けると残ってしまう。)  */
.pagination a {
    display: inline-block;
		padding:5px;
		margin-right:6px;
    text-decoration: none;
		background-color:#efefef;
		border:solid 1px #666666;
		color:#666666;
}
/* ページへのリンクにマウスオーバーした時に色を変える。
　 フォントの変更等を足したいときはここに足して下さい。 */
.pagination a:hover {
		background-color:#062572;
		border:solid 1px #062572;
		color:#FFFFFF;
}
/* 現在いるページ番号の表示設定 */
.pagination .active > a {
		background-color:#062572;
		border:solid 1px #062572;
		color:#FFFFFF;
}
/* 枠内でスペースを取るためのラッパー。
　 フォントの指定などもここに設定。 */
.pagination a span {
	padding:2px 10px 0px;
    display: inline-block;
    margin: 0px;
}