@charset "utf-8";
/*------------------------------------------------------------------------------------------------
 * PC　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
/* ヘッダー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#header {
	padding: 0px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0;
}
#header .title {
	/*background-color: #EF8A98;*/
	background-color: #4e90ac;
	color: #FFF;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
/*
#header .title h1 {
	display: block;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 80%;
}
*/
#header .title p {
	display: block;
	float: left;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 80%;
}

/* グローバルメニュー ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#header #global_navi {
	display: block;
	margin: 0px;
	padding: 0px;
}
#header #global_navi .l_border {
	float: left;
	width: 189px;
	text-align: center;
	margin: 0px;
	border-left-width: 1px;
	border-left-color: #DFDDD9;
	border-left-style: solid;
}
#header #global_navi .r_border {
	float: left;
	width: 188px;
	text-align: center;
	margin: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DFDDD9;
	border-right-color: #DFDDD9;
	border-right-width: 1px;
	border-right-style: solid;
}
#header #global_navi .l_border a, #header #global_navi .r_border a {
	font-weight: bold;
	font-size: 110%;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	/* border-bottom-color: #E75774; */
	border-bottom-color: #7f5f2b;
	border-top-width: 2px;
	border-top-style: solid;
	/* border-top-color: #E75774; */
	border-top-color: #7f5f2b;
}
#header #global_navi .l_border a:hover, #header #global_navi .r_border a:hover {
	color: #FFF;
	/* background-color: #E75774; */
	background-color: #4e90ac;
}

/*------------------------------------------------------------------------------------------------
 * メインコンテンツ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
/* テキストエリア ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper {
	padding: 0px;
	width: 950px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#wrapper #main_contents {
	padding: 0px;

	width: 555px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}


/* 井口による追加 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #main_contents h1 {
	line-height: 120%;
	font-size: 220%;
	font-weight: bold;
	text-indent: 2px;
	height: 60px;
	display: block;
	padding-bottom: 10px;
}
/* ここまで井口による追加 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


#wrapper #main_contents h2 {
	margin-top: 45px;
	line-height: 120%;
	font-size: 180%;
	font-weight: bold;
	background-image: url(../images/bg_title01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: 20px;
	height: 45px;
	display: block;
}


/* 井口による追加 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #main_contents h1 span, #wrapper #main_contents .text_box p span {
	/* color: #EC7785; */
	/* color: #cc3434; */
	color: #a20001;


}



/* ここまで井口による追加 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


#wrapper #main_contents h2 span, #wrapper #main_contents .text_box p span {
	/* color: #EC7785; */
	/* color: #cc3434; */
	color: #a20001;
}
#wrapper #main_contents h3 span, #wrapper #main_contents .a_box p span, #wrapper #main_contents .b_box p span
 {
	/* color: #EC7785; */
	/* color: #cc3434; */
	color: #a20001;
}
#wrapper #main_contents .text_box {
	padding: 0px;

	font-size: 105%;
	line-height: 155%;  /* 変更前は105% */



	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


/* 井口による追加 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



#wrapper #main_contents .text_box a{
	font-size: 100%;
	color: #0e1bbb;/* リンクの文字色はこちらで変更可能です */
	color: #2068d3;
	text-decoration: none;
}
#wrapper #main_contents .text_box a:hover{
	color: #0090fc;/* リンクの文字色はこちらで変更可能です */
	text-decoration: underline;
}



#wrapper #main_contents .text_box2{
	font-size: 120%;
	line-height: 170%;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	color: #00ff00;/* リンクの文字色はこちらで変更可能です */
}

#wrapper #main_contents .text_box2 a{
	color: #0e1bbb;/* リンクの文字色はこちらで変更可能です */
	color: #2068d3;
	text-decoration: none;
}
#wrapper #main_contents .text_box2 a:hover{
	color: #0090fc;/* リンクの文字色はこちらで変更可能です */
	text-decoration: underline;
}


#wrapper #main_contents h4 a {

	color: #ec7785;

}

#wrapper #main_contents h4 a:hover {
	color: #ec7785;
}

/* ここまで井口による追加 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */





