@charset "utf-8";
/*
# written by unit-MSE Co.,ltd.　　          　　　 #
# 　　　info@unit-mse.jp　　          　　　　　　 #
# 　　　http://www.unit-mse.jp　　　          　　 #
# 使用：九州大学医学部　形態機能病理学　2015.10.01 #
# 日文用　　　　　　　　　　　　　　          　　 #
# $Revision: 1.1 $　　　　          　　　　　　　 #
*/

/******************************/
/* 基本画面用                 */
/******************************/
HTML{ font-size:62.5%; }
BODY{
	padding:0 0 0 0;
	margin:0 0 0 0;
	color:#505050;
	font-size: 12px;
	font-size: 1.2rem; /* 14px/21 */
	line-height: 18px;
	line-height: 1.8rem;
	font-family: Roboto, HiraKakuProN-W3, sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%; /* none指定はリスク有り=>100%指定で回避 */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/*	border-top:#7F003D 5px solid;	*/
	background:#FAF3F7 url(../img/bg.jpg) center top no-repeat;
	background-attachment: fixed;
	background-size:cover;
}
HTML,BODY{ height:100%; min-height:100%; }
/* タグ基本 */
H1{ font-size:20px;
	line-height:30px;
	font-size:2.0rem;
	line-height:3.0rem;
	font-weight:bold;
}
H2{ font-size:16px;
	line-height:24px;
	font-size:1.6rem;
	line-height:2.4rem;
	font-weight:bold;
}
H3{ font-size:15px;
	line-height:23px;
	font-size:1.5rem;
	line-height:2.3rem;
	font-weight:bold;
}
H4{ font-size:14px;
	line-height:21px;
	font-size:1.4rem;
	line-height:2.1rem;
	font-weight:bold;
}
H5{ font-size:14px;
	line-height:21px;
	font-size:1.4rem;
	line-height:2.1rem;
	font-weight:bold;
}
H6{ font-size:14px;
	line-height:21px;
	font-size:1.4rem;
	line-height:2.1rem;
	font-weight:bold;
}
P{
	font-size:14px;
	font-size:1.4rem;
}
IMG{ max-width:100%; }
IMG.spw100{ width:100%!important; }


TABLE,
TH,
TD{ border-collapse:collapse; }
TH{ font-weight:normal; text-align:left;}
/* モダンブラウザ用の折り返し許可 */
TH,TD{ word-break: break-all; }
IMG { border:0; }
ADDRESS{ font-style:normal; }
HEADER LI,
FOOTER LI{ list-style-type:none; }
UL.nolist{ padding-left:0!important; }
.nolist > LI{ list-style-type:none!important;
	font-size:1.2rem!important;
	padding-left:1.2rem!important;
	text-indent:-1.2rem!important;
}


