@charset "UTF-8";

body{
	background-color:#ffffff;
}

/*
	画面全体レイアウト
*/

#wholewrap{
	margin:0;
	background-color:#ffffff;
}
#wholewrap>.globalMenu{
	padding:0;
}

/*
	挨拶領域
*/
/*
	アクセスコントロール情報領域
*/
.wrap_tab_menu .tateInformation{
	margin-bottom:2em;
}

/*
	検索領域
*/

#wholewrap>.searchField {
	padding-left:0 !important;;
	padding-right:0 !important;;
}
.searchField .toggleBar{
    border: 3px #c2fcdf solid;
    background-color: #6ff3b2;
    vertial-align:middle;
    height:1rem;
    padding: 0.5rem 2px 1rem 8px;
    text-indent: 0.1em;
 	font-size: 95%;
 	letter-spacing:0.1rem;
 }
.searchField .toggleBar:hover{
    background-color: #48a075;
    color:white;
	transition: all .3s;
}
.searchField .toggleBar input{
	margin-left:1rem;
}
.searchField .toggledArea{
	border: 1px #6ff3b2 solid;
	background-color:#F0FEF7;
	margin: 0 2px;
    padding: 0.5rem 0.5rem 1rem 1rem;
}
.toggleClosed .toggledArea{
	display:none;
}
.searchField .toggleBar input{
	display:none;
}
.toggleClosed .toggleBar input{
	display:inline;
    margin-left: 0.8em;
}
.toggledArea .inputfield{
	margin-top:0.5rem;
}
.toggledArea button{
	margin-top:0.8rem;
}
.searchField button{
	letter-spacing:0.2rem;
}
.searchField label{
	background-color:#FFFFFF;
}
/*
	ボトム領域
*/

/*
	チェックボックス
*/
.checkboxgroup label{
	display:inline-block;
	border:1px solid #cccccc;
	border-radius:5px;
	margin:2px 3px;
	padding:0.2rem 0.5rem 0.1rem 0.5rem;
	margin-bottom: 0.8rem;
	vertical-align:bottom;
}
#wholewrap>h1 {
    border-left: solid 8px #44BA9A;
    padding: 15px;
    font-size: 1.5em;
    margin-top: .6em;
    margin-right:10px;
    margin-left:5px;
    border-top: 1px solid #eee;
    border-bottom: 2px solid #44BA9A;
    border-right: 1px solid #eee;
    margin-bottom: 10px;
}
/*
	メッセージブロック
*/
.messageBlock{
	border:1px grey solid;
	margin:1em 0;
	font-size:0.8rem;
}


/*
	ワーニングエリア
*/
.warningArea{
	margin:0.5em 0;
	padding:3px;

	transition: all .3s;
	background-color:hsl(352, 100%, 91%)

}
.okmessageArea, .ajaxDoneMessage{
	margin:0.5em 0;
	padding:3px;

	transition: all .3s;
	background-color:hsl(125, 100%, 91%)

}
.warningMessage:before{
	content:"※";
	font-size:110%;
	padding:0.2em;
	font-weight:bold;
	color:hsla(352, 101%, 40%, 1);

}
.searchField .warningMessage:before{
	content:"";
	display:none;
}

/*
	幅ごとの修正
*/

@media screen and (min-width:961px){
#wholewrap>*{
	margin-left:5px;
	margin-right:10px;

}
#wholewrap>.searchField {
}
}
@media screen and (max-width:960px){
#wholewrap>*{
	margin-left:5px;
	margin-right:10px;

	padding-left:0;
	padding-right:0;
}
#wholewrap>h1{
font-size:1rem;

}
#wholewrap *{
font-weight:normal;

}



}