/* 転職支援会社 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #main_contents h3 {
	font-size: 136%;
	font-weight: bold;
	padding: 0px;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#wrapper #main_contents .job_support {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 1px solid #808080;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
#wrapper #main_contents .job_support h4 {
	margin: 0px;
	padding: 15px;
	font-size: 140%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FFFFFF 40%, #F4AB74 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FFFFFF 40%, #F4AB74 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FFFFFF 40%, #F4AB74 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, #FFFFFF), color-stop(1, #F4AB74));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 40%, #F4AB74 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FFFFFF 40%, #F4AB74 100%);
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #f4ab74;
	border-right-color: #f4ab74;
	border-left-color: #f4ab74;
	border-radius: 9px 9px 0 0;        /* CSS3草案 */
	-webkit-border-radius: 9px 9px 0 0;    /* Safari,Google Chrome用 */
	-moz-border-radius: 9px 9px 0 0;   /* Firefox用 */
}
.job_support h4 a {
	color: #000;
}
.job_support h4 a:hover {
	color: #0e1bbb;
}
#wrapper #main_contents .job_support .pr_point {
	margin: 15px;
	padding: 0px;
	width: 629px;
}

#wrapper #main_contents .job_support .pr_point ul {
	float: left;
	width: 258px;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#wrapper #main_contents .job_support .pr_point ul .thumbnail_text a {
	color: #0e1bbb;
	text-decoration: underline;
	text-align: center;
}
#wrapper #main_contents .job_support .pr_point ul .thumbnail_text a:hover {
	color: #cc3434;
}
#wrapper #main_contents .job_support .pr_point p a:hover img, #wrapper #main_contents .job_support a:hover img, #wrapper #main_contents .btn_category .on_float a:hover img, #wrapper #main_contents .btn_category .no_float a:hover img, #wrapper #right_menu a:hover img, #wrapper #main_contents .underlayer .low_title p a:hover img, #wrapper #main_contents .underlayer .low_text .l_img a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
#wrapper #main_contents .job_support .pr_point dl {
	float: right;
	width: 341px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#wrapper #main_contents .job_support .pr_point dl dt {
	color: #EB6419;
}
#wrapper #main_contents .job_support .pr_point dl dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #000;
}
#wrapper #main_contents .job_support .table {
	width: 629px;
	display: table;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #666;
	border-left-color: #666;
}
#wrapper #main_contents .job_support .table2 {
	width: 629px;
	display: table;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	border: 1px dotted #666;
}
#wrapper #main_contents .job_support .table dt, #wrapper #main_contents .job_support .table2 dt {
	width: 5em;
	padding-left: 5px;
	color: #000;
	background-color: #f5f5f5;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	border-collapse: collapse;
}
#wrapper #main_contents .job_support .table dd, #wrapper #main_contents .job_support .table2 dd {
	margin-bottom: 0.8em;
	margin-left: 5em;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: table-cell;
	padding-left: 5px;
	border-collapse: collapse;
}
#wrapper #main_contents .job_support .btn_link {
	display: block;
	background-color: #E5E5E5;
	text-align: center;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	border: 1px solid #E5E5E5;
	border-radius: 0 0 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 0 0 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0 0 10px 10px;   /* Firefox用 */ 
}

/* カテゴリー・更新履歴 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #main_contents h5 {
	display: block;
	color: #7f5f2c;
	font-size: 120%;
	font-weight: bold;
	background-image: url(../images/bg_title02.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#wrapper #main_contents h5 span {
	background-color: #FFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper #main_contents .btn_category {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrapper #main_contents .btn_category .on_float {
	float: left;
	width: 213px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapper #main_contents .btn_category .no_float {
	float: left;
	width: 213px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapper #main_contents .news {
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
	font-size: 90%;
}
#wrapper #main_contents .news dd {
	color: #EC7785;
	text-indent: 20px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/*------------------------------------------------------------------------------------------------
 * 右メニュー　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
#wrapper #right_menu {
	float: left;
	width: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#wrapper #right_menu #menu_list {
	/* border: 1px solid #EB6419; */ 
	border: 1px solid #7f5f2b;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*background-color: #fdf6f4;    さらにもとは#FDECDC */  
	background-color: #fefdfc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#wrapper #right_menu #menu_list h3 {
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrapper #right_menu #menu_list ul {
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrapper #right_menu #menu_list ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#wrapper #right_menu #menu_list ul li a {
	text-decoration: none;
}
#wrapper #right_menu #menu_list ul li a:hover {
	text-decoration: underline;
	color: #0090fc;
}
#wrapper #main_contents .page_jump {
	text-align: right;
	padding: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
}