A{ -webkit-touch-callout:none;/* iOS長押しpopup無効 */ }
A,
A:link,
A:visited { color:#F43F96; text-decoration:none; }
A:hover,
A:focus { color:#EA545E; text-decoration:underline; }
A:focus { outline:none; }

A::before,
A::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
A,
A::before,
A::after {
	-webkit-transition: none;
	transition: none;
}
/* 例外 */
.btnS_inquiry LI A,
.btnS_inquiry LI A::before,
.btnS_inquiry LI A::after {
	-webkit-transition: none;
	transition: none;
}
NAV#globalMenu LI A,
NAV#globalMenu LI A::before,
NAV#globalMenu LI A::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}


LABEL{ display:inline-block; }

/* アイコン */
.iconL{
	background-image:url(../img/sp/iconSet.png);
	background-size:200px;
	background-repeat:no-repeat;
	display:inline-block;
	height:20px;
	width:20px;
	margin-right:4px;
}
.iconL_news{ background-position:0px -120px; }

.cross,
.chevron,
.chevronOpp,
.chevronUp,
.chevronDown {
  height: 20px;
}
.cross,
.chevron,
.chevronOpp,
.chevronUp,
.chevronDown { display: inline-block; }

.list .cross,
.list .chevron,
.list .chevronOpp,
.list .chevronUp,
.list .chevronDown { display: block; }


.cross:before,
.cross:after,
.chevron:before,
.chevron:after,
.chevronOpp:before,
.chevronOpp:after,
.chevronUp:before,
.chevronUp:after,
.chevronDown:before,
.chevronDown:after{
  position: relative;
  display: block;
  width: 12px;
  height: 4px;
  background-color: #999;
  content: '';
}
.cross:before {
  top: 5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cross:after {
  top: 1px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.chevron:before {
  top: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chevron:after {
  top: 7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chevronOpp:before {
  top: 5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.chevronOpp:after {
  top: 7px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.chevronDown:before {
  top: 5px;  left:-5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chevronDown:after {
  top: 1px; left:1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chevronUp:before {
  top: 5px;  left:-5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chevronUp:after {
  top: 1px; left:1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.list .chevron,
.list .chevronOpp{
  position: absolute;
  top: 50%;
  right: 10px;
}
.list .cross,
.list .chevronUp,
.list .chevronDown{
  position: absolute;
  top: 60%;
  right: 10px;
}
.list .cross,
.list .chevron,
.list .chevronOpp,
.list .chevronUp,
.list .chevronDown{ margin-top: -10px; }
A .chevron:before,
A .chevron:after,
A .chevronOpp:before,
A .chevronOpp:after,
A .chevronUp:before,
A .chevronUp:after,
A .chevronDown:before,
A .chevronDown:after,
A:link .chevron:before,
A:link .chevron:after,
A:link .chevronUp:before,
A:link .chevronUp:after,
A:link .chevronDown:before,
A:link .chevronDown:after,
A:visited .chevron:before,
A:visited .chevron:after,
A:visited .chevronUp:before,
A:visited .chevronUp:after,
A:visited .chevronDown:before,
A:visited .chevronDown:after{ background-color:#7F003D; }
A:hover .chevron:before,
A:hover .chevron:after,
A:hover .chevronOpp:before,
A:hover .chevronOpp:after,
A:hover .chevronUp:before,
A:hover .chevronUp:after,
A:hover .chevronDown:before,
A:hover .chevronDown:after{ background-color:#7F003D; }

.picL,
.picR{
	margin-top:3px;
	margin-bottom:7px;
}
.picL{
	float:left;
	margin-right:12px;
}
.picR{
	float:right;
	margin-left:12px;
}

/* 位置調整基本 */
.objL { float:left; }
.objR { float:right; }
.objC { clear:both; margin:auto; text-align:center; }
.mb0  { margin-bottom:0px!important; }
.mbSS { margin-bottom:12px!important; }
.mbS  { margin-bottom:14px!important; } 
.mbM  { margin-bottom:21px!important; }
.mbL  { margin-bottom:28px!important; }
.mbLL { margin-bottom:36px!important; }
.mb3L { margin-bottom:72px!important; }



.w13,
.w30,
.w36{ width:100%!important; }

/* 必須 */
.mef{ color:#F60; font-size:0.8rem; }
.explain{  }
.note{ font-size:1.2rem; line-height:1.6rem; }
.attention{ color:#F23F96!important; }
.eg{ color:#666; }
FORM .eg{ font-size:1.0rem; }
.inputAlert{ color:#cc0000; }
FORM .inputAlert{
	padding-left:16px;
	background:url(../img/iconani_attention.gif) left 4px no-repeat;
	min-height:10px;
	font-size:12px;
	line-height:18px;
}
.alertBox{ margin-bottom:7px; }

/* スマートフォン非表示 */
.pc{ display:none; }

/******************************/
/* リスト                     */
/******************************/
H3.list,
DL.list,
UL.list { background-color: #FFF; }
H3.list{
	padding:0;
	font-weight:normal;
	position: relative;
	display:block;
}
DL.list,
UL.list{
	list-style: none;
/*	margin-bottom: 2.1rem;
	margin-bottom: 21px;
	border-top:#BFBFBF 1px solid; */
}
/*UL.list LI > UL{
	border-top:#BFBFBF 1px solid;
}
*/

#globalSubMenu UL.list{
	margin-top:-1px;
	margin-bottom:1.4rem;
}
DL.list DT,
DL.list DD,
UL.list LI{
	position: relative;
	display:block;
	background-color:#FFF;
	border-top:#BFBFBF 1px solid;
	font-size:1.5rem;
}
H3.list A,
DL.list DT A,
DL.list DD A,
UL.list LI A{ display:block; }
DL.list DT A{
	display:block;
	padding:12px;
	padding:1.2rem;
	padding-right:40px;
}
DL.list DT A.icon{
	padding-left:40px;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:40px 40px;
	
}
/*
DL.list DT A.icon_xxx{
	background-image:url(../../img/sp/icon/icon_xxx.png)!important;}

*/

H3.list A,
DL.list DD A,
UL.list LI A{
	padding:12px;
	padding:1.2rem;
	/* padding: 11px 60px 11px 32px; */
}
DL.list DD A,
UL.list LI A{ padding-right:40px; }
DL.list DD A{ padding-left:46px; }

DL.list DT SPAN{
	font-size:10px;
}


UL.expandList LI A{
	padding-left: 46px;
}
H3.list A.opened{ background-color:#D8EAF1; }

H3.list A:hover{ background-color:#E2F5FC; }
DL.list DT A:hover,
DL.list DD A:hover,
UL.list LI A:hover{ background-color:#F4E2EB; }
H3.list A:active{ background-color:#B9E9FB; }
DL.list DT A:active,
DL.list DD A:active,
UL.list LI A:active{ background-color:#FCE2EF; }

/************/
/* ステップ */
/************/
DIV.step{
	width:100%;
	margin:0px 0px 0px 0px;
	height:20px;
	line-height:12px;
	position:relative;
}

/* step */
.icon_step2,
.icon_step3,
.icon_step4{ height:20px; background-repeat:no-repeat; text-indent:-9999px; }
.icon_step3{ width:135px; background-image:url(../img/pc/icon_step3.png);
	position:absolute;
	right:0px;
}
/* step status */
.step1{ background-position: right 0px; }
.step2{ background-position: right -20px; }
.step3{ background-position: right -40px; }
.step4{ background-position: right -60px; }

/************/
/* パンくず */
/************/
DIV.crumbMenu{
	display:none;
/*	color:#666666;
	min-height:24px;
	padding:0 10px 6px 10px;
	font-size:12px;
	line-height:16px;*/
}
/*
DIV.crumbMenu A{
	display:inline-block;
	padding-right:18px;
	background:url(../img/icon_arrow2.png) right 3px no-repeat;
}
DIV.crumbMenu A + A,
DIV.crumbMenu A + STRONG{
	padding-left:4px;
}
DIV.crumbMenu A,
DIV.crumbMenu A:visited{ color:#666666; text-decoration:none; }
DIV.crumbMenu A:hover,
DIV.crumbMenu A:focus{ color:#FF3F00; text-decoration:underline; }
*/
/* current 
DIV.crumbMenu STRONG{ color:#333333;
	font-weight:normal;
}
*/

/******************************/
/* レイアウト                 */
/******************************/
/* 基本構造を記載
DIV#wrapBase
	HEADER
	NAV
	DIV#wrapContents
		DIV#wrapMainContents
FOOTER
*/
/* レイアウト確認用コメントアウトを外して利用 */
/*
DIV#wrapBase,
	HEADER,
	NAV,
	DIV#wrapContents,
		DIV#wrapMainContents,
FOOTER{ boreder:#26FF26 1px solid;}
*/

DIV#wrapBase{
	min-width:320px;
	max-width:100%;
	margin:auto;
	height:auto!important;
	height:100%;
	min-height:100%;
/*	padding-bottom:128px; */
	position:relative;
}
HEADER{
	width:100%;
/*	border-bottom:#E0C0CF 1px solid;	*/
	margin-top:10px;
	margin-bottom:18px;
}
#home HEADER {
	margin-bottom:18px;
}
/*
#top HEADER,
#home HEADER{
	background:url(../img/bg_headTop.png);
	background-position:center top;
	background-repeat:no-repeat;
}
*/
 HEADER > DIV.inner{
	width:100%;
	position:relative;
/*	border-bottom:#E6E6E6 4px solid;
	background-color:#fafafa;
	margin-bottom:10px;
	*/
}
DIV#wrapHC{
	width:100%;
	position:relative;
}

DIV#wrapContents{
	clear:both;	
	position:relative;
	width:100%;
	margin:auto;
/*	padding-bottom:100px; */
}

#home DIV#wrapMainContents{
	width:100%;
	padding:0;
}
DIV#wrapMainContents{
	width:92.5%;
	margin:auto;
	padding-left:6.25%;
	padding-right:6.25%;
	overflow:hidden;
}

DIV.column2BoxL,
DIV.column2Box,
DIV.column3Box{ overflow:hidden; }

DIV#wrapSubContents{
	width:100%;
}
/*
DIV#wrapMainContents DIV.column3Box > DIV.catmenuBox{
	width:228px; // borderを消した後は230
	float:left;
	background-color:#FFFFFF;
	border-top:3px #e6e6e6 solid;
	margin-bottom:20px;
}


DIV.column3Box > DIV.catmenuBox:nth-child(3n+2),
DIV.column3Box > DIV.catmenuBox:nth-child(3n){
	margin-left:12px;
}

DIV#wrapBunnerArea{ clear:both; }

*/
DIV#wrapBunnerArea LI{
	list-style-type:none;
	display:inline-block;
	margin-bottom:1.2rem;
}
@media screen and (max-width:477px){
	DIV#wrapBunnerArea LI:nth-child(2n){
		margin-left:14px;
	}
}
@media screen and (min-width:478px) and (max-width:640px) {
	DIV#wrapBunnerArea LI:nth-child(3n+2),
	DIV#wrapBunnerArea LI:nth-child(3n){
		margin-left:14px;
	}
}
/* 2段組 */
/*DIV.column2Box{ clear:both; }
DIV.column2Box > DIV{ width:50%;
	float:left;
}
*/
/* 左が広い */
/*DIV.column2BoxLW > DIV{
	width:66.6666%;
	float:left;
}
DIV.column2BoxLW > DIV + DIV{
	width:33.3334%;
	float:left;
}
*/
/* 右が広い */
/*
DIV.column2BoxRW > DIV{
	width:33.3333%;
	float:left;
}
DIV.column2BoxRW > DIV + DIV{
	width:66.6667%;
	float:left;
}

DIV.column2Box > DIV:nth-child(2n+1),
DIV.column2BoxLW > DIV:nth-child(2n+1),
DIV.column2BoxRW > DIV:nth-child(2n+1){ padding-right:7px; }
DIV.column2Box > DIV:nth-child(2n),
DIV.column2BoxLW > DIV:nth-child(2n),
DIV.column2BoxRW > DIV:nth-child(2n){ padding-left:7px; }
*/
/* 3段組 */
/*
DIV.column3Box{ clear:both; }
DIV.column3Box > DIV{ width:33.3333%;
	float:left;
}
DIV.column3Box > DIV:nth-child(3n+1){ padding-right:7px; }
DIV.column3Box > DIV:nth-child(3n+2){
	padding-left:7px;
	padding-right:7px;
}
DIV.column3Box > DIV:nth-child(3n){ padding-left:7px; }
*/





/******************************/
/* ヘッダー                   */
/******************************/
HEADER #logoArea{
	width:92.5%;
	height:53x;
	margin:auto;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url(../img/sp/logoS.png);
/*	border:#333 1px solid; */
}

#home HEADER #logoArea{
	background-image:url(../img/sp/logoL.png);
	background-position:center bottom;
	height:0x;
	padding-top:20.1%;
}

HEADER H2 A{
	display:block;
	height:53px;
	width:80%;
}



NAV DIV#globalMenuBtn{
	position:absolute;
	width:40px;
	height:40px;
	top:0;
	right:0;
/*	border:#000 1px solid;	*/
}
NAV DIV#globalMenuBtn A{
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	background:url(../img/sp/iconSet.png);
	background-size:200px;
}
NAV DIV#globalMenuBtn #menuBtn_open A{
	background-position:  -80px 0px;
}
NAV DIV#globalMenuBtn #menuBtn_open A:hover{
	background-position: -80px -40px;
}
NAV DIV#globalMenuBtn #menuBtn_close A{
	background-position:  -80px 0px;
}
NAV DIV#globalMenuBtn #menuBtn_close A:hover{
	background-position: -80px -40px;
}


NAV#globalMenu LI,
NAV#globalMenu LI A,
NAV#globalSubMenu LI,
NAV#globalSubMenu LI A{
	display:block;
	/*height:56px;*/
}
NAV#globalMenu LI,
NAV#globalSubMenu LI{
	width:100%;
}
NAV#globalMenu LI + LI,
NAV#globalSubMenu LI{
	border-top:#fff 1px solid;
}
NAV#globalMenu LI A,
NAV#globalSubMenu LI A{
	display:block;
	padding:8px 8px 8px 24px;
	background-color:#B4678B;
	color:#fff;
	background-image:url(../img/pc/icon_arrow1.png);
	background-position: left center;
	background-repeat:no-repeat;
}
NAV#globalMenu LI A:hover,
NAV#globalMenu LI A:focus{
	background-color:#CB96AF;
	text-decoration:none;
}


 /*****************************/
