@charset "utf-8";

/* --------------------------------------------------
	メインメニュー
-------------------------------------------------- */

#unit_mainmenu {
	clear:both;
	/*height:30px;*/
/*	background-image:url('../image/common/btn-mainmenu-w900.gif');*/
	width:100%;
	max-width:1200px;
	
	z-index:9;
	position:absolute;
	margin:0px auto;
	margin-top:15px;
}

/*--// .addClass();で追加するcss //--*/
.unit_mainmenu_fixed {
	position: fixed;
}
.upts_mainmenu {
/*	width:150px;*/
	width: 16.5%;
	float:left;
	box-sizing: border-box;
	margin-right:20px;

/*	padding: 10px;*/
}
/*
.upts_mainmenu:not(:last-of-type) {
	box-sizing: border-box;
	border-right: rgba(255,255,255,0.7) 1px solid;
}
*/

/* メインメニューを6個にするときはupts_mm6cを指定し、8個にするときはupts_mm8cを使う */
.upts_mm6c {
	width: 16.3%;
}

.upts_mm8c {
	width: 12.5%;
}


/*--// 小画面端末用 //--*/
/* 場所を変えないように */
@media (max-width: 768px) {
	#unit_mainmenu {
		display:none;
	}
	
	

	.upts_mainmenu {
/*		width: 33.3%;*/
	}

	.upts_mm6c {
		width: 33%;
	}

	.upts_mm8c {
		width: 25%;
	}

}



.upts_mainmenu a{
	display:block;
	/*height:30px;*/height:65px;
	text-decoration: none;
}

/*
.upts_mainmenu a p{
	display: none;
	position:relative;
	top:7px;
	left:2px;
	margin:0px 0px 0px 3px;
	width:4px;
	height:36px;
	background-color:#c00000;
}
*/

/*メインメニュー現在地表示、hover時共通*/
.upts_mainmenu {
	position: relative;
}
.upts_mainmenu.active::before,.upts_mainmenu:hover::before{
	position: absolute;
	content: "";
	display: block;
	width:100%;
	height:100%;
	z-index: -10;
	
	background-color: white;
	border-radius: 10px;
}


/* 個々のメニューの設定 */

.p_mm10 a{
	background-image:url('../image/common/upts-mainmenu-introduction.png');
	background-position:center top;
/*	transition: 0.2s;*/
}
		
.p_mm10 a:hover,.p_mm10.active a{
 	background-image:url('../image/common/upts-mainmenu-introduction-hover.png');
/*
	opacity: 0.6;
	transition: 0.2s;
*/
}
/*
.p_mm20 a{
	background-image:url('../image/common/upts-mainmenu-staff.png');
	background-position:center top;
}
		
.p_mm20 a:hover,.p_mm20.active a{
	background-image:url('../image/common/upts-mainmenu-staff-hover.png');
}
*/
.p_mm20 a{
	background-image:url('../image/common/upts-mainmenu-recruit.png');
	background-position:center top;
}
		
.p_mm20 a:hover,.p_mm20.active a{
	background-image:url('../image/common/upts-mainmenu-recruit-hover.png');
}

.p_mm25 a{
	background-image:url('../image/common/upts-mainmenu-approach.png');
	background-position:center top;
}
		
.p_mm25 a:hover,.p_mm25.active a{
	background-image:url('../image/common/upts-mainmenu-approach-hover.png');
}
.p_mm30 a{
	background-image:url('../image/common/upts-mainmenu-recruit.png');
	background-position:center top;
}
		
.p_mm30 a:hover,.p_mm30.active a{
	background-image:url('../image/common/upts-mainmenu-recruit-hover.png');
}


.p_mm40 a{
	background-image:url('../image/common/upts-mainmenu-research.png');
	background-position:center top;
}
		
.p_mm40 a:hover,.p_mm40.active a{
	background-image:url('../image/common/upts-mainmenu-research-hover.png');
}


.p_mm50 a{
	background-image:url('../image/common/upts-mainmenu-departments.png');
	background-position:center top;
}
		
.p_mm50 a:hover,.p_mm50.active a{
	background-image:url('../image/common/upts-mainmenu-departments-hover.png');
}


.p_mm60 a{
	background-image:url('../image/common/upts-mainmenu-home.png');
	background-position:center top;
/*	transition: 0.2s;*/
}
		
.p_mm60 a:hover,.p_mm60.active a{
	background-image:url('../image/common/upts-mainmenu-home-hover.png');
}


@media (max-width: 768px) {
	.upts_mainmenu{
		display:none;
	}
}


/* --------------------------------------------------
	メインメニュー　ドロップメニュー追加
-------------------------------------------------- */

#unit_mainmenu li {
	position: relative;
}

#unit_mainmenu li a {
	display: block;
	margin: 0;
	line-height: 1;
}

#unit_mainmenu li a:hover {
/*	color:lime;*/
}

#unit_mainmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#unit_mainmenu li ul li {
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #fff;
	transition: .2s;
}
#unit_mainmenu li ul li a {
	/* ドロップダウン１層目 */
	padding: 13px 15px;
	background: #9ecad4;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
#unit_mainmenu > li:hover > a {
/*	background: #7c8c0e;*/
}
#unit_mainmenu > li:hover li:hover > a {
	/* ドロップダウン１層目のhover */
	background: #66aabb;
}
#unit_mainmenu li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#unit_mainmenu li ul li ul {
	top: 0;
	left: 100%;
}
#unit_mainmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
#unit_mainmenu li ul li ul li a {
	background: #488c9c;
}
#unit_mainmenu li:hover ul li ul li:hover > a {
	background: #32616a;
}
#unit_mainmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #454e08;
}

#unit_mainmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #454e08;
}

/* --------------------------------------------------
	サイドメニュー
-------------------------------------------------- */


.unit_sidemenu{
}

/* タイトル部分背景 */
.upts_sidemenu_title{
	overflow: hidden;
	width:100%;
/*	height:98px;*/
/*
	background-image:url('../image/common/bg-sidemenu.png');
	background-repeat:no-repeat;
*/
	text-align:center;
}
.upts_sidemenu_title img{
	display: block;
	width:100%;
}

@media (max-width: 768px) {
	.upts_sidemenu_title{
/*
		width:100%;
		height:54px;
		background-image:url('../image/common/bg-sidemenu-sf.png');
		background-repeat:repeat-x;
		text-align:center;
*/
		display: none;
	}
}

.upts_sidemenu_frame{	/* 枠 */
	background: white;
	padding:5px 5px 4px 5px; 
	margin-top:-2px;
/*	box-shadow:0px 0px 4px darkgray;*/
	
	box-sizing: border-box;
	border: 1px solid rgb(201,201,201);
	border-top:none;

}
.upts_sidemenu_bar{
	margin:1px auto 0 auto;
/*	background:#FFFFFF;*/
/*	color:#333333;*/
	font-size:0.8em;
}
.upts_sidemenu_bar a:link{
	display:block;
	background:url(../image/common/icon-sidemenu.png) no-repeat 8px center rgb(241,235,255);
	padding:13px 10px 12px 40px; 
	margin-bottom:1px;
	text-decoration:none;
	color:rgb(75,75,75);
}

