/*
 * メイン
*/
@charset 'utf-8';

/*************************/
/* ページタイトル */
/*************************/
/* ページタイトル1 */
.PageTitle1 {
	font-size:				115%;
	margin-top:				5px;
	margin-bottom:			5px;
	padding:				3px 0 3px 8px;
	border-bottom:			1px solid #dcdcdc;
	border-left:			10px solid #dcdcdc;
}

/* ページタイトル2 */
.PageTitle2 {
	font-weight:			bold;
	margin:					15px 0 10px 5px;
	padding:				3px 0 3px 30px;
	border-bottom:			1px dotted #195016;
	background-image:		url('../img/logo_tree.png');
	background-repeat:		no-repeat;
	background-size:		22px 22px;
	background-position:	3px 0px;
}
.PT2Img2 {
	background-image:		url('../img/logo_mori.png');
}
.PT2Img3 {
	background-image:		url('../img/logo_leaf.png');
}
.PT2Img4 {
	background-image:		url('../img/logo_ichou.png');
}
.PT2Img5 {
	background-image:		url('../img/logo_ume.png');
}
.PT2Img6 {
	background-image:		url('../img/logo_wakaba.png');
}
.PT2Img7 {
	background-image:		url('../img/logo_book.png');
}
.PT2Img8 {
	background-image:		url('../img/logo_photo.png');
}
.PT2Img9 {
	background-image:		url('../img/logo_file.png');
}
.PT2Img10 {
	background-image:		url('../img/logo_mail.png');
}
.PT2Img11 {
	background-image:		url('../img/logo_tel.png');
}
.PT2Img12 {
	background-image:		url('../img/logo_fax.png');
}
.PT2Img13 {
	background-image:		url('../img/logo_home.png');
}
.PT2Img14 {
	background-image:		url('../img/logo_company.png');
}


/* ページタイトル3 */
.PageTitle3 {
	font-weight:			bold;
	margin:					10px 0 5px 5px;
	padding:				3px 0 3px 5px;
	border-bottom:			1px dotted #dcdcdc;
}

/* ページタイトル4(3よりマージンが多いだけ) */
.PageTitle4 {
	font-weight:			bold;
	margin:					20px 0 10px 5px;
	padding:				3px 0 3px 5px;
	border-bottom:			1px dotted #dcdcdc;
}

/* ページタイトル5(4から下線もなくした) */
.PageTitle5 {
	font-weight:			bold;
	margin:					15px 0 10px 15px;
	padding:				3px 0 3px 5px;
}

/*************************/
/* テキストあれこれ */
/*************************/
.RightText {
	width:					98%;
	text-align:				right;
	margin:					5px 10px 5px 0px;
}

.ErrorMsg{
	color:					#ff0000;
	font-weight:			bold;
}

/*************************/
/* hr */
/*************************/
/* スペーサー */
hr.Spacer {
	color:					#fff;
	border:					none;
}
/* グレードット */
hr.Dotted {
	margin:					15px auto;
	border:					1px dotted #dcdcdc;
}

/*************************/
/* テーブル */
/*************************/
/* ベーシック1（th:tdのwidth固定30:70） */
.BasicTable1 {
	width:					98%;
	margin:					5px 0px 5px 10px;
}
.BasicTable1 th{
	width:					30%;
	font-weight:			normal;
	border:					1px solid #dcdcdc;
	background-color:		#f5f5f5;
}
.BasicTable1 td{
	width:					70%;
	border:					1px solid #dcdcdc;
	padding-left:			5px;
}
.BasicTable1 .Title{
	border:					none;
	padding-top:			5px;
}
.BasicTable1 img{
	width:					95%;
	max-width:				300px;
	margin:					5px auto;
	border:					1px solid #333333;
}

/* ベーシック2（td等のwidth指定なし） */
/* 一覧⇔詳細系ページの一覧表に便利 */
.BasicTable2 {
	width:					100%;
	margin:					5px 0px 5px 0px;
}
.BasicTable2 th{
	font-weight:			normal;
	border:					1px solid #dcdcdc;
	background-color:		#f5f5f5;
}
.BasicTable2 td{
	border:					1px solid #dcdcdc;
	padding-left:			5px;
}
.BasicTable2 .Title{
	border:					none;
	padding-top:			5px;
}

/* ベーシック3（横th） */
.BasicTable3 {
	width:					98%;
	margin:					15px 0px 5px 10px;
}
.BasicTable3 th{
	font-weight:			normal;
	border:					1px solid #dcdcdc;
	background-color:		#f5f5f5;
	text-align: 			left;
	padding-left:			5px;
}
.BasicTable3 td{
	border:					1px solid #dcdcdc;
	padding-left:			5px;
}

