@charset "utf-8";
/* ======================================================
 * layout.css
 * ------------------------------------------------------
 * WIRE FRAME ********************************************
 * Body
 * Header
 * Contents
 * Footer
 * RESPONSIVE *******************************************
 * - width <= 1160px
 * Clearfix
====================================================== */


* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	word-break: break-all !important;
}
html {
	overflow-y: scroll;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
margin:0px;
padding:0px;
}
body {
margin:0px;
padding:0px;
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
background-image: url(../images/white_wall.png);
}


nav ul{list-style:none}

/* input */
input, select, textarea{
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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

.fontsizeS { font-size: 62.5% !important}
.fontsizeM { font-size: 72.5% !important}



/********************************************************

  WIRE FRAME

********************************************************/

/* Body
------------------------------------------------------ */


/* Header
------------------------------------------------------ */
#header_bar{
width: 100%;
min-width: 1080px;
border-top: 2px solid #253494;
}
#globalHeader {
	width: 100%;
	min-width: 1000px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
background: #D8D4CC;
background-image: url(bedge_grunge.png);
/*background: #333;
background-image: url(black_twill.png);*/
	z-index: 9999;
/*	border-top: 2px solid #253494;*/
}
#header {
	clear: both;
}
/*----- headerWrap01 -----*/
.headerWrap01 {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
}
/* headerLogo */
.headerWrap01 #headerLogo {
	float: left;
	padding-top: 12px;
}
.headerWrap01 #headerLogo img {
	max-width: 100%;
	height: auto;
}
/* headerInfo */
#headerSubContents {
	float: right;
	font-size: 12px;
	font-size: 1.2rem;
}
#headNav ul {
	float: right;
}
#headNav.noSearchBox ul {
	margin-top: 20px;
}
#headNav li {
	position: relative;
	display: inline-block;
	margin-right: 28px;
	padding: 0 0 0 8px;
	background: url(../images/com_ic01.png) no-repeat left 0.5em;
}
#headNav li a:link {
	text-decoration: underline;
}
#headNav li a:hover {
	text-decoration: none;
}
#headNav li:last-child {
	margin-right: 0;
}
#headerUtility {
	float: right;
	margin-top: 10px;
	position: relative;
}
.fontSize {
	float: right;
	display: table;
}
.fontSize p, 
.fontSize ul, 
.fontSize ul li {
	display: table-cell;
	vertical-align: middle;
}
.fontSize p {
	padding-right: 10px;
}
.fontSize li a {
	color: #FFFFFF;
	background-color: #253494;
	padding: 3px 6px;
	min-width: 45px;
	line-height: 25px;
	text-align: center;
	vertical-align: middle;
}
.fontSize li.on a {
	color: #e7e8f2;
	background-color: #9299c9;
}
.fontSize li a:hover {
	text-decoration: none;
}
.headerWrap01 #headerInfo, 
.headerWrap01 #headerInfo .searchBox {
	float: right;
	margin: 0 0 0 6px;
}
.searchBox .siteSearch {
	width: 380px;
	padding: 12px 10px;
	background: url(../images/con_bg01.png) no-repeat right top;
	height: 50px;
	position: absolute;
	top: 25px;
	right: 0;
	display: none;
}
.searchBox .searchBtn.on + .siteSearch {
	display: block;
}
.headerWrap01 #headerInfo .searchBtn {
	background-color: #253494;
	margin-top: 0;
	width: 80px;
}
.headerWrap01 #headerInfo .searchBtn a {
	display: block;
	width: 80px;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding: 0 0 0 22px;
	line-height: 25px;
	background: url(../images/com_ic08.png) no-repeat 80% 0.5rem;
}
.headerWrap01 #headerInfo .searchBtn.on a {
	color: #FFFFFF;
	background: url(../images/com_ic09.png) no-repeat 80% 0.5rem;
}
/* headerNavi */
#headerNavi {
	width: 1000px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}
#headerNavi .commonMenu {
	display: table;
	width: 100%;
}
#headerNavi .commonMenu > li {
	width: 25%;
	display: table-cell;
	text-align: center;
	border-left: 1px solid #cccccc;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
#headerNavi .commonMenu > li a {
	display: block;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 5px 0 8px;
	color: #333333;
}
#headerNavi .commonMenu > li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #9299c9;
}
#headerNavi .commonMenu > li:last-child {
	border-right: 1px solid #cccccc;
}

/*all*/
#all{
background-color: transparent;
width: 1000px;
margin:0 auto;
}
#all2{
min-width:1080px;
margin:0 auto;
}

/* Contents
------------------------------------------------------ */
#globalContents {
	clear: both;
}
#contents {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
	clear: both;
}
/*----- contentsWrap -----*/
.contentsWrap {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 80px 0;
}
.noSide .contentsWrap {
	background: none;
}
.noSide.centering .contentsWrap {
	width: 744px;
	padding-top: 15px;
}
/*** main ***/
#main {
	float: right;
	width: 770px;
	padding: 0;
}