.upts_sidemenu_bar a:visited{
 	text-decoration:none;
	background-color: rgb(241,235,255);
	color:rgb(75,75,75);
}
.upts_sidemenu_bar a:hover,.upts_sidemenu_bar a:active{
	background:url(../image/common/icon-sidemenu-active.png) no-repeat 8px center white;
	color:rgb(237,123,49);/*差し色 オレンジ*/
}
.upts_sidemenu_bar a.active{
	background:url(../image/common/icon-sidemenu-active.png) no-repeat 8px center rgb(241,235,255);
	color:rgb(237,123,49);
}



/* 項目ここまで */

/* 孫メニューを隠す(10～40) */

.upts_magomenu_10{
	font-size:small;
	display: none;
	height: 0px;
	line-height:0px;
}

.upts_magomenu_20{
	font-size:small;
	display: none;	
	height: 0px;
	line-height:0px;
}

.upts_magomenu_30{
	font-size:small;
	display: none;
	height: 0px;	
	line-height:0px;
}
.upts_magomenu_40{
	font-size:small;
	display: none;
	height: 0px;
	line-height:0px;
}
.upts_magomenu_50,.upts_magomenu_60{
	font-size:small;
	display: none;
	height: 0px;
	line-height:0px;
}

/* 孫メニューを隠す(10～40)ここまで */

/* 孫メニュー */

.upts_magomenu_bar{
	padding:7px 0px 7px 47px;
	line-height:1.2em;
	font-size:0.9em;
/*	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","ＭＳ ＰGothic",Arial,Helvetica,Verdana,sans-serif;*/
/*	color:#333333;*/color:rgb(75,75,75);
	background-color:white;
	vertical-align:middle;
	background-image: url('../image/common/icon-sidemenu-mago.png');
	background-repeat:no-repeat;
	background-position:20px center;
}
.upts_magomenu_bar a:link{
/*	color:#333333;*/color:rgb(75,75,75);
	text-decoration:none;
}
.upts_magomenu_bar a:visited{
/*	color:#333333;*/color:rgb(75,75,75);
	text-decoration:none;
}
.upts_magomenu_bar a:hover{
/*	color:#333333;*/color:rgb(75,75,75);
	text-decoration: underline; 
}
.upts_magomenu_bar a img{
	float:right;
	margin-right:10px;
}

@media (max-width: 768px) {
	.unit_sidemenu{
		box-sizing: border-box;
		padding-top:10px;
		padding-bottom:10px;
	}
	.upts_sidemenu_frame{
		background: inherit;
/*		padding:5px 5px 4px 5px; */
		margin:0;
		border: none;
		color:#3351a3;
	}
	.upts_sidemenu_bar{
		box-sizing: border-box;
		background: inherit;
	}
	.upts_sidemenu_bar:not(:first-of-type){
		border-top:1px solid #3351a3;
	}
	.upts_sidemenu_bar a,.upts_sidemenu_bar a:link,.upts_sidemenu_bar a:visited,.upts_sidemenu_bar a:hover{
		color:inherit;
		background-color:inherit;
	}
	.upts_magomenu_bar{
		color:inherit;
		background-color:inherit;
	}
	.upts_magomenu_bar a,.upts_magomenu_bar a:link,.upts_magomenu_bar a:visited,.upts_magomenu_bar a:hover{
		color:inherit;
	}
}


/*　新しい１列パネルユニット　*/
/*　パネルユニットの背景画像　*/
.unit_panel{
	background-image:url('../image/common/panel-bg.png');
	background-position:left top;
	width:100%;
}

/*　１列パネルユニットのタイトル　*/
.upts_panel_title {
	background-image:url('../image/common/panel-bg.png');
	background-position:right top;
	color:white;
	font-weight:bold;
	margin-left:15px;
}

.upts_panel_title_inside{
/*	padding:17px 10px;*/
	padding:17px 10px 7px 0px;
}

/*　１列パネルユニットのテキスト　*/
.upts_panel_text,.upts_panel_text_g1,.upts_panel_text_g2{
/*	margin-left:25px;*/
	margin-left:7px;
	background-image:url('../image/common/panel-bg.png');
	background-position:right center;
	padding:7px 3px 0px 15px;

}

.upts_panel_text_inside{
	margin:0 15px 0 0;

}

/*　１列パネルユニットの下　*/
.upts_panel_bottom_left{
	width:50px;
	height:20px;
	background-image:url('../image/common/panel-bg.png');
	background-position:left bottom;
	float:left;
}

.upts_panel_bottom_right{
	height:20px;
	background-image:url('../image/common/panel-bg.png');
	background-position:right bottom;
}

/*　新しい１列パネルユニットここまで　*/

/*　2列パネルユニット（unit_panelの後ろに入れます）*/
.panel_op_2c{
	width:50%;
	float:left;
/*	height:100%;*/
}
/*　3列パネルユニット（unit_panelの後ろに入れます）*/
.panel_op_3c{
	width:33.3%;
	float:left;
}


@media (max-width: 500px) {
	.panel_op_2c{
		width:100%;
	}

	.panel_op_3c {
		width:auto;
	}

}



.unit_selesitem {
	
}

.unit_selesitem .upts_salesitem_item {
	margin:2%; 
	float:left; 
	width:38%; 
	background-color:white;
}

.unit_selesitem .upts_salesitem_core {
	margin:2%; 
	float:left; 
	width:45%; 
	background-color:#f5f5f5;
}


.unit_selesitem .upts_salesitem_item ul{
	margin: 0px 0px 0px 20px; 
	list-style:disc inside none !important; 
}

.unit_selesitem .upts_salesitem_item li{
	margin: 1% 1% 1% 1%; 
	padding-left:1em;
	float:left; 
	width:9em; 
}





.unit_imgbox_sidebyside {
	margin:10px 0px;
	padding:0px;
/*	border:1px red solid;*/
}

.unit_imgbox_sidebyside img{
	width: 100%;
}

.uop_sbs2{
	width: 100%;
}

.uop_sbs2 .upts_imgbox{
	float:left;
	width: 46%;	
	margin: 0 2%;
}

/*
.unit_imgbox_sidebyside img{
	width: 100%;
}
*/


.uop_sbs3{
	width:100%;
}

.uop_sbs3 .upts_imgbox{
	float:left;
	width: 31%;	
	margin: 0 1%;
}



@media (max-width: 500px) {

	.uop_sbs2 .upts_imgbox{
		float:none;
		width: 100%;	
		margin: 0 0%;
	}


	.uop_sbs3 .upts_imgbox{
		float:none;
		width: 100%;	
		margin: 0 0%;
	}

}



/* --------------------------------------------------
	ギャラリーボックス
-------------------------------------------------- */

.unit_gallerybox {
	margin-bottom: 100px;	
}


.upts_gallerybox_imagebox {
	float:left;
	margin:0px;
	padding:0px;
	width: 30%;
/*	background-color:none*/
/*	max-width:300px;*/
}