/* グローバルナビゲーション  */
/*****************************/
NAV#globalMenu{
	display:block;
	width:90%;
	margin:auto;
}
#home NAV#globalMenu{
	width:90%;
	margin:auto;
	margin-bottom:;
}

#home DIV#globalMenuBtn{ display:none; }
DIV#globalMenuBtn{
	position:absolute;
	width:40px;
	height:40px;
	top:0;
	right:0;
}
DIV#globalMenuBtn A{
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	background-image:url(../img/sp/iconSet.png);
	background-size:200px;
}

#menuBtn_close,
#searchArea_close,
#menuBtn_1{ display:none; }

NAV#globalMenu UL{
	width:100%;
	margin:auto;
/*		*/
}
#home NAV#globalMenu UL{ display:block; }
NAV#globalMenu UL:after{
	clear:both;
}
NAV#globalMenu LI,
NAV#globalMenu LI A{
	display:block;
}
#home NAV#globalMenu LI{
	line-height:18px;
	margin-bottom:5%;
	text-align:center;
	float:left;
}
#home NAV#globalMenu LI{
	width:30%;
	height:0;
	padding-top:30%;
	position:relative;
/*	padding:5px; */
	background:url(../img/bg_slash3.png) left top repeat;
	-moz-box-shadow:5px 5px 4px rgba(124,44,78,0.65);
	-webkit-box-shadow:5px 5px 4px rgba(124,44,78,0.65);
	box-shadow:5px 5px 4px rgba(124,44,78,0.65);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a67c2c4e,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a67c2c4e,Positive=true);
	margin-bottom:5%;
	line-height:16px;

}

