/*--------------------------------------
各種フォーム関連
・会員登録エリア
・formBlocks
・ページ内お問い合わせブロック
・ログインブロック

-------------------------------------*/
@charset "utf-8";
/*
------------------------------------------------------------------------------------------------------

会員登録エリア

------------------------------------------------------------------------------------------------------
*/

.gateEntryNav {
	width: 35%;
	float: left;
	margin: 0 7% 0 8%;
	text-align: center;
}
.gateEntryNav h3 {
	padding: 15px 0 15px 0;
	font-size: 1.2em;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	margin: 7px 0 0 0;
	clear: both;
}
.gateEntryNav h3.gateBtn {
	color: #fff;
	background-color: #007ee2;
}
.gateEntryNav h3.mottoBtn {
	color: #545454;
	background-color: #fff819;
}
.gateEntryNav h4 {
	font-weight: bold;
	font-size: 1.4em;
	margin: 10px 0 0 0;
	clear: both;
}
.gateEntryNav p {
	clear: both;
	padding: 10px 0 0 0;
}
p.entryflow {
	width: 95%;
	text-align: center;
	background-color: #fff;
	padding: 30px 0 30px 0;
}
p.entryflow img {
	width: 90%;
	max-width: 803px;
}
/*
------------------------------------------------------------------------------------------------------

formBlocks

------------------------------------------------------------------------------------------------------
*/

.errmsg {
	margin: 20px 0 20px 0;
	color: #ff4444;
}
.bgw {
	background-color: #fdfdfd;
	background-color: #fff;
}
.formBlocks {
	width: 100%;
	margin: 0 auto 0 auto;
	float: left;
	clear: both;
}
.formBlocks h1 {
	font-size: 1.7em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h1.flowtitle {
	font-size: 1.7em;
	font-weight: bold;
	color: #007ee2;
	float: left;
	clear: both;
	margin: 0 0 20px 0;
}
.formBlocks dl {
	width: 100%;
	float: left;
	margin: 10px 0;
	padding: 10px 0;
	background-color: #eee;
}
.formBlocks dt {
	width: 22%;
	float: left;
	padding: 0 0 10px 3%;
	font-size: 1em;
	font-weight: bold;
}
.formBlocks dt span {
	font-size: .7em;
	padding: 1px 2px 0px 2px;
	background-color: #ff4444;
	color: #fff;
}
.formBlocks dd {
	width: 69%;
	float: left;
	padding: 0 3% 0 3%;
}
.formBlocks dd .partsbox span {
	display: block;
	float: left;
	padding: 0 10px 10px 0;
}
.formBlocks dd .partsbox span img {
	padding: 0 5px 0 0;
}
.formBlocks dd p {
	padding: 5px 0 5px 0;
}
.formBlocks dd p {
	float: left;
	clear: both;
	padding: 5px 0 5px 0;
}
.formBlocks dd span#mla {
	float: left;
	clear: both;
}
.formUnity p {
	clear: both;
}
.formUnity p a {
	font-weight: bold;
	text-decoration: underline;
}
.formDescription {
}
.formDescription h2 {
	font-size: 1.7em;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #007ee2;
	float: left;
	clear: both;
}
.formDescription p {
	float: left;
	clear: both;
}
.formDescription h3 {
	margin: 20px 0 0 0;
	color: #ff4444;
}
.formNote {
	float: left;
	clear: both;
	margin: 0 0 20px 0;
}
.formNote h3 {
	margin: 0 0 20px 0;
	color: #ff4444;
	font-size: 1.4em;
	font-weight: bold;
}
.formNote ul {
	width: 95%;
}
.formNote li {
	float: left;
	clear: both;
	padding: 0 0 4px 15px;
	background-repeat: no-repeat;
	background-position: left 7px;
	background-image: url("/images/list_icon05.png");
}
.note {
	color: #ff4444;
}
.formBlocks input {
	padding: 5px 10px;
	text-align: left;
	/*
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
	*/
	font-size: 1em;
	border: #ababab solid 1px;
}
/*各種インプット幅指定*/
#rnm_1, #rnm_2, unm_1, unm_2 {
	width: 180px;
}
#ad1, #ad2, #ta1, #ta2, #mla, #confirmMailId, #job, #rem {
	width: 90%;
	max-width: 300px;
}
/*ie以外*/
:root .formBlocks input {
	font-size: 1em;
	border: #ababab solid 1px;
}
:root .formBlocks select {
	font-size: 1em;
	border: #ababab solid 1px;
}
.formBlocks textarea {
	font-size: 1em;
	padding: 5px;
	background-color: #fff;
	border: solid 1px #eee;/*
	padding: 15px;
	border: #ccc solid 1px;
	text-align: left;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
	border: solid 1px #eee;
	*/
}
/*ie以外*/
:root .formBlocks textarea {
	border: none;
}
.formBlocks input.addr {
	width: 100px;
	color: #fff;
	background-color: #f9ab14;
	padding: 8px;
	margin: 0 0 0 10px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: #ccc solid 1px;
	text-align: center;
}
/*ie以外*/
:root .formBlocks input.addr {
	border: none;
}
.formBlocks select {
	font-size: 1em;
	padding: 5px;
	background-color: #fff;
	border: solid 1px #eee;/*
	text-align: center;
	text-shadow: 0 1px 0 #fff;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	appearance: none;
	cursor: pointer;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
	*/
}
textarea.inquiryInput {
	font-size: 1em;
	width: 80%;
	max-width: 650px;
}
/*ie以外*/
:root .formBlocks select {
	border: none;
}
.registrationBox {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
}
.registrationBox input.memberlogin {
	height: 45px;
	text-align: center;
	border-style: none;
	color: #fff;
	padding: 15px 25px 15px 25px;
	background-color: #007ee2;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	cursor: pointer;
	margin: 40px 5px 10px 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}