/* ベーシック4（2のSPフォント縮小版） */
.BasicTable4 {
	width:					100%;
	margin:					5px 0px 5px 0px;
}
.BasicTable4 th{
	font-weight:			normal;
	border:					1px solid #dcdcdc;
	background-color:		#f5f5f5;
}
.BasicTable4 td{
	border:					1px solid #dcdcdc;
	padding-left:			5px;
}
.BasicTable4 .Title{
	border:					none;
	padding-top:			5px;
}

td.OutTblRight {
	text-align:				right;
	border:					none;
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.BasicTable4{
		font-size:			80%;
	}
}

/*************************/
/* テーブル前後オブジェクト用 */
/*************************/
.ListObjLeft {
	margin:					10px 10px 5px 0px;
	text-align:				left;
}
.ListObjRight {
	margin:					10px 0px 5px 10px;
	text-align:				right;
}

/*************************/
/* リードテキスト */
/*************************/
p.Right {
	text-align:				right;
}
p.Center {
	text-align:				center;
}

/* リード1 */
.LeadText1 {
	border:					1px solid #dcdcdc;
	margin-bottom:			20px;
}
.LeadText1 p{
	margin:					3px 0 3px 15px;
}
.LeadText1 p.Title{
	font-weight:			bold;
	margin-left:			5px;
}

/* リード2 */
.LeadText2 {
	margin-top:				10px;
	margin-bottom:			10px;
}
.LeadText2 p{
	margin:					3px 0 3px 10px;
	line-height:			150%;
}
.LeadText2 p.Title{
	font-weight:			bold;
	margin-left:			5px;
}

/* リード3 */
/* リード2で「、。」が行頭に来るなど半端な場合にこちらを */
.LeadText3 {
	margin-top:				10px;
	margin-bottom:			10px;
}
.LeadText3 p{
	margin:					3px 3px 3px 10px;
	line-height:			150%;
}
.LeadText3 p.Title{
	font-weight:			bold;
	margin-left:			5px;
}

/*************************/
/* 画像単体 */
/*************************/
.Fit1Img {
	margin:					10px auto;
	text-align:				center;
}
.Fit1Img img{
	width:					100%;
	border:					1px solid #333333;
}
.Fit1Img p.Title{
	font-weight:			bold;
}
.Fit1Img p.Body{
	text-align:				left;
}

/*************************/
/* 画像横並び2つ */
/*************************/
.Fit2Img {
	text-align:				center;
	margin:					10px auto;
}
.Fit2Img div{
	width:					48%;
	float:					left;
}
.Fit2Img div.Left {
	margin-right:			10px;
	margin-bottom:			10px;
}
.Fit2Img img{
	width:					100%;
	border:					1px solid #333333;
}
.Fit2Img:after {
	content:				'';
	display:				block;
	clear:					both;
}
.Fit2Img p.Title{
	font-weight:			bold;
}
.Fit2Img p.Body{
	text-align:				left;
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.Fit2Img div{
		width:					100%;
		float:					none;
	}
}

/*************************/
/* 画像横並び3つ */
/*************************/
.Fit3Img {
	text-align:				center;
	margin:					10px auto;
}
.Fit3Img div{
	width:					32%;
	float:					left;
}
.Fit3Img div.Left {
	margin-right:			10px;
	margin-bottom:			10px;
}
.Fit3Img img{
	width:					100%;
	border:					1px solid #333333;
}
.Fit3Img:after {
	content:				'';
	display:				block;
	clear:					both;
}
.Fit3Img p.Title{
	font-weight:			bold;
}
.Fit3Img p.Body{
	text-align:				left;
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.Fit3Img div{
		width:					100%;
		float:					none;
	}
}

/*************************/
/* 画像横並び2つEX */
/* こちらはSP時も横並びのまま */
/*************************/
.Fit2ImgEx {
	text-align:				center;
	margin:					10px auto;
}
.Fit2ImgEx div{
	width:					48%;
	float:					left;
}
.Fit2ImgEx div.Left {
	margin-right:			10px;
}
.Fit2ImgEx img{
	width:					100%;
	border:					1px solid #333333;
}
.Fit2ImgEx:after {
	content:				'';
	display:				block;
	clear:					both;
}
.Fit2ImgEx p{
	text-align:				center;
}

