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

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

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




.pa15 {
	padding : 15px;	
}

.pa25 {
	padding : 25px;	
}


.pa30 {
	padding : 30px;	
}

.ml15 {
	margin-left : 15px;	
}

.mlr15 {
	margin-left : 15px;
	margin-right : 15px;
}

.mlrAuto {
	margin-left : auto;
	margin-right : auto;	
}

.ml20 {
	margin-left : 20px;	
}

.mlr20 {
	margin-left : 20px;
	margin-right : 20px;	
}

.mlr25 {
	margin-left : 25px;
	margin-right : 25px;	
}

.mlr35 {
	margin-left : 35px;
	margin-right : 35px;	
}

.f170 {
	font-size : 170%;	
}

.ls1 {
	letter-spacing : 1px;	
}

.fl {
	float : left;
}

.fr {
	float : right;	
}


.ml25 {
	margin-left : 25px;	
}

.ml50 {
	margin-left : 50px;	
}

.ml75 {
	margin-left : 75px;	
}

.pb00 {
	padding-bottom : 0!important;
}

.pb10 {
	padding-bottom : 10px;	
}

.ptb00 {
	padding-top : 0!important;
	padding-bottom : 0!important;
}


.inline-block {
	display : inline-block;	
}

.ls8 {
	letter-spacing : 8px;
}

.ls0 {
	letter-spacing : 0;	
}

.f95 {
	font-size : 95%;
}