#home NAV#globalMenu LI:hover{
	background-color:#F4DFE6;
}
NAV#globalMenu LI SPAN{ display:inline-block; }

#home NAV#globalMenu LI A{
	width:100%;
	height:100%;
	padding:10px 2px;
	background-color:#FFF;
	color:#24014A;

}
#home NAV#globalMenu LI#btnLL_access A{
	padding-top:16px
}

#home NAV#globalMenu LI A{
	border-color:#F4DFE6;
	border-width: 4px;
	border-style: solid;
	position:absolute;
	top:0;
	padding-top:64%;
	background-position:center 18%;
	background-repeat:no-repeat;
	background-size:50%;
	font-size:1.2rem;
}


@media screen and (max-width:480px){
	#home NAV#globalMenu LI#btnLL_access A{
		padding-top:60%;
		line-height:14px;
		line-height:1.4rem;
	}
}
@media screen and (min-width:481px) and (max-width:640px) {
}


#home NAV#globalMenu LI:nth-child(3n+2),
#home NAV#globalMenu LI:nth-child(3n){
	margin-left:5%;
}



NAV#globalMenu LI A:hover,
NAV#globalMenu LI A:focus{}
#home #btnLL_greeting A{
	background-image:url(../img/icon/icon_human1.png);
}
#home #btnLL_outline A{
	background-image:url(../img/icon/icon_document1.png);
}
#home #btnLL_program A{
	background-image:url(../img/icon/icon_clock.png);
}
#home #btnLL_participant A{
	background-image:url(../img/icon/icon_human2.png);
}
#home #btnLL_presenter A{
	background-image:url(../img/icon/icon_human3.png);
}
#home #btnLL_access A{
	background-image:url(../img/icon/icon_train1.png);
}
#home #btnLL_mail A{
	background-image:url(../img/icon/icon_mail1.png);
}
#home #btnLL_link A{
	background-image:url(../img/icon/icon_bookmark.png);
}
#home  #btnLL_report A{
	background-image:url(../img/icon/icon_document1.png);
}
HEADER NAV#globalSubMenu{
	display:block;
	height:13px;
}
/* current */
#greeting NAV#globalMenu LI#btnLL_greeting,
#outline NAV#globalMenu LI#btnLL_outline,
#program NAV#globalMenu LI#btnLL_program,
#participant NAV#globalMenu LI#btnLL_participant,
#presenter NAV#globalMenu LI#btnLL_presenter,
#access NAV#globalMenu LI#btnLL_access,
#report NAV#globalMenu LI#btnLL_report{
}
#greeting NAV#globalMenu LI#btnLL_greeting A,
#outline NAV#globalMenu LI#btnLL_outline A,
#program NAV#globalMenu LI#btnLL_program A,
#participant NAV#globalMenu LI#btnLL_participant A,
#presenter NAV#globalMenu LI#btnLL_presenter A,
#access NAV#globalMenu LI#btnLL_access A,
#report NAV#globalMenu LI#btnLL_report A{
	-webkit-opacity:0.85;
	-moz-opacity:0.85;
	-ms-filter:"alpha(opacity=85)";/*for ie 8 */
	opacity:0.85;
}


