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

/*-----------------------------------------------------
文字の色、種類
-------------------------------------------------------*/

.bold {
	font-weight : bold;
}
.normal {
	font-weight : normal;	
}
.red {
	color : #d50000;
}
.yerrow-focus {
	background:#ae0000;
}

/*-----------------------------------------------------
文字のサイズ
-------------------------------------------------------*/
.f50	{font-size:50%!important;}
.f60	{font-size:60%!important;}
.f70	{font-size:70%!important;}
.f75	{font-size:75%!important;}	
.f80	{font-size:80%!important;}
.f85	{font-size:85%!important;}
.f90	{font-size:90%!important;}
.f95	{font-size:95%!important;}
.f100	{font-size:100%!important;}
.f105	{font-size:105%!important;}
.f110	{font-size:110%!important;}
.f120	{font-size:120%!important;}
.f130	{font-size:130%!important;}
.f140	{font-size:140%!important;}
.f150	{font-size:150%!important;}
/*-----------------------------------------------------
文字の行間
-------------------------------------------------------*/
.lh10 {line-height : 1!important;}
.lh11 {line-height : 1.1!important;}
.lh12 {line-height : 1.2!important;}
.lh13 {line-height : 1.3!important;}
.lh14 {line-height : 1.4!important;}
.lh15 {line-height : 1.5!important;}
.lh16 {line-height : 1.6!important;}
.lh17 {line-height : 1.7!important;}
.lh18 {line-height : 1.8!important;}
.lh19 {line-height : 1.9!important;}
.lh20 {line-height : 2!important;}
/*-----------------------------------------------------
ALIGN
-------------------------------------------------------*/
.alleft		{text-align : left!important;}
.alcenter	{text-align : center!important;}
.alright	{text-align : right!important;}
/*-----------------------------------------------------
VALIGN
-------------------------------------------------------*/
.vtop		{vertical-align : top!important;}
.vmiddle	{vertical-align : middle!important;}
.vbottom	{vertical-align : bottom!important;}
.vsuper		{vertical-align : super!important;}
/*-----------------------------------------------------
DISPLAY
-------------------------------------------------------*/
.block		{display : block!important;}
.inline li	{display : inline!important;}
/*--------------------------------------
INDENT
--------------------------------------*/
.indent {text-indent : 1em!important;}
.indent1em {
	text-indent : -1em!important;
	padding-left : 1em!important;
}
.indent2em {
	text-indent : -2em!important;
	padding-left : 2em!important;
}
.indent3em {
	text-indent : -3em!important;
	padding-left : 3em!important;	
}
.indent4em {
	text-indent : -4em!important;
	padding-left : 4em!important;	
}
.indent5em {
	text-indent : -5em!important;
	padding-left : 5em!important;	
}
/*-----------------------------------------------------
MARGIN
-------------------------------------------------------*/

/* MARGIN */
.ma00 { margin:0px!important; }
.ma05 { margin:5px!important; }
.ma10 { margin:10px!important; }
.ma15 { margin:15px!important; }
.ma20 { margin:20px!important; }
.ma25 { margin:25px!important; }
.ma30 { margin:30px!important; }
.ma35 { margin:35px!important; }

/* MARGIN-TOP */
.mt00 { margin-top:0px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }

/* MARGIN-RIGHT */
.mr03 { margin-right:3px!important; }
.mr05 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }

/* MARGIN-BOTTOM */
.mb00 { margin-bottom:0!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb100 { margin-bottom:100px!important; }
.mb150 { margin-bottom:150px!important; }

/* MARGIN-LEFT */
.ml03 { margin-left:3px!important; }
.ml05 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }
.ml60 { margin-left:60px!important; }
.ml70 { margin-left:70px!important; }
.ml80 { margin-left:80px!important; }
.ml90 { margin-left:90px!important; }
.ml100 { margin-left:100px!important; }

