@charset "UTF-8";

/*-----------------------------------------------------
common.css
-------------------------------------------------------*/

/*2011.2.22 更新←css追加の際は更新日を記載してください。*/



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

.bold {
	font-weight : bold;
}

.normal {
	font-weight : normal;	
}

.red {
	color : #d50000;
}

.green {
	color : #5d8288;
}	


.bg-pink {
	background-color : #fad7d3;	
}

.yerrow-focus {
	background:#ffff73;
}

/*-----------------------------------------------------
文字のサイズ
-------------------------------------------------------*/

.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;}
.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;}
.f160 {font-size:160%!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;
}


/*-----------------------------------------------------
横幅
-------------------------------------------------------*/

.w010p { width : 10%; }
.w015p { width : 15%; }
.w020p { width : 20%; }
.w025p { width : 25%; }
.w030p { width : 30%; }
.w033p { width : 33%; }
.w035p { width : 35%; }
.w040p { width : 40%; }
.w050p { width : 50%; }
.w060p { width : 60%; }
.w070p { width : 70%; }
.w080p { width : 80%; }
.w090p { width : 90%; }
.w100p { width : 100%; }


/*-----------------------------------------------------
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;	
}


/*-----------------------------------------------------
NOWRAP
-------------------------------------------------------*/

.nowrap {
	white-space : nowrap;
}


/*-----------------------------------------------------
付け足す場合は「カテゴリ名」と追加年日を記載
-------------------------------------------------------*/

/*2011.5.26 更新

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

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

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



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

.listArrow li {
	list-style-type:none;
	background:url(/kenkyu/symposium/supervision/220320/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.4;
	margin-left:20px;
}

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

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

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


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

.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;	

}

.tNormal img {
	vertical-align:middle;
	margin-left:3px;
}	
	
.vtop th , .vtop td {
	vertical-align : top!important;	
}

/*-----------------------------------------------------
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;
}



/* 以下110725追加分 */


/*-----------------------------------------------------
罫線
-------------------------------------------------------*/

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

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

.border-glayLow-bottom {
	border-bottom : 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;	
}

/* */

.pa10 {
	padding : 10px;	
}
.pa20 {
	padding : 30px;	
}
.pa30 {
	padding : 30px;	
}

/*-----------------------------------------------------
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 */
.ml0 { margin-left:0px!important; }
.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; }

/* 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; }

/* 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 */
.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; }


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

.photo-shadow {
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.1);
	-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 {
	box-shadow: 5px 5px 0 0 rgba(220,220,220,1);
	-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-border-syafuku {
	border:solid 3px #41aab6;
}

.photo-border-kodomo {
	border:solid 3px #e06386;
}

.photo-border-kenko {
	border:solid 3px #8b5394;
}

.photo-border-keizai {
	border:solid 3px #FC3;
}

.photo-border-kokusai {
	border:solid 3px #91b646;
}

.photo-border-kango {
	border:solid 3px #F90;
}


/* 傾き */

.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);	
}





/*-----------------------------------------------------
youtube埋め込み
-------------------------------------------------------*/
.youtube-wrapper {
	position: relative ;
	margin-top: 1.2em ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
}

.youtube-wrapper iframe {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
}