/******************************/
/* メイン　                   */
/******************************/


/******************************/
/* フッター                   */
/******************************/
FOOTER{
	clear:both;
/*	margin-top:-200px;
	height:200px; */
	display:block;
	min-height:96px;
	margin-top:-96px;

	z-index:10;
	font-size:10px;
	font-size:1.0rem;
	line-height:1.6rem;
	background-color:#000000;
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	-ms-filter: "alpha(opacity=60)";/*for ie 8 */
	opacity:0.6;
	color:#fff;
	
	
}

FOOTER .pTop,
FOOTER .pTopSP{
	position:fixed;
	z-index:10;
	background-color:rgba(153,153,153,0.5);
	width:40px;
	height:40px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
/*	border:#0F0 1px solid; */
	right:10px;
	bottom:10px;
}
FOOTER .pTop A,
FOOTER .pTopSP A{
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
	background-image:url(../img/sp/iconSet.png);
	background-position:-160px 0px;
	background-repeat:no-repeat;
	background-size:200px;
}
FOOTER .pTop A:hover,
FOOTER .pTopSP A:hover{
	background-color:#FFCC00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
FOOTER DIV.inner >DIV{ padding:0.6rem; }
FOOTER DIV.inner{
	padding-left:7.5%; /* 3.75% */
	padding-right:3.75%;
	padding-top:10px;
	color:#fff;
}
FOOTER DIV.inner DL DT,
FOOTER DIV.inner DL DD{
	display:inline-block;
	margin-right:1.0rem;
}
FOOTER SPAN.zip,
FOOTER SPAN.addr,
FOOTER SPAN.tel,
FOOTER SPAN.businessHours,
FOOTER SPAN.fax{ display:inline-block; }
FOOTER ADDRESS{

}
FOOTER SMALL{
	clear:both;
	display:block;
/*	background-color:#7F003D;	*/
	color:#fff;
	text-align:center;
	font-size:8px;
	font-size:0.8rem;
	line-height:1.4rem;
	width:100%;
	height:36px;
	height:3.6rem;
	padding-top:6px;
}
FOOTER SMALL SPAN{ display:block; }
/****************************/
/* 各ページ毎の特化したもの */
/****************************/
/* body id="xxx"
#xxx .mainContents zzz{} */

/*********************/
/* 共通              */
/*********************/

#wrapMainContents SECTION + SECTION{
}
#wrapMainContents SECTION + SECTION:before{
	content:"";
	display:block;
	height:1px;
	width:100%;
    background-position: center;
    background-repeat: no-repeat;
	background: -webkit-linear-gradient(left,  rgba(193,64,110,0) 0%,rgba(193,64,110,0.8) 20%,rgba(193,64,110,0.8) 51%,rgba(193,64,110,0.8) 80%,rgba(193,64,110,0) 100%);
	background: -moz-linear-gradient(left,  rgba(193,64,110,0) 0%, rgba(193,64,110,0.8) 20%, rgba(193,64,110,0.8) 51%, rgba(193,64,110,0.8) 80%, rgba(193,64,110,0) 100%);
	background: linear-gradient(to right,  rgba(193,64,110,0) 0%,rgba(193,64,110,0.8) 20%,rgba(193,64,110,0.8) 51%,rgba(193,64,110,0.8) 80%,rgba(193,64,110,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c1406e', endColorstr='#00c1406e',GradientType=1 ); /* IE6-9 */
	margin-top:28px;
	margin-bottom:28px;

}


#wrapMainContents{
	overflow:hidden;
	padding:0 0 1.4rem 0;
	margin-bottom:2.4rem;
	background-color:#fff;
	-webkit-opacity:0.9;
	-moz-opacity:0.9;
	-opacity:0.9;
}
/* 中ページ */
#wrapMainContents{
	color:#4F4F4F; font-weight:normal;
	padding-bottom:120px;
}