/* MARGIN-TOP & MARGIN-BOTTOM */
.mtb05 { margin-top:5px!important; margin-bottom:5px!important; }
.mtb10 { margin-top:10px!important; margin-bottom:10px!important; }
.mtb15 { margin-top:15px!important; margin-bottom:15px!important; }
.mtb20 { margin-top:20px!important; margin-bottom:20px!important; }
.mtb25 { margin-top:25px!important; margin-bottom:25px!important; }
.mtb30 { margin-top:30px!important; margin-bottom:30px!important; }
.mtb35 { margin-top:35px!important; margin-bottom:35px!important; }
.mtb40 { margin-top:40px!important; margin-bottom:40px!important; }
.mtb45 { margin-top:45px!important; margin-bottom:45px!important; }
.mtb50 { margin-top:50px!important; margin-bottom:50px!important; }

/* MARGIN-LEFT & MARGIN-RIGHT */
.mlr05 { margin-left:5px!important; margin-right:5px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr35 { margin-left:35px!important; margin-right:35px!important; }
.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr45 { margin-left:45px!important; margin-right:45px!important; }
.mlr50 { margin-left:50px!important; margin-right:50px!important; }
.mlrAuto { margin-left:auto!important; margin-right:auto!important; }


/*-----------------------------------------------------
PADDING
-------------------------------------------------------*/

/* PADDING-TOP */
.pt00 { padding-top:0px!important; }
.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }
.pt45 { padding-top:45px!important; }
.pt50 { padding-top:50px!important; }
.pt100 { padding-top:100px!important; }

/* PADDING-BOTTOM */
.pb00 { padding-bottom:0px!important; }
.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb45 { padding-bottom:45px!important; }
.pb50 { padding-bottom:50px!important; }
.pb100 { padding-bottom:100px!important; }
.pb150 { padding-bottom:150px!important; }

/* PADDING-LEFT */
.pl00 { padding-left:0px!important; }
.pl05 { padding-left:5px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl40 { padding-left:40px!important; }
.pl45 { padding-left:45px!important; }
.pl50 { padding-left:50px!important; }

/* PADDING-RIGHT */
.pr00 { padding-right:0px!important; }
.pr05 { padding-right:5px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }
.pr40 { padding-right:40px!important; }
.pr45 { padding-right:45px!important; }
.pr50 { padding-right:50px!important; }

/* PADDING-ALL */
.pa00 { padding:0px!important; }
.pa02 { padding:2px!important; }
.pa05 { padding:5px!important; }
.pa10 { padding:10px!important; }
.pa15 { padding:15px!important; }
.pa20 { padding:20px!important; }
.pa25 { padding:25px!important; }
.pa30 { padding:30px!important; }
.pa35 { padding:35px!important; }

/* PADDING-TOP & PADDING-BOTTOM */
.ptb05 { padding-top:5px!important; padding-bottom:5px!important; }
.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }
.ptb15 { padding-top:15px!important; padding-bottom:15px!important; }
.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.ptb25 { padding-top:25px!important; padding-bottom:25px!important; }
.ptb30 { padding-top:30px!important; padding-bottom:30px!important; }
.ptb35 { padding-top:35px!important; padding-bottom:35px!important; }

/* PADDING-LEFT & PADDING-RIGHT */
.plr05 { padding-left:5px!important; padding-right:5px!important; }
.plr10 { padding-left:10px!important; padding-right:10px!important; }
.plr15 { padding-left:15px!important; padding-right:15px!important; }
.plr20 { padding-left:20px!important; padding-right:20px!important; }
.plr25 { padding-left:25px!important; padding-right:25px!important; }
.plr30 { padding-left:30px!important; padding-right:30px!important; }
.plr35 { padding-left:35px!important; padding-right:35px!important; }
.plr40 { padding-left:40px!important; padding-right:40px!important; }
.plr45 { padding-left:45px!important; padding-right:45px!important; }
.plr50 { padding-left:50px!important; padding-right:50px!important; }


/*-----------------------------------------------------
WIDTH
-------------------------------------------------------*/