.registrationBox input.membercancel {
	height: 45px;
	text-align: center;
	border-style: none;
	color: #000;
	padding: 15px 25px 15px 25px;
	background-color: #ccc;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	cursor: pointer;
	margin: 40px 5px 10px 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}
.howtoText {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	float: left;
	clear: both;
	text-align: center;
}
.howtoText a {
	float: left;
	clear: both;
	padding: 5px 10px;
	color: #fff;
	background-color: #ff4444;
	font-size: 1em;
	text-align: center;
}
.formUnity {
	float: left;
	/*	border-bottom: solid 1px #eeeeee;*/
	width: 100%;
	padding: 10px 0 20px 0;
}
input.inputwidth50 {
	width: 70px;
}
input.inputwidth400 {
	width: 100%;
	max-width: 300px;
}
input#confirmMailId, input#mla {
	width: 100%;
	max-width: 300px;
}
#entryFlowStep {
	width: 95%;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}
#entryFlowStep h2 {
	width: 100%;
	color: #007ee2;
	font-weight: bold;
	padding: 0 0 20px 0;
}
#entryFlowStep dl {
	width: 16%;
	float: left;
	margin: 0 1px 0 0;
	text-align: center;
}
#entryFlowStep dt {
	font-size: .8em;
	font-weight: bold;
	width: 100%;
	height: 40px;
	padding: 10px 0 0 0;
	margin: 0 auto 5px auto;
	background-image: url(/images/flowIcon.png);
	background-position: 90% 25px;
	background-repeat: no-repeat;/*
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
	*/
}
#entryFlowStep dt {
	background-color: #e0e0e0;
	color: #545454;
}
#entryFlowStep dt.stay {
	background-color: #fff819;
	color: #545454;
}
#entryFlowStep dd {
	width: 100%;
	font-size: .8em;
	margin: 0 auto 0 auto;
}
#entryFlowStep dl.flowend dt {
	background-image: none;
}
ul.errList {
	text-align: left;
	width: 450px;
	margin: 20px auto 20px auto;
}
ul.errList li {
	padding: 0 0 5px 15px;
	background-image: url("/images/list_icon01.png");
	background-repeat: no-repeat;
	background-position: left 8px;
}
/*
------------------------------------------------------------------------------------------------------

ページ内お問い合わせブロック

------------------------------------------------------------------------------------------------------
*/
.informationArea {
	width: 94%;
	padding: 3%;
	font-size: .9em;
	line-height: 1.4;
	margin: 20px 0 0 0;
	float: left;
	clear: both;
	background-color: #eee;/*
	border: #ccc solid 1px;
	color: #333;

	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
	*/
}
.informationArea h3 {
	color: #007ee2;
	font-size: 1.2em;
	float: left;
	clear: both;
}
.informationArea h4 a {
	font-size: .8em;
	padding: 5px 15px 5px 15px;
	margin: 10px 0 10px 0;
	background-color: #007ee2;
	color: #fff;
	float: left;
	clear: both;
}
#contents article .informationArea h4 a {
	color: #fff;
}
.informationArea p {
	float: left;
	clear: both;
}
#contents article p.download a {
	font-size: .8em;
	padding: 5px 15px 5px 15px;
	margin: 0 0 20px 0;
	background-color: #ff4444;
	color: #fff;
	float: left;
	clear: both;
}
/*
------------------------------------------------------------------------------------------------------

ログインブロック

------------------------------------------------------------------------------------------------------
*/
#loginBlock {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	margin: 50px auto 30px auto;
}
#loginBlock h1 {
	font-size: 2.2em;
	color: #007ee2;
}
#loginBlock h2 {
	font-size: 1.2em;
	margin: 10px 0 10px;
}
#loginBox {
	width: 400px;
	padding: 30px 50px 20px 50px;
	margin: 30px auto 30px auto;
	background-color: #fff;
}
#loginBox dl {
}
#loginBox dt {
	margin: 0 0 15px 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #007ee2;
}
#loginBox dd {
	width: 100%;
	margin: 0 auto 0 auto;
	clear: both;
}
#loginBox dd.loginInput {
	width: 270px;
	margin: 0 auto 0 auto;
	text-align: left;
}
#loginBox dd.loginmotto {
	margin: 20px auto 0 auto;
}
#loginBox dd span {
	font-size: .9em;
}
#loginBox dd.signupNew {
	margin: 15px 0 0 0;
}
#loginBox p img {
	margin: 0 10px 0 0;
}
#MottoLoginId, #MottoPassword {
	font-size: 1em;
	width: 250px;
	padding: 15px 10px 15px 10px;
	margin: 0 0 5px 0;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
	border: solid 1px #eee;
}
.inputId {
	font-size: 1em;
	width: 250px;
	padding: 15px 10px 15px 10px;
	margin: 0 0 5px 0;
	-moz-box-shadow: 0px 0px 0px #000 inset;
	-webkit-box-shadow: 0px 0px 0px #000 inset;
	box-shadow: 0px 0px 5px #cccccc inset;
	border: solid 1px #eee;
}
.memberlogin {
	font-size: 1em;
	width: 270px;
	height: 45px;
	border-style: none;
	color: #fff;
	padding: 5px 25px 5px 25px;
	background-color: #007ee2;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	cursor: pointer;
	margin: 40px 0 10px 0;
}
.memberlogin:hover {
	color: #fff;
}
h2.mottoLink a {
	color: #fff;
	background-color: #007ee2;
	padding: 10px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
p.mottoNone {
	clear: both;
	margin: 20px 0 0 0;
}
.mottoRtn1 {
	color: #007ee2;
	font-weight: bold;
	font-size: 1.4em;
}
.mottoRtn {
	padding: 20px 0 0 0;
}
.mottoRtn a {
	padding: 10px;
	background-color: #007ee2;
	color: #fff;
}

/*
------------------------------------------------------------------------------------------------------
フォーム・画像が100%の時のレイアウト
------------------------------------------------------------------------------------------------------
*/
.form_contents{
	width:100%;
	float: left;
	}
.max_header{
	width:100%;
	}
.max_header h3 img{
	width:100%;
	}
.max_header_half{
	width:100%;
	}
.max_header_half h3 img{
	width:50%;
	}
.max_header_triple{
	width: 99.9%;
	}
.max_header_triple h3{
	margin: 0;
	padding: 0;
	}
.max_header_triple h3 img{
	width: 33.3%;
	display: block;
	float:left;
	margin: 0;
	padding: 0;
	}
.form_under{
	width: 88%;
	background: #fff;
	float: left;
	margin: 3%;
	padding: 3%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}
.form_under h4{
	margin: 10px 0;}
.form_under h5{
	color: #007ee2;
	margin: 10px 0 5px ;
	font-weight: bold;

	}
.form_contents.goaidoku{
	background: #F09613;
	}
/*
--------------------------------
フォーム・画像が100%の時のレイアウト
各コンテンツ別独自
--------------------------------
*/
/*
--------------------------------
godoJr
--------------------------------
*/
.form_contents .godojrHeader{
	margin-top: 30px;
	text-align: center;

	}
.form_contents .godojrHeader img{
	width: 60%;
	max-width: 550px;
	}
.form_contents.godojrForm01{
	background: #c8f1ff;
	}
.form_contents.godojrForm02{
	background: #fbf7bb;
	}
.form_contents.godojrForm03{
	background: #ffd9ea;
	}
.form_contents.godojrForm04{
	background: url(/~/media/Images/oita-press/contents/godojr/quiz_bg.ashx) repeat;
	}
.form_contents.godojrForm05{
	background: #cce7c1;
	}
.form_contents.godojrForm06{
	background: #ffdab5;
	}
.form_contents.godojrForm07{
	background: #ead9ef;
	}
.form_contents.godojrForm08{
	background: #c9f5ed;
	}
.form_contents.godojrForm09{
	background: #fdc6cb;
	}

.form_under.godojr{
	margin-top: -30px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	}
.form_under.godojr h3{
	width: 100%;
	margin: 20px 0;
	text-align: center;
	}
.form_under.godojr h3 img{
	width: 80%;
	max-width:600px;

	}

/*
------------------------------------------------------------------------------------------------------

プレゼントフォーム共通

------------------------------------------------------------------------------------------------------
*/


.formHeader {
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
}
.formHeader .formLeft {
	float: left;
	text-align: left;
}
.formHeader .formLeft img {
	text-align: center;
	width: 100%;
}
.formHeader .formRight {
	margin-right: 2%;
	float: right;
}
.formHeader .formRight img {
	text-align: center;
	width: 100%;
}



.presentWarning {
	width: 90%;
	padding: 20px 5%;
	float: left;
	margin: 0 0 20px 0;
	background-color: #f1eff0;
}
.presentWarning h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px 0 0 0;
	color: #1480df;
}
.presentWarning h4 {
	font-weight: bold;
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
	clear: both;
}