.upts_gallerybox_imagebox img{
	width: 100%;
	margin:0 5px;
}

.upts_gallerybox_textwrapper {
	float:left;
	margin:0px;
	padding: 0 0 0 3%;
	width: 65%;
/*	background-color:none*/
/*	max-width:300px;*/
}


.upts_gallerybox_titlebox {
	margin: 15px 0px 15px 0px;
	padding:0px;
	font-size: 1.7em;
	line-height:1.2em;
	font-weight:bold;
	color: #9b3751;
/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
/*	background-color:none*/
}


.upts_gallerybox_overviewbox {
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 10px 10px;
	font-size: 1.0em;
	color: gray;
	border-top: 1px gray dashed;
	border-bottom: 1px gray dashed;
/*	background-color:none*/
}



@media (max-width: 768px) {

	.unit_gallerybox {
		margin-bottom: 100px;	
	}


/*	.upts_gallerybox_imagebox {
		float:none;
		margin:0px;
		padding:0px;
		width: 100%;
	}
*/

	.upts_gallerybox_imagebox {
		float:none;
		margin:0px;
		padding:0px;
		width: 100%;
		max-height:300px;
		overflow:hidden;
	}


	.upts_gallerybox_imagebox img{
/*		float:right;*/
		margin:0px;
		padding:0px;
		width: 100%;

/*
    position: relative;
    top: -50%;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-50px);
    */

	}


	.upts_gallerybox_textwrapper {
		float:none;
		margin:0px;
		padding: 0 0 0 0;
		width: 100%;
	}

	
}



/* --------------------------------------------------
	写真説明ボックス（見出し付き）
-------------------------------------------------- */

.unit_descriptionbox {
	margin-bottom:40px;
	padding:10px;
	width:calc(100% - 30px);
	background-color:rgba(0,0,0,0.00);
	background-image: url(../image/common/bg-gaikou.png);
	background-position: right top;
	background-repeat: no-repeat;
	border: 5px red solid;
	border-image: url(../image/common/img-border-pink.png) 10 10 round;
	
}


.upts_descriptionbox_flex_container {
	display: flex;
}

.upts_descriptionbox_subbox1 {
	float:left;
	margin:10px;
	width:calc(60% - 22px);
	align-self:flex-start;

	/*border:1px pink solid;*/
}

.upts_descriptionbox_subbox2 {
	float:right;
	margin:10px;
	width:calc(40% - 22px);
	height:calc(100% - 22px);
	align-self:flex-end;

	/*border:1px red solid;*/
}

.upts_descriptionbox_subbox2 img {
	width: calc(100% - 20px);
	margin-top:10px;
}


@media (max-width: 768px) {

	.upts_descriptionbox_flex_container {
		display:block;
	}
	
	.upts_descriptionbox_subbox1 {
		float:none;
		width: calc(100% - 20px);
	}
	
	.upts_descriptionbox_subbox2 {
		float:none;
		width: calc(100% - 20px);
	}
	
}


/* --------------------------------------------------
	写真説明ボックス（見出し付き）
-------------------------------------------------- */

.unit_galleryitem {
	float: left;
	margin-bottom:40px;
	margin-right:10px;
	padding:10px;
	width: calc(50% - 40px);
	background-color:rgba(0,0,0,0.00);
	background-image: url(../image/common/bg-gaikou.png);
	background-position: right top;
	background-repeat: no-repeat;
	border: 5px red solid;
	border-image: url(../image/common/img-border-pink.png) 10 10 round;
	
}

.upts_galleryitem_subbox1 {
	margin:10px;
	width:calc(100% - 22px);

}

.upts_galleryitem_subbox2 {
	margin:10px;
	width:calc(100% - 22px);

}

@media (max-width: 768px) {

	.unit_galleryitem {
		float: none;
		margin-bottom:40px;
		width: calc(100% - 40px);
	}
}

/* --------------------------------------------------
	フォトボックス
	　オプション指定方法：
	　　内包するimgタグのclassにop_2、op_3[デフォルト]を追加
	　　op_2：最大2列
	　　op_3：最大3列
	　　op_4：最大4列
-------------------------------------------------- */
.unit_photobox {
	width:100%;
	text-align:center;
	margin:30px 0;
}

.unit_photobox img.op_1f{
	width:100%;
}

.unit_photobox img.op_1h{
	width:60%;
}

.unit_photobox img.op_2{
	width:45%;
}

.unit_photobox img.op_3{
	width:30%;
}

.unit_photobox img.op_4{
	width:22%;
}

@media (max-width: 768px) {
	.unit_photobox img.op_2{
		width:45%;
	}
	
	.unit_photobox img.op_3{
		width:45%;
	}
	
	.unit_photobox img.op_4{
		width:45%;
	}
}

@media (max-width: 500px) {
	.unit_photobox img.op_2{
		width:90%;
	}
	
	.unit_photobox img.op_3{
		width:90%;
	}
	
	.unit_photobox img.op_4{
		width:90%;
	}
}


/* --------------------------------------------------
	説明ボックス（見出し付き）
-------------------------------------------------- */

.unit_introbox{
	padding:15px 25px 20px 25px;
	border:4px solid #e6e6e6;
	margin-bottom:30px;
}

.upts_introbox_title{
	background-image:url('../../image/common/icon-boder.png');
	background-position:left center;
	padding:10px 0 10px 13px;
	background-repeat:no-repeat;
	border-bottom:1px #C0C0C0 dotted;
	font-size:1.3em;
	font-weight:bold;	
	margin-bottom:15px;
	color:#464646;
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, serif,Hiragino Mincho ProN;*/
/*	font-family: '游明朝体', 'Yu Mincho', YuMincho,'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;*/

}

.upts_introbox_txt{
	margin-left:23px;	
}


.upts_introbox_name {
	font-weight:bold;
	font-size:120%;
}


.upts_introbox_company {
	font-weight:normal;
	font-size:110%;
}

.upts_introbox_photo {
	width:100px;
	margin: 2px 10px 5px 10px;
	float:left;
	border-radius: 5px;
}



/* --------------------------------------------------
	ステップボックス
-------------------------------------------------- */

.unit_stepbox {
	position: relative;
	background: #ffffff;
	border: 4px solid #e6e6e6;
	padding:20px 20px 26px 10px;
}

.unit_stepbox_end {
	position: relative;
	background: #ffffff;
	border: 4px solid #e6e6e6;
	padding:20px 20px 26px 10px;
}

.unit_stepbox:after, .unit_stepbox:before {
width:100%;
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.unit_stepbox:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 20px;
	margin-left: -20px;
}
.unit_stepbox:before {
	border-color: rgba(230, 230, 230, 0);
	border-top-color: #e6e6e6;
	border-width: 26px;
	margin-left: -26px;
}




/* --------------------------------------------------
	画像付き目次パネル
-------------------------------------------------- */

/*　１列パネルユニット　*/
.unit_mokujipanel{
	background-image:url('../image/common/panel-contents-bg.png');
	background-position:left top;
	width:100%;
	margin-bottom:3px;
}