/*************************/
/* 画像＆テキストエリア */
/*************************/
/* メインエリア */
.ImgTextArea {
	width:					98%;
	margin:					10px auto 20px;
	box-sizing:				border-box;
}
/* N分割ブロック共通 */
.ImgTextArea .Box{
	float:					left;
	color:					#000;
}
/* 横2分割ブロック */
.ImgTextArea .Box2{
	width:					50%;
}
/* 横3分割ブロック */
.ImgTextArea .Box3{
	width:					33.3%;
}
/* 横4分割ブロック */
.ImgTextArea .Box4{
	width:					25%;
}
/* 横5分割ブロック */
.ImgTextArea .Box5{
	width:					20%;
}
/* 横6分割ブロック */
.ImgTextArea .Box6{
	width:					16.6%;
}

/* N分割ブロックリンク共通 */
.ImgTextArea .BoxLink:hover{
	color:					#ff6347;
	text-decoration: 		underline;
}

/* img用レイヤー */
.ImgTextArea div.Img{
	text-align:				center;
}
/* text用レイヤー */
.ImgTextArea div.Text{
}

/* img */
.ImgTextArea img{
	width:					95%;
	margin:					5px auto;
	border:					1px solid #333333;
}
/* p */
.ImgTextArea p{
	margin:					3px 0 3px 10px;
}
/* pタイトル */
.ImgTextArea p.Title{
	font-weight:			bold;
	margin-left:			5px;
}

/* メインエリアfloat解除 */
.ImgTextArea:after {
	content:				'';
	display:				block;
	clear:					both;
}

/***** MediaQuery *****/
/* 599以下はスマホ */
@media (max-width: 599px) {
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.ImgTextArea .Box{
		width:				100%;
		border:				1px solid #dcdcdc;
		margin:				2px auto;
	}

	.ImgTextArea div.Img{
		width:				30%;
		float:				left;
	}
	.ImgTextArea div.Text{
		display:			table-cell;
		padding-top:		10px;
	}

	.ImgTextArea .Box:after{
		content:				'';
		display:				block;
		clear:					both;
	}
}

/* 768以上は大型タブレット＆PC */
@media (min-width: 768px) {
}


/*************************/
/* 画像＆回り込みテキストエリア */
/*************************/
.ImgAroundTextArea {
	width:					98%;
	margin:					10px auto 20px;
}
.ImgAroundTextArea .LeftImg{
	 float:					left;
	 margin-right:			10px;
	 padding-bottom:		10px;
}
.ImgAroundTextArea .RightImg{
	 float:					right;
	 margin-left:			10px;
	 padding-bottom:		10px;
}
.ImgAroundTextArea .Title{
	text-align:				center;
	margin:					3px auto 0px;
}
.ImgAroundTextArea img{
	width:					100%;
	border:					1px solid #333333;
}
.ImgAroundTextArea:after {
	content:				'';
	display:				block;
	clear:					both;
}

/*************************/
/* ロゴ画像つき文字 */
/*************************/
.LockLogo {
	background-image:		url('../img/logo_lock32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
}
.SiteMapLogo {
	background-image:		url('../img/logo_map32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
}
.PDF {
	background-image:		url('../img/icon_pdf.gif');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	5px 0px;
	padding-left:			27px;
}
.Word {
	background-image:		url('../img/icon_word.gif');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	5px 0px;
	padding-left:			27px;
}
.Excel {
	background-image:		url('../img/icon_excel.gif');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	5px 0px;
	padding-left:			27px;
}

/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.LockLogo {
		background-size:		13px 13px;
		background-position:	0px 0px;
		padding-left:			16px;
	}
	.SiteMapLogo {
		background-size:		13px 13px;
		background-position:	0px 0px;
		padding-left:			15px;
	}
	.PDF, .Word, .Excel {
		background-size:		15px 15px;
		background-position:	0px 2px;
		padding-left:			20px;
	}
}

/*************************/
/* 一覧へ戻る */
/*************************/
.BackToListCenter {
	margin:					5px 0px;
	text-align:				center;
	border-top:			1px dotted #dcdcdc;
	padding-top:			5px;
}
.BackToListRight {
	margin:				5px 10px 5px 0px;
	text-align:				right;
}
.BackToListCenter a, .BackToListRight a{
	background-image:		url('../img/logo_return32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
}
.BackToListCenter .BackContents, .BackToListRight .BackContents{
	background-image:		url('../img/logo_back32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
	margin-right:			15px;
}
.BackToListCenter .NextContents, .BackToListRight .NextContents{
	background-image:		url('../img/logo_next32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
	margin-left:			15px;
}

/*************************/
/* ログアウト */
/*************************/
.LogoutBtn {
	margin:					5px 0px;
	text-align:				center;
	border-top:			1px dotted #dcdcdc;
	padding-top:			5px;
}
.LogoutBtn a{
	background-image:		url('../img/logo_lockfree32.png');
	background-repeat:		no-repeat;
	background-size:		18px 18px;
	background-position:	0px 0px;
	padding-left:			22px;
}

/*************************/
/* シンプルボタンエリア(合格体験記) */
/*************************/
div.SimpleBtnArea {
	margin:					5px 0 5px 5px;
}
div.SimpleBtnArea:after {
	content:				'';
	display:				block;
	clear:					both;
}
div.SimpleBtnArea div {
	float:					left;
}
div.SimpleBtnArea div a{
	padding:				3px 7px;
	display:				block;
}
div.SimpleBtnArea div span{
	padding:				3px 7px;
	display:				block;
}


/*************************/
/* その他汎用 */
/*************************/
.PCOnlyWrap{
	display:				block;
}

.SPOnlyWrap{
	display:				none;
}
/* 767以下はタブレット＆スマホ */
@media (max-width: 767px){
	.PCOnlyWrap{
		display:				none;
	}
	.SPOnlyWrap{
		display:				block;
	}
}

/*************************/
/* 日本地図一覧(支部紹介＆名木紹介) */
/*************************/
/* PC版リスト(日本地図) */
#JapanMap {
	width:					95%;
	margin:					0px auto;
}
/* SP版リスト(一般的なボタン) */
#SpPrefList {
	width:					95%;
	margin:					0px auto;
	display:				none;
}
#SpPrefList div.BtnArea {
	margin:					5px 0 5px 20px;
}
#SpPrefList div.BtnArea:after {
	content:				'';
	display:				block;
	clear:					both;
}
#SpPrefList div.BtnArea div {
	float:					left;
}
#SpPrefList div.BtnArea div a{
	padding:				3px 7px;
	display:				block;
}
/* メディアクエリ */
@media (max-width: 767px){
	#JapanMap {
		display:			none;
	}
	#SpPrefList {
		display:			block;
	}
}