.w050 { width : 50px; }
.w060 { width : 60px; }
.w070 { width : 70px; }
.w080 { width : 80px; }
.w090 { width : 90px; }
.w100 { width : 100px; }
.w110 { width : 110px; }
.w120 { width : 120px; }
.w125 { width : 125px; }
.w130 { width : 130px; }
.w140 { width : 140px; }
.w150 { width : 150px; }
.w160 { width : 160px; }
.w170 { width : 170px; }
.w175 { width : 175px; }
.w180 { width : 180px; }
.w190 { width : 190px; }
.w200 { width : 200px; }
.w210 { width : 210px; }
.w220 { width : 220px; }
.w225 { width : 225px; }
.w230 { width : 230px; }
.w240 { width : 240px; }
.w250 { width : 250px; }
.w260 { width : 260px; }
.w270 { width : 270px; }
.w275 { width : 275px; }
.w280 { width : 280px; }
.w290 { width : 290px; }
.w300 { width : 300px; }
.w310 { width : 310px; }
.w320 { width : 320px; }
.w325 { width : 325px; }
.w330 { width : 330px; }
.w340 { width : 350px; }
.w350 { width : 350px; }
.w360 { width : 360px; }
.w370 { width : 370px; }
.w375 { width : 375px; }
.w380 { width : 380px; }
.w390 { width : 390px; }
.w400 { width : 400px; }
.w425 { width : 425px; }
.w450 { width : 450px; }
.w460 { width : 460px; }
.w470 { width : 470px; }
.w475 { width : 475px; }
.w500 { width : 500px; }
.w525 { width : 525px; }
.w550 { width : 550px; }
.w540 { width : 540px; }
.w550 { width : 550px; }
.w575 { width : 575px; }
.w600 { width : 600px; }
.w620 { width : 620px; }
.w625 { width : 625px; }
.w640 { width : 640px; }
.w650 { width : 650px; }
.w005p { width : 5%; }
.w010p { width : 10%; }
.w015p { width : 15%; }
.w020p { width : 20%; }
.w025p { width : 25%; }
.w030p { width : 30%; }
.w033p { width : 33%; }
.w035p { width : 35%; }
.w040p { width : 40%; }
.w045p { width : 45%; }
.w050p { width : 50%; }
.w060p { width : 60%; }
.w070p { width : 70%; }
.w080p { width : 80%; }
.w090p { width : 90%; }
.w100p { width : 100%; }
/*-----------------------------------------------------
NOWRAP
-------------------------------------------------------*/
.nowrap {white-space : nowrap;}
/*----------------------------------------------------
背景色
-------------------------------------------------------*/
.bg-glayLow {background-color : #f6f6f6;}
.bg-glayMid {background-color : #efefef;}
/*-----------------------------------------------------
付け足す場合は「カテゴリ名」と追加年日を記載
-------------------------------------------------------*/

/*2011.5.26 更新

/*-----------------------------------------------------
背景色
-------------------------------------------------------*/

.bg-glayLow {
	background-color : #f6f6f6;
}

.bg-glayMid {
	background-color : #efefef;
}



/*-----------------------------------------------------
リンクアイコン（ブランク）
-------------------------------------------------------*/
.linkBlank {
	background:url(/research/supervision/global/img/blank-icn.gif) no-repeat right ;
	padding-right:15px;
}

/*-----------------------------------------------------
リンクアイコン（PDF）
-------------------------------------------------------*/
.linkPdf {
	background:url(/research/supervision/global/img/pdf-icn-mini.gif) no-repeat right ;
	padding-right:15px;
}		


/*-----------------------------------------------------
通常リスト
-------------------------------------------------------*/

.listArrow li {
	list-style-type:none;
	background:url(/research/supervision/global/img/allow1-icn.gif) 0 10px no-repeat;
	padding : 5px 0 5px 15px;
	line-height:1.4;
}

.listArrow li img{
	vertical-align:middle;
}

/*-----------------------------------------------------
通常リスト disc
-------------------------------------------------------*/

.listDisc li {
	list-style-type : disc;
	padding:3px 0;
	line-height:1.6;
	margin-left:20px;
}

.listDisc li img{
	vertical-align:middle;
}

/*-----------------------------------------------------
通常リスト(矢印小）
-------------------------------------------------------*/

.listArrow2 li {
	list-style-type:none;
	background:url(/research/supervision/global/img/allow1-icn.gif) 3px 9px no-repeat;
	padding:3px 15px;
	line-height:1.4;
}

/*-----------------------------------------------------
通常リスト(矢印小）
-------------------------------------------------------*/

.listArrow4 li {
	list-style-type:none;
	background:url(/research/supervision/global/img/list-arrow04.png) 3px 5px no-repeat;
	padding:4px 25px;
	line-height:1.4;
	background-size: 13px 13px;
}


/*-----------------------------------------------------
連番リスト
-------------------------------------------------------*/

.listNumber li {
	list-style-type:decimal;
	padding:3px 0;
	line-height:1.6;
	margin-left:25px;
}



/*-----------------------------------------------------
リストアイコン付きPDFリンク
-------------------------------------------------------*/

.pdflist li {
	list-style-type:none;
	background:url(/research/supervision/global/img/pdf-icn-mini.gif) 0 4px no-repeat;
	padding:1px 15px;
	line-height:1.5;	
}

/*-----------------------------------------------------
リストアイコン付き
-------------------------------------------------------*/

.icnlist li {
	list-style-type:none;
	margin-bottom:5px;
	line-height:1.5;	
}

.icnlist li img{
	vertical-align:middle;
	margin-right:5px;	
}

/*
注意リスト
*/

.listCautions li {
	line-height:1.4;
	text-indent : -1em;
	padding-left : 1em;
	padding-top : 3px;
	padding-bottom : 3px;
}

/*-----------------------------------------------------
TABLE style通常
-------------------------------------------------------*/
.tStyle01 {	
	font-size : 100%;
	border-collapse : collapse;
}

.tStyle01 th {
	background : #f5f5f5;
	text-align : center;
}

.tStyle01 th, .tStyle01 td {
	line-height : 1.7;
	border : 1px solid #ccc;
	font-weight : normal;
}

/*-----------------------------------------------------
TABLE style2　
-------------------------------------------------------*/
.tStyle02 {
	border-bottom:solid 1px #cccccc;
	border-collapse:collapse;	
	font-size : 100%;
	line-height : 1.7;
}


.tStyle02 td,.tStyle02 th {
	border-bottom:solid 1px #cccccc;
}

.tStyle02 th {
	background:#edf1f1;
	font-weight:normal;	
	text-align : center;
}

.tStyle02 img {
	vertical-align:middle;
	margin-left:3px;
}

/*-----------------------------------------------------
TABLE style3　td th 縦線なし　
-------------------------------------------------------*/
.tStyle03 {
	border:solid 1px #cccccc;
	border-collapse:collapse;	
	font-size : 100%;
	line-height : 1.7;
}


.tStyle03 td,.tStyle03 th {
	border-bottom:solid 1px #cccccc;
}

.tStyle03 th {
	background:#e4ebeb;
	font-weight:normal;
	text-align : center;
}

.tStyle03 img {
	vertical-align:middle;
	margin-left:3px;
}
	
/*-----------------------------------------------------
TABLE normal　罫線なし　
-------------------------------------------------------*/
.tNormal {
	border-collapse:collapse;	
	font-size : 100%;
	line-height : 1.7;
}


.tNormal td,.tNormal th {
	text-align : left;
}

.tNormal th {
	font-weight:normal;	
	vertical-align : top;
}

.tNormal img {
	vertical-align:middle;
	margin-left:3px;
}	
	

/*-----------------------------------------------------
TABLE padding
-------------------------------------------------------*/
.tablepa03 td, .tablepa03 th {
	padding : 3px;
}	

.tablepa05 td, .tablepa05 th {
	padding : 5px;
}	

.tablepa10 td, .tablepa10 th {
	padding : 10px;
}

.tablepa15 td, .tablepa15 th {
	padding : 15px;
}

/*-----------------------------------------------------
TABLE vertical-align
-------------------------------------------------------*/
.tableVAtop th, .tableVAtop td {
	vertical-align:top;
}	


th.focus {
	background : #f5f5f5;
	color : #333333;
}


/*-----------------------------------------------------
テキストボタンリンク
-------------------------------------------------------*/
.textBt a{
	padding:20px 40px 20px 20px;
	background: url(/research/supervision/global/img/link-bt-arrow.gif) no-repeat #e9e9e9 right;
	display:block;
	font-size:125%;
	color:#000;
}

.textBt a:hover{
	text-decoration:none;
}

.textBt a:visited{
	color:#000;
}


/*-----------------------------------------------------
テキストアイコン付きリンク
-------------------------------------------------------*/
.textlink {
	background:url(/research/supervision/global/img/text-link_bg.gif) 0 5px no-repeat;
	padding:0 0 0 18px;
}

/*-----------------------------------------------------
テキストアイコン付きPDFリンク
-------------------------------------------------------*/
.textPDFlink {
	background:url(/research/supervision/global/img/pdf-icn.gif) 0 4px no-repeat;
	padding:5px 0 5px 25px;
}	


/*-----------------------------------------------------
リンクアイコン（MOVIE）
-------------------------------------------------------*/
.linkmmovie {
	background:url(/research/supervision/global/img/movie-icn.gif) no-repeat right ;
	padding-right:18px;
}		

/* 以下110725追加分 */


/*-----------------------------------------------------
リンクアイコン（WORD）
-------------------------------------------------------*/
.linkWord {
	background:url(/research/supervision/global/img/word-icn-mini.gif) no-repeat right ;
	padding-right:15px;
}

/*-----------------------------------------------------
リンクアイコン（フォト）
-------------------------------------------------------*/
.linkphoto {
	background:url(/research/supervision/global/img/photo-icn.gif) no-repeat right ;
	padding-right:18px;
}

/*-----------------------------------------------------
newアイコン
-------------------------------------------------------*/

.new-icon {
	width:34px;
	height:12px;
	vertical-align:middle;
	margin:-2px 0 0 5px;
}

/*-----------------------------------------------------
ブランクアイコン
-------------------------------------------------------*/

.blank-icon {
	width:12px;
	height:11px;
	vertical-align:middle;
	margin:-2px 0 0 3px;
}

/*-----------------------------------------------------
お知らせカテゴリアイコン
-------------------------------------------------------*/

.news-cate-icon {
	width:60px;
	height:15px;
	margin-top:-2px;
}
/*-----------------------------------------------------
罫線
-------------------------------------------------------*/

.border-glayLow {
	border:solid 1px #ccc;	
}

.border-glayLow-right {
	border-right:solid 1px #ccc;	
}	

.border-glayMidthick {
	border:solid 5px #dcdcdc;	
}

.none {
	display : none;	
}

.bg-white {
	background : #ffffff!important;	
}

.bg-green {
	background : #e4ebeb!important;
}


.bge9f2fc {
	background : #e9f2fc!important;	
}


/*-----------------------------------------------------
写真効果
-------------------------------------------------------*/
/* 影 */

.photo-shadow {
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);	
}

.photo-shadow2 {
	-moz-box-shadow: 5px 5px 0 0 rgba(220,220,220,1);
	-webkit-box-shadow: 5px 5px 0 0 rgba(220,220,220,1);
	-o-box-shadow: 5px 5px 0 0 rgba(220,220,220,1);
	-ms-box-shadow: 5px 5px 0 0 rgba(220,220,220,1);
}

/* 傾き */

.photo-frame {
	background:#ddd;
	text-align:center;
}

#topics-fukushi .photo-frame{
	background:#a2d6db;
}
#topics-keizai .photo-frame{
	background:#e1c673;
}
#topics-kodomo .photo-frame{
	background:#efadbf;
}
#topics-kokusai .photo-frame{
	background:#c7de8f;
}
#topics-kenko .photo-frame{
	background:#e8d6e9;
}


.photo-frame img{
	width:94%;
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-moz-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);	
}




.list-contents {
background : #f5f5f5;
padding : 10px 0;
border : 1px solid #eee;


}

.list-contents li {
	display : inline-block;

}



.list-contents li a {
	position : relative;
	padding : 0px 20px 0px 35px;
	border-right : 1px dashed #aaa;
	color : #333;
	font-size : 95%;
}


.list-contents li:last-child a {
	border : none;
}


.list-contents li a:hover {

}

.list-contents li a:before {

	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-right: solid 2px #444f7a;
	border-top: solid 2px #444f7a;
	-webkit-transform: rotate(135deg);
			transform: rotate(135deg);


}