#wrapMainContents H1{
	padding:0.7rem 0;
	color:#24014A;
	font-size:1.4rem;
	margin-bottom:1.4rem;
/*	font-weight:normal;

	font-size:24px;
	line-height:36px;
	padding-bottom:4px;

	border-bottom:#D9D9D9 1px dotted;
	*/
}
#wrapMainContents > H2,
#wrapMainContents > H3,
#wrapMainContents > H4,
#wrapMainContents > H5,
#wrapMainContents > H6,
#wrapMainContents > P,
#wrapMainContents > TABLE,
#wrapMainContents > NAV,
#wrapMainContents > OL,
#wrapMainContents > UL,
#wrapMainContents > DL,
#wrapMainContents > DIV,
#wrapMainContents SECTION > H2,
#wrapMainContents SECTION > H3,
#wrapMainContents SECTION > H4,
#wrapMainContents SECTION > H5,
#wrapMainContents SECTION > H6,
#wrapMainContents SECTION > P,
#wrapMainContents SECTION > TABLE,
#wrapMainContents SECTION > NAV,
#wrapMainContents SECTION > OL,
#wrapMainContents SECTION > UL,
#wrapMainContents SECTION > DL,
#wrapMainContents SECTION > DIV,
#wrapMainContents DIV.innerBox,
#wrapMainContents DIV.referenceBox{

}
#wrapMainContents DD DIV.referenceBox,
#wrapMainContents DIV.innerBox DIV.referenceBox,
#wrapMainContents NAV.catMenu{
	margin-left:0;
	margin-right:0;
}
/*
#wrapMainContents H1 SPAN{
	font-weight:normal;
	display:inline-block;
	margin-left:6px;
	font-size:12px;
	vertical-align:baseline;
	font-weight:normal;
}
*/
#wrapMainContents H2{
	font-size:1.6rem;
	line-height:2.4rem;
	color:#333;
	padding-left:4px;
	margin-bottom:1.2rem;
}
/*
#wrapMainContents H3{
	font-weight:normal;
	font-size:20px;
	line-height:20px;
	margin-bottom:5px;
	color:#073967;
	border-left:#073967 4px solid;
	padding-left:8px;
}
#wrapMainContents H4{
	font-size:16px;
	line-height:24px;
}

#wrapMainContents H5{
	font-size:14px;
	line-height:21px;
}

#wrapMainContents H6{
	font-size:12px;
	line-height:21px;
}
*/
#wrapMainContents HR{
	border: 0;
    border-bottom:#D9D9D9 1px dotted;
	margin-bottom:1.4rem;

}
#wrapMainContents > OL{ margin-left:2em; }

#wrapMainContents SECTION > UL,
#wrapMainContents > UL{ padding-left:18px; }
#wrapMainContents SECTION > OL,
#wrapMainContents > OL{ padding-left:2.8rem; }
#wrapMainContents UL > LI{
	list-style-position:outside;
	margin-left:0;
	padding-left: 0px;
}

#wrapMainContents > OL > LI{
    list-style-type: decimal-leading-zero; 
}
#wrapMainContents > DL{}
#wrapMainContents > DL > DT{ font-weight:bold; }
#wrapMainContents > DL > DD{}
#wrapMainContents > DL + DL{ margin-top:-24px; }

#wrapMainContents > UL,
#wrapMainContents > OL,
#wrapMainContents > DL,
#wrapMainContents TABLE,
#wrapMainContents SECTION > UL,
#wrapMainContents SECTION > OL,
#wrapMainContents SECTION > DL,
#wrapMainContents SECTION TABLE,
#wrapMainContents .innerBox > UL,
#wrapMainContents .innerBox> OL,
#wrapMainContents .innerBox> DL,
#wrapMainContents .innerBoxTABLE{
	margin-bottom:1.4rem;
}
#wrapMainContents TABLE,
#wrapMainContents TABLE TH,
#wrapMainContents TABLE TD{
	border-collapse:collapse;
	border:#D9D9D9 1px solid;
}
#wrapMainContents TABLE TH{
	background-color:#F0F0F0;
}
#wrapMainContents TABLE TH,
#wrapMainContents TABLE TD{
	padding:4px;
}

/* テーブルパターン */

TABLE.tbl2cell{
	width:100%;
	border-collapse:collapse;
}
TABLE.tbl2cell > TBODY > TR > TH,
TABLE.tbl2cell > TBODY > TR > TD{
	border-collapse:collapse;
	display:block;
	width:100%;
	padding:4px!important;
}
TABLE.tbl2cell > TBODY > TR > TH{
	margin-bottom:4px;
}
TABLE.tbl2cell TH{
	background-color:#EAC6D7;
}