/*************************/
/* その他汎用 */
/*************************/
/* font-sizeセット */
.Font130 {font-size:		130%;}
.Font120 {font-size:		120%;}
.Font110 {font-size:		110%;}
.Font95 {font-size:			95%;}
.Font90 {font-size:			90%;}
.Font85 {font-size:			85%;}
.Font80 {font-size:			80%;}

/* widthセット */
.w95 {width:				95%;}
.w90 {width:				90%;}
.w85 {width:				85%;}
.w80 {width:				80%;}
.w75 {width:				75%;}
.w70 {width:				70%;}
.w65 {width:				65%;}
.w60 {width:				60%;}
.w55 {width:				55%;}
.w50 {width:				50%;}
.w45 {width:				45%;}
.w40 {width:				40%;}
.w35 {width:				35%;}
.w33 {width:				33.3%;}
.w30 {width:				30%;}
.w25 {width:				25%;}
.w20 {width:				20%;}
.w15 {width:				15%;}
.w10 {width:				10%;}
.w09 {width:				9%;}
.w08 {width:				8%;}
.w07 {width:				7%;}
.w06 {width:				6%;}
.w05 {width:				5%;}

/* heightセット */
.h50 {height:				50px;}
.h45 {height:				45px;}
.h40 {height:				40px;}
.h35 {height:				35px;}
.h30 {height:				30px;}
.h25 {height:				25px;}
.h20 {height:				20px;}
.h15 {height:				15px;}
.h14 {height:				14px;}
.h13 {height:				13px;}
.h12 {height:				12px;}
.h11 {height:				11px;}
.h10 {height:				10px;}
.h09 {height:				9px;}
.h08 {height:				8px;}
.h07 {height:				7px;}
.h06 {height:				6px;}
.h05 {height:				5px;}
.h04 {height:				4px;}
.h03 {height:				3px;}
.h02 {height:				2px;}
.h01 {height:				1px;}

/* borderセット */
.BorderBlack{border:		1px solid #333333;}
.BorderGray{border:			1px solid #dcdcdc;}

/* colorセット */
.Red{color:					#ff0000;}
.White{color:				#fff;}
.Blue{color:				#0000ff;}

/* text-alignセット */
.tLeft{text-align:			left;}
.tCenter{text-align:		center;}
.tRight{text-align:			right;}

/* margin横中央 */
.mCenter{margin:			0px auto;}

/* margin-topセット */
.mT3 {margin-top:			3px;}
.mT5 {margin-top:			5px;}
.mT7 {margin-top:			7px;}
.mT10 {margin-top:			10px;}
.mT15 {margin-top:			15px;}
.mT20 {margin-top:			20px;}

/* margin-bottomセット */
.mB3 {margin-bottom:		3px;}
.mB5 {margin-bottom:		5px;}
.mB7 {margin-bottom:		7px;}
.mB10 {margin-bottom:		10px;}
.mB15 {margin-bottom:		15px;}
.mB20 {margin-bottom:		20px;}