.presentWarning dl {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;

		}
.presentWarning dl:nth-last-child(1) {
	border: none;
}
.presentWarning dt {
	width: 15%;
	float: left;
	text-align: center;
	font-size: .8em;
	background-color:#1480df;
	color: #fff;
	padding:5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.presentWarning dd {
	width: 75%;
	font-size: .9em;
	float: left;
}


#clearThemaButton {
	color: #fff;
	background-color: #261c47;
}
#contentsarea_0_txtAddress, #contentsarea_0_txtJob, #contentsarea_0_txtPhotoTitle {
	width: 100%;
}
#contentsarea_0_btnConfirm {
	margin: 0 10px 0 0;
}



/*
------------------------------------------------------------------------------------------------------

神のごときミケランジェロさん

------------------------------------------------------------------------------------------------------
*/

.formHeader.form150225 {
	background-color: #f1eff0;
}
.formHeader.form150225 .formLeft {
	width: 58%;
}
.formHeader.form150225 .formLeft img {
	max-width: 522px;
}
.formHeader.form150225 .formRight {
	width: 38%;
}
.formHeader.form150225 .formRight img {
	max-width: 331px;
}
/*
------------------------------------------------------------------------------------------------------

トリニータサンクスデー　201408

------------------------------------------------------------------------------------------------------
*/
.trinita1408 {
}
.trinita1408 h1 {
	width: 100%;
	margin: 0;
	float: left;
}
.trinita1408 h1 span.left img {
	width: 58%;
	margin: 0;
	padding: 0 0 65px 0;
	float: left;
}
.trinita1408 h1 span.right img {
	width: 42%;
	margin: 0;
	float: left;
}
.trinita1408 h2 {
	float: left;
	clear: both;
}
.trinita1408 h2 span.left img {
	width: 65%;
	margin: 0;
	float: left;
}
.trinita1408 h2 span.right img {
	width: 30%;
	padding: 10px 0 0 0;
	margin: 0;
	float: right;
}
.trinita1408 p {
	float: left;
	clear: both;
}
.trinita1408 h3 {
	float: left;
	clear: both;
	color: #00a2e6;
	font-weight: bold;
	margin: 10px 0 5px 0;
}
.trinitaHalfBlocks {
	float: left;
	width: 96%;
	padding: 2%;
	margin: 0 0 20px 0;
}
.trinitaHalfBlocks h2 {
	width: 96%;
	padding: 2% 2% 0 2%;
	background-color: #00a2e6;
}
.trinitaHalfBlocks h2 img {
}
.trinitaHalfBlocks dl {
	float: left;
	clear: both;
	width: 100%;
	padding: 2% 0;
}
.trinitaHalfBlocks dl:nth-child(odd) {
	background-color: #fff;
}
.trinitaHalfBlocks dt {
	width: 25%;
	float: left;
	margin: 0;
	padding: 0 2%;
	color: #00a2e6;
	font-weight: bold;
}
.trinitaHalfBlocks dd {
	width: 65%;
	float: left;
	margin: 0;
	padding: 0;
}
.trinita1408info {
	float: left;
	margin: 0 0 20px 0;
}
.trinitaHalfBlocks b {
	font-weight: bold;
}
/*
------------------------------------------------------------------------------------------------------

応募フォーム関連（看護20126）

------------------------------------------------------------------------------------------------------
*/
.eventForm {
	clear: both;
	margin-top: 20px;
}
.eventForm h2 {
	width: 100%;
	max-width: 1200px;
}
.eventForm h2 img {
	width: 100%;
	text-align: center;
}
.eventForm h3.half {
	width: 100%;
	max-width: 480px;
	margin: 20px 0;
}
.eventForm h3.half img {
	width: 100%;
}