.contentWrapside {
	float: right;
	width: 760px;
	padding: 0;
}





/* Footer
------------------------------------------------------ */
#globalFooter {
	clear: both;
	min-width: 1000px;

}
#footer {
	clear: both;
background: #D8D4CC;
background-image: url(bedge_grunge.png);
color:#663300;
min-height:200px;
}
#footer a{
color:#663300;
}
#footer a:hover{
text-decoration: underline;
}

/*----- footerWrap01 -----*/
.footerWrap01 {
	clear: both;
}
/* footerNavi */
.footerWrap01 #footerNavi {
	clear: both;
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0;
}
.footerWrap01 #footerNavi .naviLayout01 {
	clear: both;
}
.footerWrap01 #footerNavi .naviLayout01 + .naviLayout01 {
	margin-top: 30px;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi {
	float: left;
	width: 226px;
	padding: 15px 0 0 0;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi.type1 {
	width: 180px;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi.type2 {
	width: 385px;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi + .navi {
	margin-left: 32px;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi > *:first-child {
	margin-top: 0 !important;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi .mainMenu {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.25;

}
.footerWrap01 #footerNavi .naviLayout01 > .navi .mainMenu a {
	color: #FFF;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi .subMenu {
	margin: 0px 0 0 0;
}

.footerWrap01 #footerNavi .naviLayout01 > .navi .subMenu > li {
	padding-left: 0px;
	margin-top: 10px;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi.type2 .subMenu > li {
	float: left;
	width: 180px;
	margin: 0 0 0 25px;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi.type2 .subMenu > li:nth-of-type(2n+1) {
	clear: left;
	margin-left: 0;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi.type1 .subMenu > li:nth-of-type(n+2), 
.footerWrap01 #footerNavi .naviLayout01 > .navi.type2 .subMenu > li:nth-of-type(n+3) {
	margin-top: 1em;
}
.footerWrap01 #footerNavi .naviLayout01 > .navi .subMenu > li > a {
color:#663300;
}

/*メニュー*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 750px;
  margin: 5px auto 30px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;

}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+69,e0e0e0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
  color: #666;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  border: 1px solid #CCC;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #888;
  background: #CCC;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+69,e0e0e0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
  text-align: left;

}
.dropmenu li:hover > a{
  background: #CCC;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+69,e0e0e0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
.dropmenu li a:hover{
  background: #BBB;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+69,e0e0e0+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 69%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 69%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
text-shadow: 0px 1px 1px #CCC;
}

#dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
}



.sidemenu-l{
float:left;
width:180px;
}
.sidemenu-r{
float:left;
margin-left:20px;
width:800px;
}

.cds-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}

.cds-navi li { display: inline; }

.cds-navi li a {
  margin-bottom: 1px;
  padding: 5px 0 5px 10px;
  display: block;
  width: 178px;
  text-decoration: none;
  border-left: 5px solid #eee;
  background-color: #eeeeee;
  color: #333;
}

li#open a{
font-weight:bold;
color: #663300;
background-color:#DBD7CF;
background-image: url(bedge_grunge.png);
border-left: 5px solid #B20000;
}
.cds-navi li a:hover{
border-left: 5px solid #D8D4CC;
background:#D8D4CC;
/*background-color: #fff;*/
color: #666;
}


h1 {
padding: .25em 0 .5em .75em;
font-size:16px;
color:#663300;
font-weight:normal;
background-color:#DBD7CF;
background-image: url(bedge_grunge.png);
border-top: 3px solid #663300;
border-bottom: 1px solid #CCC;
margin-top:0px;
}

hr.style1{
border-top: 1px solid #663300;
margin-bottom:30px;
margin-top:30px;
}


#breadcrumbs{
margin-left:0px;
display: inline-block;
width:100%;
height:40px;
padding-top:10px;
padding-bottom:10px;
/*border-bottom:1px dotted #CCC;*/
margin-bottom:15px;
font-size:12px;
color:#333;
}

/*トップページ用*/


.top_news {
	padding-top: 15px;
}
.top_news a{
text-decoration:none;
}
.top_news ul { margin: auto -6px;list-style:none;}
.top_news li {
list-style:none;
	float: left;
	width: 220px;
	padding: 0px 4px;
}
.top_news .box { background-image: url(../../images/top_news_bg.png);}
.top_news .box .date { padding: 7px;font-weight:bold;}
.top_news .box .ico_new { top: 0px; left: 0px;}
.top_news .box .title { padding: 12px 10px; line-height: 1.4;}
.top_news .box .category {
	top: 0px;
	right: 15px;
	background: url(../../images/top_news_bgt.png);
	color: #fff;
	padding: 7px 7px 15px;
	z-index: 500;
}
.photo2 img{
  	transition: 0.3s;
}
 
 
.photo2 img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}

#pagetop {
    position: fixed;
    bottom: 50px;
    right: 30px;
}