.unit_mokujipanel{
	background-image:url('../image/common/panel-contents-bg.png');
	background-position:left top;
	width:100%;
}



/*　１列パネルユニットのタイトル　*/
.upts_mokujipanel_title {
	background-image:url('../image/common/panel-contents-bg.png');
	background-position:right top;
	color:white;
	font-weight:bold;
	margin-left:15px;
	font-size:1.2em;
	padding-top:3px;
	white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow: ellipsis;
}

.upts_mokujipanel_title_inside{
	padding:17px 5px 17px 10px;
	white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow: ellipsis;}

/*　１列パネルユニットのテキスト　*/
.upts_mokujipanel_text,.upts_mokujipanel_text_g1,.upts_mokujipanel_text_g2{
	margin-left:20px;/*　パネルの左余白　*/
	background-image:url('../image/common/panel-contents-bg.png');
	background-position:right center;
	padding-top:7px;

}

.upts_mokujipanel_text_inside{
	margin-right:20px;/*　パネルの右余白　*/
}

.upts_mokujipanel_text_inside img{
	width:100%;
}

/*　１列パネルユニットの下　*/
.upts_mokujipanel_bottom_left{
	width:50px;
	height:15px;
	background-image:url('../image/common/panel-contents-bg.png');
	background-position:left bottom;
	float:left;
}

.upts_mokujipanel_bottom_right{
	height:15px;
	background-image:url('../image/common/panel-contents-bg.png');
	background-position:right bottom;
}


/*　hover　*/
.unit_mokujipanel:hover {
  opacity: 0.75;
}

.upts_mokujipanel_linkcolor{
	color:black!important;
	text-decoration: none;
	
}

.upts_mokujipanel_linkcolor:link {
	color:black;
	text-decoration: none;
}
.upts_mokujipanel_linkcolor:hover {
	color:black;
	text-decoration: none;
}


/*　2列パネルユニット（unit_panelの後ろに入れます）*/
.mokujipanel_op_2c{
	width:48%;
	float:left;
	hover:none;
/*	height:100%;*/
}

/*　3列パネルユニット（unit_panelの後ろに入れます）*/
.mokujipanel_op_3c{
	width:31%;
	float:left;
	hover:none;
/*	height:100%;*/
}

@media (max-width: 768px) {
	.mokujipanel_op_2c{
		width:48%;
	}

	.mokujipanel_op_3c {
		width:48%;
	}

}

@media (max-width: 500px) {
	.mokujipanel_op_2c{
		width:100%;
	}

	.mokujipanel_op_3c {
		width:100%;
	}

}



/* --------------------------------------------------
	テキスト型　目次パネル
-------------------------------------------------- */

.unit_txtmokujipanel_wrapper{
	/* 余白を撤去 */
	margin: 0px 0px 0px 0px;
	padding:0px;
	
	/* リストマークを削除 */
	list-style-type:none;
	
	/* 中のliを左右センタリング */
	text-align:center;
}

.unit_txtmokujipanel_wrapper a{
}

.unit_txtmokujipanel_wrapper span{
	/* liの高さと幅を設定する */
	margin: 0px 5px 20px 5px;
	padding: 0px 0px 0px 0px;
/*	width: 31%;*/
	height: 6em;
	
	/* 上端のラインの色 */
	border-top: 5px #a1c5e5 solid;

	/* liのdisplayの設定 inline-block/block/boxのいずれか */
	display: inline-block;

	/* liの中のline-heightをliの高さにしてのa(inline-block)を上下中央に置く */
	line-height: 65px;
	vertical-align: middle;

	background-image:url('../image/common/bgi-txtmokujipanel.png');
	background-position: center 72%;

/*	color: black;*/
	color:#606060;

/*	角丸設定 */
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
}

.unit_txtmokujipanel_wrapper span:hover{
	background-position:center bottom;
	color: blue;
}

.unit_txtmokujipanel_wrapper span b{

	/* aをインラインボックス属性にする */
	display:inline-block;
	
	/* aの中のテキストのline-heightを1emに戻す */
	line-height:1.3em;

	font-size:1.3em;
	font-weight: normal;

	vertical-align: middle;
	margin:auto auto;
}

.unit_txtmokujipanel_wrapper span.op_blank{
	/* 上端のラインと背景画像を透明にする １つだけになったときにブランクスペースを取りすぎないように高さを抑えておく*/
	background-image:none;
	border-top: 5px transparent solid;
	height: 5px;
	margin-bottom:0px;

}

.unit_txtmokujipanel_wrapper span.op_2c{
	width:45%;
}

.unit_txtmokujipanel_wrapper span.op_3c{
	width:30%;
}


@media (max-width: 768px) {

	.unit_txtmokujipanel_wrapper span.op_3c {
		width:45%;
	}

}

@media (max-width: 500px) {
	.unit_txtmokujipanel_wrapper span.op_2c {
		width:100%;
	}

	.unit_txtmokujipanel_wrapper span.op_3c {
		width:100%;
	}

}





/******************************************************
 ******************************************************
 **** レスポンシブレイアウト向けの変形ユニット
 ******************************************************
 ******************************************************/


/* --------------------------------------------------
	タンデムボックス（幅広の時はユニット内が上下組みで複数のユニットがフロートして横並び。スマホのときはユニット内が横組みで、ユニット間は縦に積む。）
-------------------------------------------------- */

/* 親divに display: flex; justify-content: center;　を入れておく */

.unit_twinbox_v2h {
	box-sizing: border-box;
	width:40%;
	height:230px;
	float:left;
	margin:auto;

	border:5px white solid;
	background-color: white;
	box-shadow: 0 0 5px 1px #ccc; /* 影 */
	
	position: relative;
}


.upts_twinbox_cage1 {
	height:100%;
	overflow: hidden;
	position: relative;
	
smargin: 20px 20px 0 20px;
}

.upts_twinbox_cage1 img {
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
}

.upts_twinbox_cage2 {
	height:35px;
	overflow: hidden;
	position: absolute;
	
	bottom:0;
	width:100%;
}