/*------------------------------------------------------------------------------------------------
 * フッター　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
#footer {
	padding: 0px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #808080;
}
#footer ul {
	display: block;
	padding: 0px;
	width: 120px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 80%;
}
#footer ul .on_line {
	display: block;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #808080;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer ul .no_line {
	display: block;
	float: left;
}
#footer p {
	display: block;
	width: 950px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 80%;
}

/*------------------------------------------------------------------------------------------------
 * 下層　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
/* index ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#pankuzu {
	display: block;
	padding: 0px;
	width: 950px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 90%;
}
#wrapper #main_contents .job_point {
	background-image: url(../images/bg_3point.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#wrapper #main_contents .job_point h3 {
	font-size: 140%;
	font-weight: bold;
	color: #E75774;
	margin: 0px;
	padding-top: 35px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
#wrapper #main_contents .job_point ul {
	display: block;
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 260px;
}
#wrapper #main_contents .job_point ul li {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 19px;
	padding-left: 0px;
}


/*------------------------------------------------------------
 枠のスタイル設定
 padding・・・周りのブロックからの距離（padding）
	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/
div#main_contents .wakucontents{
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	line-height: 240%;
}

/*------------------------------------------------------------
 枠のスタイル設定
 padding・・・周りのブロックからの距離（padding）
	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/
div#main_contents .wakucontentsforbtn{
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}




/*------------------------------------------------------------
 自由記述枠のスタイル設定（htmlタグで書かれていて線で囲みたい部分））
 padding・・・周りのブロックからの距離（padding）
	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/
div#main_contents .waku3contents{
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	line-height: 160%;
}
/*------------------------------------------------------------
●１、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
●２、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/

.p10{ padding: 25px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/



/*------------------------------------------------------------------------------------------------
 * リンク付きのjob_pointを追加　ここから　　 　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
#wrapper #main_contents .job_point2 {
	background-image: url(../images/bg_31point.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 11px;
	padding-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#wrapper #main_contents .job_point2 h3 {
	font-size: 140%;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	padding-top: 35px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
#wrapper #main_contents .job_point2 ul {
	display: block;
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 260px;
}
#wrapper #main_contents .job_point2 ul li {
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 19px;
	padding-left: 0px;
}

#wrapper #main_contents .job_point2 a {
    color: #0104ff;/* リンクの文字色はこちらで変更可能です */
    text-decoration: underline;
}

#wrapper #main_contents .job_point2 a:hover {
    color: #cc3434;/* リンクの文字色はこちらで変更可能です */
}
/*------------------------------------------------------------------------------------------------
 * リンク付きのjob_pointを追加　ここまで　　 　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/




#wrapper #main_contents .underlayer {
	border: 5px solid #FAE5E5;
/*
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
*/
	width: 160px;
	float: left; margin: 0 15px 10px 0;
}
#wrapper #main_contents .underlayer .low_title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E75774;
	margin: 0px;
	padding: 5px;
}
#wrapper #main_contents .underlayer .low_title h4 {
	font-size: 140%;
	float: left;
}
#wrapper #main_contents .underlayer .low_title h4 a{
    	color: #cc3434;/* リンクの文字色はこちらで変更可能です */
}
#wrapper #main_contents .underlayer .low_title p {
	float: right;
	display: block;
}
#wrapper #main_contents .underlayer .low_text {
	margin: 0px;
	padding: 15px;
	display: block;
}
#wrapper #main_contents .underlayer .low_text .l_img {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: block;
	width: 125px;
}
#wrapper #main_contents .underlayer .low_text .r_text {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	width: 130px;
}