/* 偶数行判定 */
/*
#wrapMainContents TABLE.stripe{}
#wrapMainContents TABLE.stripe TR:nth-child(2n) TH{	background-color:#E2E2E2;}
#wrapMainContents TABLE.stripe TR:nth-child(2n) TD{	background-color:#FAFAFA;}
*/
#wrapMainContents P{
	margin-bottom:1.4rem;
	line-height:2.1rem;
}
#wrapMainContents P.note{
	font-size:1.2rem;
	padding-left: 1.2rem;
    text-indent: -1.2rem;
	color:#EA0000;
	margin-bottom:1.4rem;
}
#wrapMainContents TABLE + P.note{
	margin-top:-1.2rem;
}
#wrapMainContents TABLE + UL.note{
	margin-top:-1.2rem;
}
#wrapMainContents P + P.note{
	margin-top:-1.2rem;
}
#wrapMainContents P.note + P.note{ margin-top:-1.2rem;}
/*
#wrapMainContents  STRONG{ color:#EA0000; }
#wrapMainContents A{ text-decoration:underline; }
*/
/* 段落下げ */
/*
#wrapMainContents DIV.innerBox{
	padding-left:12px;
}
*/


/* ページ内リンク */
#wrapMainContents H1 + NAV.pageIndex{
	margin-left:0;
	margin-right:0;
	margin-top:-1.4rem;
}
#wrapMainContents NAV.pageIndex{
	background-color:#F8FDFE;
	border:#E6E6E6 3px solid;
	padding:7px;
	margin-bottom:1.4rem;
}
#wrapMainContents NAV.pageIndex UL{
	margin-left:0px; }
#wrapMainContents NAV.pageIndex LI{
	list-style-type:none;
	display:block;
}
#wrapMainContents NAV.pageIndex LI A{
	display:block;
	background-image:url(../img/icon_arrow1.png);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding-left:18px;
	padding-bottom:3px;
}
NAV.pageIndex LI A:hover{
	background-position:left -76px;
	background-color:FCEDB8;
}


SPAN.zip,
SPAN.addr{
	display:inline-block;
}







#wrapMainContents H2{
	font-size:16px;
	line-height:32px;
}
#wrapMainContents H2 + TABLE{
	margin-top:4px;
}


#wrapMainContents NAV > UL LI{
	margin:0;
	text-indent:0;
	display:inline-block;
	margin-bottom:7px;
}
#wrapMainContents NAV > UL LI:before{
	content:"";
}
#wrapMainContents NAV > UL LI{
	margin-right:12px;
	margin-right:1.2rem;
}
#wrapMainContents NAV > UL LI:last-child{
	margin-right:0!important;
}
#wrapMainContents NAV > UL LI A{
	display:block;
	line-height:18px;
	position:relative;
	padding:6px 20px 6px 16px;
	color:#fff;
	background-color:#BD1B59;
	background-image:url(../img/icon/icon_arrow.png);
	background-position:right 6px center;
	background-repeat:no-repeat;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
#wrapMainContents NAV > UL LI A > SPAN{
	display:block;
	margin-top:-4px;
	height:14px;
	line-height:14px;
	border:#0C0 1px solid;
	vertical-align:bottom;
	padding-right:12px;

}
#wrapMainContents NAV > UL LI A:hover,
#wrapMainContents NAV > UL LI A:focus{
	background-color:#E44783;
}
#wrapMainContents P,
#wrapMainContents TABLE,
#wrapMainContents UL,
#wrapMainContents OL{
	margin-bottom:14px;
}

#wrapMainContents TABLE,
#wrapMainContents TABLE TR TH,
#wrapMainContents TABLE TR TD{
	border:#808080 1px solid;
}
#wrapMainContents TH,
#wrapMainContents TD{
	padding:4px;
}
#wrapMainContents TABLE.noborder{
	margin-bottom:10px;
	border:none;
}
#wrapMainContents TABLE.noborder TH,
#wrapMainContents TABLE.noborder TD{
	border:none;
	vertical-align:top;
}
#wrapMainContents TABLE.noborder TH{
	padding:0px 21px 4px 0px;
}
#wrapMainContents TABLE.noborder TD{
	padding:0px 0px 4px 0px;
}


#wrapMainContents UL LI{
	list-style-type:none;
	text-indent:-1em;
	margin-left:1em;
}
#wrapMainContents UL.listmark > LI:before{
	content:"∘ "}
#wrapMainContents UL LI.note{}
#wrapMainContents OL{
	margin-left:2em;
}
#wrapMainContents P.attention:before{
	content:"※";
}
#wrapMainContents .addr,
#wrapMainContents .tel,
#wrapMainContents .fax{ display:inline-block; margin-right:12px; }


/* コンタクトボックス */
DIV.contactBox{
	clear:both;
	border:#D9A6BF 4px double;
	padding:8px 14px;
	margin-bottom:21px;
}
DIV.contactBox H3{
	font-size:16px;
	line-height:24px;
	color:#AC4A7A;
}
DIV.contactBox P{
	margin-bottom:4px!important;
}
/* トピックボックス */
.pageTopicBox > DIV{
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-radius:5px 5px 0 0;
	background:#F86DAF url(../img/bg_checkChidori.png) left top repeat;
	padding:14px 4px 4px 4px;
}
.pageTopicBox > DIV > H3{
	color:#fff;
	text-align:center;
	letter-spacing:3px;
	margin-top:-7px;
	margin-bottom:7px;
}
.pageTopicBox > DIV > DIV.box{
	background-color:#FEEEF5;
	padding:14px 12px;
}
.pageTopicBox > DIV > DIV.box > .box2{
	padding:14px 12px 0 12px;
	background-color:#Fff;
	margin-bottom:14px;
}
/* パネルバナーボタン */
#wrapContents UL.index{ overflow:auto; }
#wrapContents UL.index LI{
	display:block;
	width:294px;
	height:auto;
	float:left;
	padding:3px;
	margin:0;
	text-indent:0;
	margin-bottom:12px;
	background:#ddd url(../img/bg_slash.png) left top repeat;
}
#wrapContents UL.index LI.icon A{
	padding-left:76px;
	background-position:6px 6px; 
	background-repeat:no-repeat;
}