#contentsarea_0_ddYear1,#contentsarea_0_ddYear2,#contentsarea_0_ddYear3,#contentsarea_0_ddYear4{
	margin-top: 15px;
	}
/*
------------------------------------------------------------------------------------------------------

スマホサイト設定

------------------------------------------------------------------------------------------------------
*/

@media only screen and (max-width: 699px) {
/*
------------------------------------------------------------------------------------------------------

会員登録エリア

------------------------------------------------------------------------------------------------------
*/

.gateEntryNav {
	width: 90%;
	float: left;
	margin: 0 5%;
	text-align: center;
}
#loginBox {
	width: 100%;
	padding: 0;
	margin: 0;
}
.formBlocks dl {
	width: 100%;
	float: left;
	margin: 10px 0;
	padding: 10px 0;
	background-color: #eee;
}
.formBlocks dt {
	width: 90%;
	padding: 0 5%;
	margin: 0 0 10px 0;
}
.formBlocks dd {
	width: 90%;
	padding: 0 5%;
	margin: 0 0 10px 0;
}



/*
------------------------------------------------------------------------------------------------------

フォーム共通
------------------------------------------------------------------------------------------------------
*/

.formHeader .formLeft {
	width: 90%;
	margin: 0 5%;
	float: left;
	clear:both;
	text-align: center;
}
.formHeader .formLeft img {
	width: 100%;
	float: left;
	clear:both;
	text-align: center;
	max-width: 600px;
}
.formHeader .formRight {
	width: 90%;
	margin: 0 5%;
	float: left;
	clear:both;
	text-align: center;
}
.formHeader .formRight img {
	width: 100%;
	float: left;
	clear:both;
	text-align: center;
}


.formHeader.form150225 .formLeft {
	width: 90%;
	margin: 0 5%;
}
.formHeader.form150225 .formLeft img {
	max-width: 600px;
}
.formHeader.form150225 .formRight {
	width: 90%;
	margin: 0 5%;
}
.formHeader.form150225 .formRight img {
	max-width: 332px;
}

}