/* 個別ページ・関連記事 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#wrapper #main_contents .btn_category .on_float a img, #wrapper #main_contents .btn_category .no_float a img {
	float: left;
	padding: 0px;
	margin: 0 10px 0 0;
}
.marker {
	background-color: #ffff99;
}


 /*------------------------------------------------------------------------------------------------
 * <p>の行間　 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
 #wrapper #main_contents .text_box p {
    line-height: 180%;
    margin-bottom: 14px;
}





/* ■■■追加分■■■■■■■■■■■■■■■■■■ */
/* 画像回り込み */

#img1 { float: right; margin-left: 10px; }
#img2 { float: left; margin: 0 15px 10px 0; }
#img3 { text-align:cener; }

#img4 { float: right; margin-left: 10px; align-items: flex-end;}



/* 文字制御 */

.right { text-align: right; } /* 左寄せ */
.center { text-align: center; } /* 右寄せ */

/* ボックス */

.box
{
    margin: 10px 0;
    border: 1px solid #999;
    background-color: #fff;
    padding: 0 10px;
    clear: both;
    line-height: 1.25;
}

.box p
{
    margin: 10px 0;
    line-height: 1.5;
    font-size: 0.9em;
}

/* 文字装飾 */

.bbb /* 最大・太字 */
{
    color: #000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
    padding: 0;
}

.bbbb /* 最大・太字 */
{
    color: #000;
    font-size: 2.0em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    line-height: 120%;
    font-weight: normal;
    padding: 0;
}

.bbbbl /* 最大・太字・黄色マーカー */
{
    color: #000;
    font-size: 1.8em;
    font-family: "ＭＳ Ｐゴシック";
    line-height: 120%;
    font-weight: normal;
    background: #ffff99;
    padding: 0;
}