.upts_twinbox_cage2 img {
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.upts_twinbox_cage2 a{
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	height:100%;
	width:100%;
	padding:0 15px;
	line-height: 35px;/*上層のcage2のサイズに合わせる*/
	
	text-align: left;
	font-size:20px;
	color:white;
/*	font-weight: bold;*/
/*	text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 6px, rgba(0, 0, 0, 0.25) 1px -1px 6px, rgba(0, 0, 0, 0.25) -1px 1px 6px, rgba(0, 0, 0, 0.25) -1px -1px 6px;*/
	background-color: rgba(7,77,89,0.80);
}
.upts_twinbox_cage2 span.text{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.3em;/*aのline-heightをリセット*/
}

@media (max-width: 768px) {

	.unit_twinbox_v2h {
		float: none;
		/*width:90%;*/width:100%;
		max-width:480px;
		height: auto;
/*		margin:5px auto;*/
		margin:0 auto;
		box-shadow: 1px 1px 4px #ccc;
		border:none;
	}
	.unit_twinbox_v2h:not(:first-of-type){
		margin-top:10px;
	}
	
	.upts_twinbox_cage1 {
		float: left;
		height:90px;
		width:50%;
		
		margin:0;
	}

	.upts_twinbox_cage2 {
		float: left;
		height:90px;
		width:50%;
		position: relative;
	}
	.upts_twinbox_cage2 a{
		font-size:1em;
		line-height: 90px;/*上層のcage2のサイズに合わせる*/
/*		text-shadow:none;*/
		background: white;
		color:rgb(45,71,143);
	}
	.upts_twinbox_cage2 span.text{
		width:100%;
		text-align: left;
		font-weight: normal;
	}

}
@media (max-width: 600px) {

	.unit_twinbox_v2h {
		width:100%;
	}
}

/* --------------------------------------------------
	記事リスト　アイコンタイプ　
-------------------------------------------------- */

.unit_articlelist_icontype {
	background-color:#FFF;
	margin:0px auto;
	padding: 1% 3%;
	width:94%;
	text-align: center;
}

.upts_articlelist_icontype_title {
	background-color: rgba(230,230,230,1.00);/*薄グレー*/
	color:rgba(46,49,146,1.00);/*ベタ紺*/
	width:300px;
	margin: 10px auto 25px auto;
	padding:10px 0px 6px 0px;
	font-weight: bold;
	font-size: 1.2em;
	
	box-sizing: border-box;
	border-bottom: 1px rgba(46,49,146,1.00) solid;/*ベタ紺*/
}

.upts_articlelist_icontype_sheet {
/*	bodrer:1px white solid;*/
	width:95%;
	margin:5px auto;
}


.upts_articlelist_icontype_cage {
	float:left;
	width: calc(45% - 90px);
	margin:5px 2%;
	padding-left:90px;
/*	border:1px red solid;*/
}

.upts_articlelist_icontype_cage img {
	float:left;
	margin-left:-90px;
	margin-right:-90px;
}

.upts_articlelist_icontype_cage p {
/*	border:1px pink dashed;*/
	float:left;
	width:auto;
/*	color:#000000;*/
	text-align:left;
}

.upts_articlelist_icontype_cage p b {
/*	color:maloon;*/
	font-weight: bold;
}
/*

.unit_articlelist_icontype a {
	color: rgba(42,65,255,1.00);
	text-decoration: underline;
}

.unit_articlelist_icontype a:visited {
	color: rgba(130,255,132,1.00);
	text-decoration: underline;
}

.unit_articlelist_icontype a:hover {
	color:rgba(255,194,81,1.00);
	text-decoration: underline;
}
*/


@media (max-width: 768px) {
	.unit_articlelist_icontype {
		background: inherit;
	}
	
	.upts_articlelist_icontype_title {
		width:auto;
		background-color: #3351a3;
		color:white;
		font-weight: normal;
		border:none;
	}
	
	.upts_articlelist_icontype_cage {
		float:none;
		width: calc(100% - 90px);
		
		height: auto!important;/*PC用のカラムの自動高さあわせを無効化*/
		overflow: hidden;
	}

}

/* --------------------------------------------------
	UPDATE（更新情報）リスト　
-------------------------------------------------- */

.unit_updatelist {
/*	background-color:#ccc;*/
	background-color:#fff;
	margin:0px auto;
	padding: 20px 20px 20px 20px;
	width: calc(100% - 40px);
	text-align: center;
	box-shadow: 1px 1px 4px #ccc;
}

.upts_updatelist_title {
	float: left;
	background-color:rgba(46,49,146,1.00);/*ベタ紺*/
	color:white;
	width:200px;
	height:200px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.2em;
	line-height:200px;
}

.upts_updatelist_sheet {
/*	bodrer:1px pink solid;
	background-color:rgba(228,231,180,1.00);*/
	float: left;
	width: calc(100% - 250px);
	margin:0px 0px 0px 20px;
}


.upts_updatelist_cage {
	float:left;
	width: calc( 100% - 20px );
	margin:5px 5px;
	padding-left:10px;
	border-bottom: 1px gray dashed;
/*	border:1px red solid;*/
}
/*
.upts_updatelist_cage:last-of-type, .upts_updatelist_cage:only-of-type{
	border: none;
}
*/

.upts_updatelist_cage img {
	float:left;
	margin-left:-90px;
	margin-right:-90px;
}

.upts_updatelist_cage p {
/*	border:1px pink dashed;*/
	float:left;
	width:auto;
	color: #23366d;
	text-align:left;
}

.upts_updatelist_cage p b {
	color:#3351a3;
	font-weight: bold;
}


@media (max-width: 768px) {

	.unit_updatelist {
		box-shadow: none;
}
	
	.upts_updatelist_title {
		float: none;
		width:90%;
		height:30px;
		line-height:30px;
		
		font-weight: normal;
	}
	
	.upts_updatelist_sheet {
		float: none;
		width: 100%;
		margin:0px 0px 0px 0px;
	}

	.upts_updatelist_cage {
		float:none;
		width: 100%;
		padding-left:00px;
		border:none;
	}
}
























/* --------------------------------------------------
	ギャラリーの目次パネル　
-------------------------------------------------- */

.unit_galleryindex{
	width:100%;
	padding:25px 0;
}

.unit_galleryindex:hover{
	background:#F8F8F8;
	transition: 0.2s;

}

.upts_galleryindex_photo {
	width: 80%;
	overflow:hidden;
	margin:0 auto;
}

.upts_galleryindex_photo img {
	width: 100%;
	
}

/*　日付　*/
.upts_galleryindex_data{
	width: 80%;
	margin:4px 0 3px 0;
	color:rgba(0,0,192,1.00);
	font-weight:bold;

}
/*　テキスト　*/
.upts_galleryindex_text,.upts_galleryindex_text_g1,.upts_galleryindex_text_g2{
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;


}

/*　続きを読む　*/
.upts_galleryindex_go_deteil{
	margin-top:5px;
	text-align:right;
	width:100%;
	
}

.upts_galleryindex_go_deteil a{
	text-decoration:none;
}


.galleryindex_op_2c{
	width:50%;
	float:left;
/*	height:100%;*/
}

.galleryindex_op_3c2{
	width:33%;
	float:left;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	
	
}

.galleryindex_op_3c2:first-child{
	margin-left:17.5%;
}

.galleryindex_op_3c{
	width:33%;
	float:left;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;

}

.galleryindex_op_3c:first-child{
	border-left:none;
}


.galleryindex_op_4c{
	width:25%;
	float:left;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;

}

.galleryindex_op_4c:first-child{
	border-left:none;
}


/*　スマホ用　*/
@media (max-width: 768px) {
	.upts_galleryindex{
		width:100%;
		padding: 16px 5px 0 0;
	}

	.upts_galleryindex:hover{
		background:white;
	}

	/*　日付　*/
	.upts_galleryindex_data{
		width: 97%;
		margin:20px　0px;
		color:#6b6351;
		font-weight:bold;
	}
	
	.upts_galleryindex_photo {
		width: 130px;
		margin-right:10px;
		margin-bottom:5px;
		float:left;
		overflow:hidden;
	}

	.upts_galleryindex_text,.upts_galleryindex_text_g1,.upts_galleryindex_text_g2{
		width:97%;
		margin:0px 20px;
		float:none;
	}


	
	.upts_galleryindex_go_deteil{
		width: 97%;
		margin-top:5px;
		text-align:right;
	}


	.galleryindex_op_2c{
		width:auto;
	}

	.galleryindex_op_3c2{
		width:100%;
		border-left:none;
		margin-left:none;
	}

	.galleryindex_op_3c2:first-child{
		margin-left:0;
	}

	.galleryindex_op_3c {
		width:100%;
		border-left:none;

	}

	.galleryindex_op_4c {
		width:100%;
		border-left:none;

	}

}


/*---------------------------------
　　　　　　サイトマップ  （レスポンシブテーブル）
-----------------------------------*/
.unit_sitemaplist{
	overflow: hidden;
	padding: 10px 10px;
}
.unit_sitemaplist>li{
	display:block;
	overflow:hidden;
	float:left;
	width:20%;
	margin:0;
}

.unit_sitemaplist>li>p{
	display:block;
	clear:both;
	
	margin: 15px 5px;
	padding: 5px;
	border-radius: 10px;
	background: url(../image/common/bgsheet-stripe-dkbrown.png);
	color: white;
	text-align: center;
	font-weight: normal;
	font-size: 1em;
	letter-spacing: 0.1em;
}
.unit_sitemaplist ul{
	margin:10px;
}
.unit_sitemaplist ul>li{
	display:block;
	/*float:left;
	width:33.3%;*/
	margin-top:10px;
	padding:0 0 0 20px;
	background: url('../image/common/icon-list-marker-arrow01.png') no-repeat 0 center;
	font-size:0.9em;
}
.unit_sitemaplist ul>li a{
	display:block;
	margin-right:0.8em;
}
.unit_sitemaplist a{
}
.unit_sitemaplist a:visited,.unit_sitemaplist a:link{
	color: #614B30;/*濃茶*/
	text-decoration:none;
}
.unit_sitemaplist p>a:visited,.unit_sitemaplist p>a:link{
	color: white;
}
.unit_sitemaplist a:hover{
	text-decoration:underline;
}

/*  スマホ時　アコーディオンリスト ul  */
@media (max-width: 768px) {/* スマホ用  */
	.unit_sitemaplist{
		padding: 0;
	}
	.unit_sitemaplist>li{
		float:none;
		width:auto;
		padding:0;
	}
	.unit_sitemaplist>li>p,
	.unit_sitemaplist>li>ul{
		display:block;
		overflow:hidden;
		width:auto;
		margin:0;
	}
	.unit_sitemaplist>li>p{
		border-radius:0;
		line-height: 2.3em;
	}
	.unit_sitemaplist>li>ul li{
		/*width:50%;*/
		margin-top:20px;
	}
	.unit_sitemaplist>li>ul{/*項目メニュー*/
		padding-bottom: 30px;
		padding-left:30px;
		background-color:white;
	}
	/*
	.unit_sitemaplist>li>ul li a,
	.unit_sitemaplist>li>ul li a:link,
	.unit_sitemaplist>li>ul li a:visited{
		color:#426AB1;/*濃青*//*
	}
	.unit_sitemaplist ul>li a:after{/*リストマーク*//*
    	background-color: #426AB1;/*濃青*//*
	}*/
	/*　アクティブ状態設定　*/
	.unit_sitemaplist>li.active p a{
		font-weight:bold;
	}
	.unit_sitemaplist>li>ul li.active a{
		display: inline;
		font-weight:bold;
		background: url(../image/common/bgsheet-stripe-white50.png),#FFBCA8/*サーモンピンク*/;
		background: url(../image/common/bgsheet-stripe-white50.png),-moz-linear-gradient(transparent 60%, #FFBCA8/*サーモンピンク*/ 60%);
		background: url(../image/common/bgsheet-stripe-white50.png),-webkit-linear-gradient(transparent 60%, #FFBCA8/*サーモンピンク*/ 60%);
		background: url(../image/common/bgsheet-stripe-white50.png),linear-gradient(transparent 60%, #FFBCA8/*サーモンピンク*/ 60%);
	}
	/*.unit_sitemaplist>li>ul li.active a:after{/*リストマーク*//*
    	background-color:#F09266;/*sf用濃オレンジ*//*
	}*/
	.unit_sitemaplist .smp_index{/*jqで追加される目次*/
		width:88%;
		border-bottom:#614B30 1px solid;/*濃茶*/
		padding-bottom:5px;
	}
}

/* アコーディオンリストボタン */
a.js_accordion_btn/*,
a.js_accordion_btn:link,a.js_accordion_btn:visited*/{
	display:inline-block;
	width:3em;
	margin:0 3px;
	margin-bottom:5px;
	/*padding:5px 0;*/
	text-align:center;
	box-shadow:0px 2px 0px 0 rgba(0,0,0,0.5);
	font-size:0.9em;
	line-height:1em;
	vertical-align:middle;
	
	padding: 7px 5px 5px 20px;
	background:url('../image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-pink.png);
	text-decoration: none;
	border-radius: 1.5em;
	border: 2px white solid;
}
.js_accordion_btn.active{
	color:white;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.4) inset;
	background:url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn:hover{
	color:#614B30;/* 基本テキスト色:濃茶 */;
	background:url('../image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-stgpink.png);
	text-decoration:none;
	cursor: pointer;
}
.js_accordion_btn.active:hover{
	color:white;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.4) inset;
	background:url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-dkbrown.png);
	cursor: pointer;
}

@media (max-width: 768px) {/* スマホ用  */
	/* ボタン */
	a.js_accordion_btn{
		width:40%;
		font-size: 1em;
	}
	a.js_accordion_btn:hover,a.js_accordion_btn:active{
		color:#614B30;/* 基本テキスト色:濃茶 */;
		background:url('../image/common/icon-arrow-link-details.png') no-repeat 10px center,
					url(../image/common/bgsheet-stripe-pink.png);
		text-decoration:none;
	}
}

/* アコーディオンリストボタン(緑) クラス名にjs_accordion_btn_greenを追加 */
a.js_accordion_btn_green/*,
a.js_accordion_btn_green:link,a.js_accordion_btn_green:visited*/{
	background:url('../image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-lightgreen.png);
}
.js_accordion_btn_green.active{
	background:url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-dkbrown.png);
}
a.js_accordion_btn_green:hover{
	background:url('../image/common/icon-arrow-link-details.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-green.png);
}
.js_accordion_btn_green.active:hover{
	background:url('../image/common/icon-arrow-link-details-active.png') no-repeat 10px center,
				url(../image/common/bgsheet-stripe-dkbrown.png);
}

@media (max-width: 768px) {/* スマホ用  */
	/* ボタン */
	a.js_accordion_btn_green:hover,a.js_accordion_btn_green:active{
		background:url('../image/common/icon-arrow-link-details.png') no-repeat 10px center,
					url(../image/common/bgsheet-stripe-lightgreen.png);
	}
}

/*--------------------------
　　　　　　目次ボタン
----------------------------*/

.unit_btn_subcontents{
	/* 余白を撤去 */
	margin: 0;
	padding:0;
	
	margin-right: -1%;/*端のリスト間用余白を撤去*/
	margin-bottom:-20px;
	
	/* リストマークを削除 */
	list-style-type:none;
	
	/* 中のliを左右センタリング */
/*	 text-align:center; */ 
}
.unit_btn_subcontents li{
	display:inline;
}

.unit_btn_subcontents a{
	/* liのdisplayの設定 inline-block/block/boxのいずれか */
	display: inline-block;/*IE6,7対象外*/

	/* liの高さと幅を設定する */
	padding: 0;
	width: 31.5%;
	height: 100px;
	
	margin: 1px 1% 21px 1px;/*枠切れ防止用+1px*/

	/* liの中のline-heightをliの高さにしてのa(inline-block)を上下中央に置く */
	text-align:center;
	line-height: 100px;
	vertical-align: middle;
	
	background-color: white;
	background: 
				-moz-linear-gradient(top,rgba(42,47,136, 0) 0,rgba(42,47,136, 0) 5px, rgba(42,47,136, 1) 6px, rgba(42,47,136, 1) 8px, rgba(42,47,136, 0) 9px),/*下部ボーター 紺色*/
				-moz-linear-gradient(bottom, white, rgb(231,240,249));/*グラデ 薄青*/
	background: 
				-webkit-linear-gradient(top,rgba(42,47,136, 0) 0,rgba(42,47,136, 0) 5px, rgba(42,47,136, 1) 6px, rgba(42,47,136, 1) 8px, rgba(42,47,136, 0) 9px),/*下部ボーター 紺色*/
				-webkit-linear-gradient(bottom, white, rgb(231,240,249));/*グラデ 薄青*/
	background:	
				linear-gradient(to top,rgba(42,47,136, 0) 0,rgba(42,47,136, 0) 5px, rgba(42,47,136, 1) 6px, rgba(42,47,136, 1) 8px, rgba(42,47,136, 0) 9px),/*下部ボーター 紺色*/
				linear-gradient(to bottom, white, rgb(231,240,249));/*グラデ 薄青*/
	
	color:#3351a3;/*テキスト紺*/
	
	/*外枠*/
	/*border:1px #C6C6C6 solid;*//*middle gray*/
	box-shadow:0 0 0 1px #C6C6C6,0 0 0 1px white inset;
}

.unit_btn_subcontents a:hover{
	background: 
				-moz-linear-gradient(top,rgba(237,123,49, 0) 0,rgba(237,123,49, 0) 5px, rgba(237,123,49, 1) 6px, rgba(237,123,49, 1) 8px, rgba(237,123,49, 0) 9px),/*下部ボーター オレンジ*/
				-moz-linear-gradient(top, white, rgb(231,240,249));/*グラデ 薄青*/
	background: 
				-webkit-linear-gradient(top,rgba(237,123,49, 0) 0,rgba(237,123,49, 0) 5px, rgba(237,123,49, 1) 6px, rgba(237,123,49, 1) 8px, rgba(237,123,49, 0) 9px),/*下部ボーター オレンジ*/
				-webkit-linear-gradient(top, white, rgb(231,240,249));/*グラデ 薄青*/
	background:	
				linear-gradient(to top,rgba(237,123,49, 0) 0,rgba(237,123,49, 0) 5px, rgba(237,123,49, 1) 6px, rgba(237,123,49, 1) 8px, rgba(237,123,49, 0) 9px),/*下部ボーター オレンジ*/
				linear-gradient(to top, white, rgb(231,240,249));/*グラデ 薄青*/
	
	color: rgb(237,123,49);/*差し色　オレンジ*/
	text-shadow: white 1px 1px 0,white 1px -1px 0,white -1px 1px 0,white -1px -1px 0;
}

.unit_btn_subcontents a span.wrapper{

	/* aをインラインボックス属性にする */
	display:inline-block;
	
	/* aの中のテキストのline-heightを1emに戻す */
	line-height:1.3em;

	font-size:1.3em;
	font-weight: normal;

	vertical-align: middle;
	margin:auto auto;
	padding:0 10px;

}

ul.unit_btn_subcontents a span.subtext{
	display:inline;
	font-size:0.7em;
}

/* スマートフォン用 */
@media (max-width: 768px) {
	.unit_btn_subcontents a{
		width: 48%;
	}
}
@media (max-width: 430px) {
	.unit_btn_subcontents{
		margin-right:0;
	}
	.unit_btn_subcontents a{
		width: 100%;
	}
}
/**/


/* ------------------------------
   展開テーブル
-----------------------------*/

/* マーク */
.infomark_label{
	display:inline-block;
	margin-bottom:3px;
	padding:3px;
	border:1px dimgray solid;
	border-radius: 5px;
	font-size:xx-small;
	line-height:1.5em;
	vertical-align:middle;
	text-align:center;
	color:dimgray;
	background:white;
}

.infomark_label.closed{
	border-color:red;
	color:red;
}
.infomark_label.attention{
	background-color:darkorange;
	border-color:white;
	color:white;
}
.infomark_label.eventtype.forum{
	border-color:green;
	color:green;
}
.infomark_label.eventtype.seminar{
	border-color:dodgerblue;
	color:dodgerblue;
}
.uptsactivitieslist .infomark_label,
.uptslist_activitieslist .infomark_label{
	width:42%;
}
.uptsactivitieslist .infomark_label.closed,
.uptslist_activitieslist .infomark_label.closed{
	width:100%;
	float:left;
}
.uptsactivitieslist .infomark_label.eventtype,
.uptslist_activitieslist .infomark_label.eventtype{
	float:right;
}

/*  会議リスト、イベントリスト  */

@media screen and (min-width: 769px){
	.uptsactivitieslist td.infomark{
		max-width: 140px;
		padding:7px 15px 0 7px;
	}
	.uptsactivitieslist.eventlist td.infomark{
		width: 120px;
	}
	.uptsactivitieslist td.infomark .infomark_label.eventtype{
		margin-right: -8px;
	}
	.uptsactivitieslist tbody td,
	.uptsactivitieslist thead th{
		border-left:none;
	}
	table.uptsactivitieslist{
		border-collapse:collapse;/*hrのborderに必要（border-radius効かない）*/
		border-spacing:0;
	}
	.uptsactivitieslist tbody tr,
	.uptsactivitieslist tbody tr{
		border-bottom: 1px #ddd solid;
	}
	.uptsactivitieslist tr:nth-child(even){
		background-color: transparent;
	}
}
.uptsactivitieslist tbody tr.js_accordion_item_contents{
	background-color: #eaeaea;
}
.uptsactivitieslist tbody tr.js_accordion_item_contents div{
	background-color: white;
}

/* モバイル用 */
@media screen and (max-width: 768px) {
	.uptsactivitieslist td.infomark{
		overflow: hidden;
		margin: 0 -15px;
		padding-top:5px;
		padding-right: 15px;
		padding-left: 15px;
		margin-top:-1px;
		margin-bottom: -2px;
		background-color: #BBD347;/*若草色*/;
	}
	.uptsactivitieslist td.infomark:empty{
		display: none;
	}
	.uptsactivitieslist.eventlist td.infomark{
		margin-bottom: 9px;
	}
	.uptsactivitieslist .infomark_label{
		font-size:0.8em;
	}
	.infomark_label{
		max-width:8em;
	}

	/* テーブルタイトル */
	.uptsactivitieslist tbody td.title:before {
		content: none;
	}
	.uptsactivitieslist tbody td.date:before {
		content: "開催日:";
	}

	.uptsactivitieslist tbody td.time:before {
		content: "時間:"; 
	}
	
	.uptsactivitieslist tbody td.place:before {
		content: "会場:"; 
	}

	.uptsactivitieslist tbody td.contents:before{
		content: none:;
	}
	.uptsactivitieslist tbody td.event:before{
		content: "イベント:";
	}
}

/*  その他の活動（リスト）  */
.uptslist_activitieslist {
	width:100%;
	margin: 0 auto 10px;
	padding: 0;
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #ddd solid;
}
.uptslist_activitieslist dt{
	float:left;
	width:120px;
	padding:7px;
	margin-right:-14px;
}
.uptslist_activitieslist dd{
	margin-left: 134px;
	padding: 7px;
}
.uptslist_activitieslist dt+dd{
	padding-bottom: 0;
}
.uptslist_activitieslist dd+dd{
	padding-top: 0;
}
.uptslist_activitieslist dt:not(:first-of-type),
.uptslist_activitieslist dt+dd:not(:first-of-type){
	border-top: 1px #ddd solid;
}
.uptslist_activitieslist dd.date{
	font-size: 0.8em;
}
.uptslist_activitieslist dd.contents{
}
/* モバイル用 */
@media screen and (max-width: 768px) {
	.uptslist_activitieslist {
		border-radius: none;
		border: 0;
		background-color: inherit;
	}
	.uptslist_activitieslist dt{
		overflow: hidden;
		float:none;
		width:auto;
		margin: 0;
		padding-right: 15px;
		padding-left: 15px;
		/*margin-bottom: 9px;*/
		background-color: #BBD347;/*若草色*/;
		color: #fff;
		
		border-radius: 3px;
		border: 1px #ddd solid;
	}
	.uptslist_activitieslist dd{
		margin-left:0;
		padding: 0 15px;
		background-color: #f9f9f9;
	}
	.uptslist_activitieslist dt+dd{
		padding-top: 9px;
	}
	.uptslist_activitieslist dd{
		padding-bottom: 9px;
	}
	.uptslist_activitieslist dd:last-child{
		margin-bottom: 15px;
	}
	.uptslist_activitieslist dd+dt{
		margin-top: 15px;
	}
	
	/*外枠の設定*/
	.uptslist_activitieslist dt{
		border-radius: 3px 3px 0 0;
		border: 1px #ddd solid;
		border-bottom:0;
	}
	.uptslist_activitieslist dd{
		border-radius: 0 0 3px 3px;
		border: 1px #ddd solid;
	}
	.p_list_activitieslist dd:not(.contents){
		border-radius: none;
		border-top:none;
		border-bottom:none;
	}
	.p_list_activitieslist dd.contents{
		border-top:none;
	}
	.p_list_activitieslist .infomark{
		text-align: center;
	}
	.p_list_activitieslist .infomark_label.eventtype{
		/*font-size:0.8em;*/
		display: inline;
		float:none;
		padding:0;
		margin:0;
		border:none;
		background-color: inherit;
		color:#614B30;/* 基本テキスト色:濃茶 */;
		font-size:1em;
		line-height: 2.3em;
	}
}

/* --------------------------------------------------
	外部リンクボタンリスト
-------------------------------------------------- */

ul.unit_linkbtn{
	/* 余白を撤去 */
	margin: 0;
	padding:0;
	
	/* リストマークを削除 */
	list-style-type:none;
	
	/* 中のliを左右センタリング */
	/*text-align:center;*/
}
ul.unit_linkbtn li{
	display:inline-block;
	box-sizing: border-box;
/*	width:33.3%;*/
	width:100%;
	padding:10px;
}
ul.unit_linkbtn a:after{
	content: url('../image/common/icon-link.png');
}
ul.unit_linkbtn a{
	/* liのdisplayの設定 inline-block/block/boxのいずれか */
	display: inline-block;/*IE6,7対象外*/

	/* liの高さと幅を設定する */
	padding: 0;
	width:100%;
	height: 50px;
	
	margin: 0;

	/* liの中のline-heightをliの高さにしてのa(inline-block)を上下中央に置く */
	text-align:center;
	line-height: 50px;
	vertical-align: middle;
	
	background-color:white;	
	color:#3A3A3A;/*darkgray text*/
	
	/*外枠*/
	/*border:1px #C6C6C6 solid;*//*middle gray*/
	box-shadow:0 0 0 1px #C6C6C6,0 0 0 1px white inset;
}
ul.unit_linkbtn a:hover{
	background-color:white;
}
ul.unit_linkbtn a span.wrapper{

	/* aをインラインボックス属性にする */
	display:inline-block;
	
	/* aの中のテキストのline-heightを1emに戻す */
	line-height:1em;

	/*font-size:1.3em;*/
	font-weight: normal;

	vertical-align: middle;
	margin:auto auto;
	padding:0 10px;

}
@media (min-width: 769px) {
	ul.unit_linkbtn li{
		width:33.333%;
	}
}

/* スマートフォン用 */
@media (max-width: 768px) {
	ul.unit_linkbtn li{
		width: 50%;
	}
}
@media (max-width: 430px) {
	ul.unit_linkbtn{
		margin:0 20px;
	}
	ul.unit_linkbtn li{
		padding:5px 0;
	}
	ul.unit_linkbtn li{
		width: 100%;
	}
}
/* =================================
           横並びのテーブル 
 ==================================*/

.unit_table_side{
	max-width: 1200px;
	width: 100%;
}
.unit_table_side table{
	width: 100%;
	border-collapse: collapse;
	border: solid #CCC;
	border-width: 1px;
    font-size:1.5em;
}
.unit_table_side table tr th,
.unit_table_side table tr td{
	padding: 1em;
	text-align: left;
	vertical-align: top;
	border: solid #CCC;
	border-width: 1px;
}
.unit_table_side table tr th{
	width: 20%;
	background: #F5F5F5;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ;
	font-weight: bold;
}
@media screen and (max-width:768px){
.unit_table_side{
	width: 100%;
}
.unit_table_side table,
.unit_table_side table tbody,
.unit_table_side table tr,
.unit_table_side table tr th,
.unit_table_side table tr td{
	display: block;
}
.unit_table_side table{
	width: 100%;
	border-width: 0 0 1px 0;
}
.unit_table_side table tr th,
.unit_table_side table tr td{
	width: 90%;
	padding: 5%;
    text-align: center;
}
.unit_table_side table tr td{
	border-width: 0px 1px 0px 1px;
}
}