#wrapContents UL.index LI A{
	display:block;
	height:100%;
	background-color:#FFF;
	padding:2px 6px 2px 6px;
}
#wrapContents UL.index LI A:hover,
#wrapContents UL.index LI A:focus{
	background-color:#F4E2EB;
}
#wrapContents UL.index LI:hover,
#wrapContents UL.index LI:focus{
	cursor:pointer;
	background-color:#F4E2EB;
}
#wrapContents UL.index LI:nth-child(2n+1){
	margin-right:24px;
}


/*********************/
/* トップページ    */
/*********************/
#home UL.list{
	border:none; }
/*********************/
/* ご挨拶　　　　    */
/*********************/
.signature{ }
#greeting SPAN.attr{ display:inline-block; font-size:1.2rem; }

/*********************/
/* 開催概要　　　    */
/*********************/

/*********************/
/* プログラム　　    */
/*********************/
#program #wrapMainContents TABLE SPAN{
	display:inline-block;
}
/*********************/
/* 参加者の方へ　    */
/*********************/
#participant #wrapMainContents TABLE TH{
	font-size:12px;
	font-size:1.2rem;

}
#wrapMainContents TABLE.prcListTBL{
	border:#AC4A7A 1px solid;
}
#wrapMainContents TABLE.prcListTBL TH,
#wrapMainContents TABLE.prcListTBL TD{
	padding:4px 4px;
	vertical-align:middle;
}
#wrapMainContents TABLE.prcListTBL TH{
	background-color:#AC4A7A;
	border-right:#D9A6BF 1px solid;
	border-bottom:#D9A6BF 1px solid;
	color:#fff;
	text-align:center;
}
#wrapMainContents TABLE.prcListTBL TD{
	text-align:right;
	border-right:#AC4A7A 1px solid;
	border-bottom:#AC4A7A 1px solid;
}

/************/
/* フォーム */
/************/
/* basefont 14px X max 460px程度 */
.company INPUT[type="text"]{ width:100%; /* x16 */}
.division INPUT[type="text"]{ width:100%; /* x16 */}
.nm INPUT[type="text"]{ width:100%; /* x9 */}
.rb INPUT[type="text"]{ width:100%; /* x18 */}
.email INPUT[type="text"]{ width:100%; /* x32 */}
.tel INPUT[type="text"]{ width:100%; /* x10 */}
.zip INPUT[type="text"]{ width:50%; /* x9 */}
.addr INPUT[type="text"]{ width:100%; /* x32 */}
.contents TEXTAREA{
	width:100%; /* x32 */
	height:12rem;
}
.eg {
	color:#9E9E9E;
	font-size:0.9rem; /* 9px */
	line-height:1.3rem;
	display:inline-block;
	margin-left:4px;
}

INPUT[type="text"],
INPUT[type="email"],
INPUT[type="tel"],
TEXTAREA{
	border:#CCC 1px solid;
	padding:4px;
	margin-bottom:4px;
}
#wrapMainContents INPUT[type="text"]:hover,
#wrapMainContents INPUT[type="text"]:focus,
#wrapMainContents INPUT[type="email"]:hover,
#wrapMainContents INPUT[type="email"]:focus,
#wrapMainContents INPUT[type="tel"]:hover,
#wrapMainContents INPUT[type="tel"]:focus,
TEXTAREA:hover,
TEXTAREA:focus{
	border:#CCC 1px solid;
	background-color:#E6F0F8;
}
INPUT[type="checkbox"],
INPUT[type="radio"]{
	vertical-align:middle;
	margin-right:4px;
}
#inquiry DIV.btnArea{ width:100%; text-align:center; }

.btnM A{
	padding:10px 6px 7px 6px;
	font-size:14px;
	text-decoration:none;
	display:block;
	text-align:center;
}
.btnM_report A{
	color:#fff;
	background-color:#B2668B;
	width:100%x;
	margin:auto;
}
.btnM_conf A{
	color:#fff;
	background-color:#B2668B;
	width:200px;
	margin:auto;
}
.btnM_correct A{
	width:124px;
	color:#333;
	background-color:#ccc;
}
.btnM_send A{
	width:124px;
	color:#fff;
	background-color:#B2668B;
}

.btnM_report A:hover,
.btnM_report A:focus,
.btnM_conf A:hover,
.btnM_conf A:focus,
.btnM_correct A:hover,
.btnM_correct A:focus,
.btnM_send A:hover,
.btnM_send A:focus{
	color:#fff;
	background-color:#D940A4;
}