.bb /* 大・太字 */
{
    color: #000;
    font-size: 1.2em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bb2 /* 大 */
{
    color: #000;
    font-size: 1.2em;
    font-weight: normal;
}

.nbig /* 大 */
{
    color: #111;
    font-size: 1.2em;
    font-weight: normal;
}

.bbbr /* 最大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.4em;
    font-family: "MS明朝";
    font-weight: normal;
}

.bbba /* 最大・太字・青 */
{
    color: #0000dc;
    font-size: 2.2em;
    font-family: "MSｺﾞｼｯｸ";
    font-weight: bold;
}

.bbr /* 大・太字・赤 */
{
    color: #dc0000;
    font-size: 1.4em;
    font-family: "HGP創英角ｺﾞｼｯｸUB";
    font-weight: normal;
}

.bbg /* 大・太字・山吹色 */
{
    color: #7f5f2b;
    font-size: 1.4em;
    line-height: 120%;
    font-family: "ＭＳ Ｐゴシック"";
    font-weight: bold;
}




.b { font-weight: bold; } /* 太字 */
.br { color: #dc0000; font-weight: bold; } /* 赤・太字 */

.line { background: #eee7b7; }/* 背景マーカー処理 */
/* .line { background: #f8f2c6; }背景マーカー処理 */
/* .line { background: #f3e898; }背景マーカー処理 */
/* .line { background: #ffff99; }　もとの背景マーカー処理 */

.under {
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}


.underline {
  background: linear-gradient(transparent 70%, #eee7b7 70%);
}


.line9 { background: #e6e6f4; }/* 背景灰色マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */


/* 文字色 */

.red { color: #a20001; } /* 赤 */ 
/* .red { color: #b80a09; } もと赤 */ 
/* .red { color: #cc1100; } もとの赤 */ 
.red2 { color: #dd0000; } /* 赤 */ 

.red3 { color: #bb0033; } /* 赤 */ 
.red4 { color: #9e0621; } /* 赤 */ 
.red5 { color: #a90018; } /* 赤 */ 
.red6 { color: #aa0022; } /* 赤 */ 






.blue { color: #0033ff; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 
.haiiro { color: #dddddd; } /* 灰色 */ 
.midori { color: #339900; } /* 緑 */ 
.daidai { color: #ff9900; } /* オレンジ */ 

.blue2 { color: #3560a8; } /* 青 */ 
.midori2 { color: #4f733e; } /* 緑 */ 


.kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ 
.s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ 



/*------------------------------------------------------------------------------------------------
 * 日本地図 テーブル　 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
#wrapper #main_contents .table_box {
    width:449px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    font-size: 100%;
    line-height: 80%;
}
#wrapper #main_contents .table_box a {
    color: #0e1bbb;/* リンクの文字色はこちらで変更可能です */
    text-decoration: underline;
}
#wrapper #main_contents .table_box a:hover {
    color: #cc3434;/* リンクの文字色はこちらで変更可能です */
}








/*------------------------------------------------------------------------------------------------
 * 以下アニメボタンを追加　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　*
 ------------------------------------------------------------------------------------------------*/
.animation_button{
    background:#e35252;
    width:580px;
    height:30px;
    margin:10px auto;
    text-align:left;
    line-height:0.8;
    padding:20px 30px 10px;
    font-weight:bold;
    font-size:1.8em;
    color:#ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.animation_button:hover{
    transform: scale( 1.1 );
    -webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    background:#fbca4d;



.animation_button_blue{
    background:#a375b6;
    width:580px;
    height:30px;
    margin:10px auto;
    text-align:left;
    line-height:0.8;
    padding:20px 30px 10px;
    font-weight:bold;
    font-size:1.8em;
    color:#ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    -moz-transform: scale(0.9, 0.9);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
.animation_button_blue:hover{
    transform: scale( 1.1 );
    -webkit-transform: scale( 1.1 );
    -moz-transform: scale( 1.1 );
    background:#b5e5f3;



/*--------------------------------------------------------
 * 以下A子B子のセリフ部分を追加 *
 -------------------------------------------------------*/



.a_box {
	min-height:100px;
	height:auto !important;
	border-radius: 5px;
	background-color: transparent;
	border: 1px solid #d6ddff;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-image: -o-linear-gradient(top, #f7faff, #def2ff);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f7faff), to(#def2ff));
	background-image: -webkit-linear-gradient(top, #f7faff, #def2ff);
	background-image: linear-gradient(top, #f7faff, #def2ff);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-top: 5px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
	clear: both;
	font-size: 1.2em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.a_box img {
	float: left;
	margin-right: 5px;
	height: 100px;
	width: 100px;
}
.b_box {
	min-height:100px;
	height:auto !important;
	border-radius: 5px;
	background-color: transparent;
	border: 1px solid #eaebb4;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background-image: -o-linear-gradient(top, #fffffa, #ffffdb);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fffffa), to(#ffffdb));
	background-image: -webkit-linear-gradient(top, #fffffa, #ffffdb);
	background-image: linear-gradient(top, #fffffa, #ffffdb);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-top: 5px;
	margin-right: 50px;
	margin-bottom: 10px;
	margin-left: 50px;
	font-size: 1.2em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.b_box img {
	float: left;
	margin-right: 5px;
	height: 100px;
	width: 100px;
}





/*------------------------------------------------------------
■拡張設定

	t＝上（top）
	r＝右（right）
	b＝下（bottom）
	l＝左（left）
	c＝左右の中央（center）
	m＝上下の中央（middle）

※「!important」という設定は、
　どんなclassより、そのclassを優先するという設定です。
-------------------------------------------------------------*/

/*------------------------------------------------------------
●１、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
●２、valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/


/*------------------------------------------------------------
●３、float・・・ブロックの左右の寄せ
-------------------------------------------------------------*/

.fl-c{ clear: both; }/*左右の寄せを解除*/
.fl-r{ float:right; margin-left: 20px; }/*右寄せ*/
.fl-l{ float:left; margin-right: 20px; }/*左寄せ*/


/*------------------------------------------------------------
●４、margin・・・周りのブロックからの距離

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.m0{ margin: 0px!important; }/*周りからのmarginを0にする*/
.m0-t{ margin-top: 0px!important; }/*上からのmarginが0px*/
.m0-r{ margin-right: 0px!important; }/*右からのmarginが0px*/
.m0-b{ margin-bottom: 0px!important; }/*下からのmarginが0px*/
.m0-l{ margin-left: 0px!important; }/*左からのmarginが0px*/

.m10{ margin: 10px!important; }/*周りからのmarginが10px*/
.m10-t{ margin-top: 10px!important; }/*上からのmarginが10px*/
.m10-r{ margin-right: 10px!important; }/*右からのmarginが10px*/
.m10-b{ margin-bottom: 10px!important; }/*下からのmarginが10px*/
.m10-l{ margin-left: 10px!important; }/*左からのmarginが10px*/

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }


/*------------------------------------------------------------
●５、padding・・・周りのブロックからの距離（padding）

	10、15、20・・・という数字は「px（ピクセル）」を表します
-------------------------------------------------------------*/

.p0{ padding: 0px!important; }/*周りからのmarginを0にする*/
.p0-t{ padding-top: 0px!important; }/*上からのmarginが0px*/
.p0-r{ padding-right: 0px!important; }/*右からのmarginが0px*/
.p0-b{ padding-bottom: 0px!important; }/*下からのmarginが0px*/
.p0-l{ padding-left: 0px!important; }/*左からのmarginが0px*/

.p10{ padding: 10px!important; }/*周りからのmarginが10px*/
.p10-t{ padding-top: 10px!important; }/*上からのmarginが10px*/
.p10-r{ padding-right: 10px!important; }/*右からのmarginが10px*/
.p10-b{ padding-bottom: 10px!important; }/*下からのmarginが10px*/
.p10-l{ padding-left: 10px!important; }/*左からのmarginが10px*/

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }


/*------------------------------------------------------------
●６、font-size・・・フォントサイズの設定

	※「em」と「pt」の違い
	　IEで、ブロウザの文字サイズ変更が反映されるのが「em」です
	　「pt」は文字サイズ変更が効きません。
-------------------------------------------------------------*/

.normal{ font-weight: normal!important; }

.b{ font-weight: bold!important; }

.big{ font-size: 120%!important; }
.big2{ font-size: 150%!important; }
.big3{ font-size: 180%!important; }

.small{ font-size: 80%!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f16em{ font-size: 1.6em; }
.f18em{ font-size: 1.8em; }
.f20em{ font-size: 2.0em; }
.f22em{ font-size: 2.2em; }
.f24em{ font-size: 2.4em; }


.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f16pt{ font-size: 16pt!important; }
.f18pt{ font-size: 18pt!important; }
.f20pt{ font-size: 20pt!important; }
.f22pt{ font-size: 22pt!important; }
.f24pt{ font-size: 24pt!important; }


/* ボタンのデザイン */
.btn1{
	width:80%;
	margin: 0 auto;
	border:1px solid #c78100; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 14px 14px 14px 14px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #FFA500; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA500), to(#E78404));
	background-image: -webkit-linear-gradient(top, #FFA500, #E78404);
	background-image: -moz-linear-gradient(top, #FFA500, #E78404);
	background-image: -ms-linear-gradient(top, #FFA500, #E78404);
	background-image: -o-linear-gradient(top, #FFA500, #E78404);
	background-image: linear-gradient(to bottom, #FFA500, #E78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFA500, endColorstr=#E78404);
}

.btn1:hover{
	color: #FFF;
	border:1px solid #996300;
	background-color: #E78404; background-image: -webkit-gradient(linear, left top, left bottom, from(#E78404), to(#FFA500));
	background-image: -webkit-linear-gradient(top, #E78404, #FFA500);
	background-image: -moz-linear-gradient(top, #E78404, #FFA500);
	background-image: -ms-linear-gradient(top, #E78404, #FFA500);
	background-image: -o-linear-gradient(top, #E78404, #FFA500);
	background-image: linear-gradient(to bottom, #E78404, #FFA500);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E78404, endColorstr=#FFA500);
}
.btn_area{
	margin:0 auto;
	text-align: center;
}


/*画像の上に文字を表示v*/
.example {
  position: relative;
  }

.example p {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.example img {
  width: 100%;
  }