@charset "UTF-8";
/* CSS Document */
/*--------------------------------------------------------------------------*/
/*  パーツ																	*/
/*--------------------------------------------------------------------------*/
#main_slide_section{
	clear:both ;
	width:100% ;
	height:500px ;
	max-height:500px ;
	overflow:hidden ;
	margin:0 auto ;
	z-index:10;
}

	#slider{
		overflow:hidden ;
		position:relative ;
	}
	
		#slider li{
		}

		#slider li p{
			position:absolute ;
			top:10% ;
			margin-left:60px ;
			color:#FFF ;
			background-color:rgba(0,56,77,0.60);
			font-size:250% ;
		}

@media screen and (max-width: 860px) {
	#main_slide_section{
		height:auto ;
	}

#slider li p{
margin-left:30px !important ;
font-size:50% !important;
}
}
	
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*  トップページ															*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#index #contents_section{
	margin-top:-190px ;	
}

@media screen and (max-width: 860px) {
	#index #contents_section{
		margin-top:0 ;	
	}
}
	
#index #container{
	width:100% ;
}

	#index .item {
		display:inline-block ;
		vertical-align:top ;
		width:23.7% ;
		width:179px ;
		float:left ;
		background:#FFF ;
		margin:0 0 12px 5px ;
		padding-top:2px ;
	}

		#index #container .size2{ width:366px ; }

		#index .item .photo{
			width:175px;
			margin:0 auto 0 auto ;
		}

			#index .item .photo img{
				width:175px;
			}

			#index .size2 .photo img{
				width:362px;
			}

		#index .size2 .photo{
			width:362px;
			margin:0 auto 0 auto ;
		}
	
			.item .photo img{
				width:100% ;
			}

		#index .item .info{
			width:175px ;
			position:relative ;
			overflow:hidden ;
			margin:0 auto 10px auto ;
			background-position:right top ;
			background-repeat:no-repeat ;
		}

		#index .size2 .info{
			width:362px ;
		}

		#index #container .cat_6 .info{ background-image:url(/common/icc/image/index/bar01.jpg) ;}
		#index #container .cat_3 .info{ background-image:url(/common/icc/image/index/bar02.jpg) ;}
		#index #container .cat_4 .info{ background-image:url(/common/icc/image/index/bar03.jpg) ;}
		#index #container .cat_5 .info{ background-image:url(/common/icc/image/index/bar04.jpg) ;}

			#index .item .title{
				width:90% ;
				margin:25px auto 10px auto ;
				font-size:110% ;
				font-weight:bold ;
			}
	
			#index .item .note{
				width:90% ;
				margin:10px auto ;
				line-height:1.7 ;
			}
		
				#index .item .title a{ 			text-decoration:none ;}
				#index .item .title a:link{ 		text-decoration:none ; color:#000000 ;}
				#index .item .title a:visited{ 	text-decoration:none ; color:#000000 ;}
				#index .item .title a:hover{ 		text-decoration:underline ; color:#000000 ;}
				#index .item .title a:active { 	text-decoration:none ;	color:#000000 ;}

			#index .item .link{
				width:100% ;
				margin:10px auto ;
				border-top: 1px solid #dbe9ee ;
			}
	
				#index .item .link p{
					width:89% ;
					margin:10px auto ;
				}
	
@media screen and (max-width: 600px) {

	#index .item {
		width:100% ;
		float:none ;
		margin:0 auto 12px auto ;
	}

		#index #container .size2{ width:100%; }

		#index .item .photo{
			width:98%;
		}

		#index .size2 .photo{
			width:98%;
		}
	
			.item .photo img{
				width:100% !important ;
			}

		#index .item .info{
			width:98%;
		}

		#index .size2 .info{
			width:98%;
		}

			#index .item .title{
				width:95% ;
			}
	
			#index .item .note{
				width:95% ;
			}
				#index .item .link p{
					width:95% ;
				}
}



/*--------------------------------------------------------------------------*/
/*  各ブログ設定															*/
/*--------------------------------------------------------------------------*/
#under{}

#under #contents_section{
	background-image:url(/common/icc/image/typeA/background.png) ;
	background-position:left top ;
	background-repeat:repeat-x ;
}

.typeB #contents_section{
	background-image:url(/common/icc/image/typeB/background.png) !important ;
}
.typeC #contents_section{
	background-image:url(/common/icc/image/typeC/background.png) !important ;
}
.typeD #contents_section{
	background-image:url(/common/icc/image/typeD/background.png) !important ;
}
.typeE #contents_section{
	background-image:url(/common/icc/image/typeE/background.png) !important ;
}
.typeS #contents_section{
	background-image:none !important ;
	border-top:7px solid #333 ;
}

	
	#under #contents_section #title{
		/* width:95% ; */
		/* margin:50px auto ; */
		margin:35px auto ;
		font-size: xx-large;
	}

	#under #main_section{
		width:745px ;
		float:right ;
		overflow:hidden ;
		margin:0 0 0 0 ;
		padding:0 ;
		line-height:1.7 ;
	}
	
		#under #main_section #wrapper{
			width:100% ;
			margin:0 0 0 auto ;
			/*background:#FFFFFF ;*/
		}
	

		#under #main_section #header_banner{
			width:100% ;
			margin:0 auto 30px auto  ;
		}

			#under #main_section #header_banner img{
				width:100% ;
			}
	
		#under .wrap{
			width:100% ;
			overflow:hidden ;
			margin:0 auto 30px auto ;
		}

			#under h3{
				width:100% ;
				margin:0 auto 20px auto ;
				color:#fd2092 ;
				font-size:140% ;
				font-weight:bold ;
				padding-bottom:2px ;
				border-bottom:2px solid #fd2092 ;
			}

				
				.typeB h3{
					/* color:#007ECD !important ;
					border-bottom:2px solid #007ECD !important ; */
					color:#0b3b7d !important ;
					border-bottom:2px solid #0b3b7d !important ;
				}
				.typeC h3{
					color:#128301 !important ;
					border-bottom:2px solid #128301 !important ;
				}
				.typeD h3{
					color:#2A2A2A !important ;
					border-bottom:2px solid #2A2A2A !important ;
				}
				.typeE h3{
					/* color:#FF6633 !important ;
					border-bottom:2px solid #FF6633 !important ; */
					color:#007ecd !important ;
					border-bottom:2px solid #007ecd !important ;
				}
				.typeS h3{
					color:#333 !important ;
					border-bottom:2px solid #333 !important ;
				}

		
			#under .list01{
				width:100% ;
				overflow:hidden ;
				margin:0 auto 20px auto ;
			}

				#under .list01 li{
					width:100% ;
					margin:0 auto 20px auto ;
					border-bottom:1px dotted #CCC ;				
				}
	
					#main_section .cate{
						display:inline-block ;
						width:70px ;
						float:left ;
						text-align:center ;
						color:#FFFFFF ;
						margin:0 10px 5px 0 ;
						padding:1px 0 0 0 ;
					}

                                        /*  緊急情報  */
                                        #main_section .c_urgent{ background:#e80000 ; }

					/*  お知らせ  */
					#main_section .c_news{ background:#40b0ea ; }
					/*  注意喚起  */
					#main_section .c_notice{ background:#e97300 ; }
					/*  障害情報  */
					#main_section .c_accident{ background:#6f38ac ; }
					/*  緊急情報  */
/*					#main_section .c_urgent{ background:#e80000 ; }
*/
					#main_section .date{
						float:left ;
						display:block ;
						font-size:90% ;
						margin:3px auto 5px auto ;
					}
			
					#under .list01 li .title{
						clear:both ;
						margin:0 auto 5px auto ;
						background-image:url(/common/icc/image/base/navigation_icon.png) ;
						background-position:0 7px ;
						background-repeat:no-repeat ;
					}
			
						#under .list01 li .title a{
							display:block ;
							margin:0 0 0 10px ;
						}
				
						#under .list01 li a{ 			text-decoration:none 		;}
						#under .list01 li a:link{ 		text-decoration:none 		; color:#000000 ;}
						#under .list01 li a:visited{ 	text-decoration:none 		; color:#000000 ;}
						#under .list01 li a:hover{ 		text-decoration:underline 	; color:#000000 ;}
						#under .list01 li a:active { 	text-decoration:none 		; color:#000000 ;}
				
					#under .body{
						clear:both ;
						font-size:115% ;
					}

			#under .detail{
				width:100% ;
				background:#FFFFFF ;
				margin:0 auto ;
				overflow:hidden ;
			}

				#under .detail h3{
					width:96% ;
					margin:15px auto ;
				}
	
				#under .detail .content{
					width:96% ;
					margin:15px auto ;
				}
	
#under .detail .content h4{
  margin:0 auto 5px auto ;
font-size:110% ;
color:#AA0000 ;
}

                            
        /*------------------------------------------*/
        /*  jump section                                                                     */
        /*------------------------------------------*/
        #under #jump_section{
                max-width:none ;
                width:185px ;
                float:left ;
                overflow:hidden ;
                margin:0 0 0 0 ;
                background-image:url(/common/icc/image/side/background1.jpg) ;
                background-position:left top ;
                background-repeat:no-repeat ;
        }

                #under #jum_section #jump_inner{
                        width:90% ;
                        margin:10px auto ;
                }


	/*------------------------------------------*/
	/*  サイド									*/
	/*------------------------------------------*/
	#under #side_section{
		max-width:none ;
		width:185px ;
		float:left ;
		overflow:hidden ;
		margin:0 0 0 0 ;
		background-image:url(/common/icc/image/side/background1.jpg) ;
		background-position:left top ;
		background-repeat:no-repeat ;
	}

	.typeB #side_section{
		background-image:url(/common/icc/image/side/background2.jpg) !important ;
		background-color:#0DB6EF !important ;
	}
	.typeC #side_section{
		background-image:url(/common/icc/image/side/background3.jpg) !important ;
		background-color:#8BAF0F !important ;
	}	
	.typeD #side_section{
		background-image:url(/common/icc/image/side/background4.jpg) !important ;
		background-color:#939393 !important ;
	}
	.typeE #side_section{
		background-image:url(/common/icc/image/side/background.jpg) !important ;
		background-color:#FFFFFF !important ;
	}
	
		#under #side_section #side_inner{
			width:90% ;
			margin:10px auto ;
		}

			#under #side_section .category_list{}
			#under #side_section .category_list li{
				margin:0 auto 10px auto ;
				background-image:url(/common/icc/image/side/icon_on.png) ;
				background-position:98% 50% ;
				background-repeat:no-repeat ;
			}

			#under #side_section .category_list li:hover{
				background-image:url(/common/icc/image/side/icon.png) ;
			}

			.typeE #side_section .category_list{}
			.typeE #side_section .category_list li{
				background-image:url(/common/icc/image/side/icon2_on.png) !important ;
			}

			.typeE #side_section .category_list li:hover{
				background-image:url(/common/icc/image/side/icon2.png) !important ;
			}

			#under #side_section .category_list li a{
				display:block ;
				width:90% ;
				color:#FFFFFF ;
				font-size:110% ;
				text-decoration:none ;
			}

			#under #side_section li a{ 			text-decoration:none 		;}
			#under #side_section li a:link{ 	text-decoration:none 		; color:#FFFFFF ;}
			#under #side_section li a:visited{ 	text-decoration:none 		; color:#FFFFFF ;}
			#under #side_section li a:hover{ 	text-decoration:underline 	; color:#FFFFFF ;}
			#under #side_section li a:active { 	text-decoration:none 		; color:#FFFFFF ;}


			.typeE #side_section .category_list li a{
				color:#000000 !important ;
			}

			.typeE #side_section li a{ 			text-decoration:none 		;}
			.typeE #side_section li a:link{ 	text-decoration:none 		; color:#000000 ;}
			.typeE #side_section li a:visited{ 	text-decoration:none 		; color:#000000 ;}
			.typeE #side_section li a:hover{ 	text-decoration:underline 	; color:#000000 ;}
			.typeE #side_section li a:active { 	text-decoration:none 		; color:#000000 ;}

        #main_section .layoutArea .column img{
                width: 680px;
        }
	#main_section h3 img{
		width: 680px;
	}
        #main_section .content .body img.rawsize{
                width: none;
        }
        #main_section .content .body img{
                max-width: 680px; 
        }



@media screen and (max-width: 950px) {
	#under #main_section{
		width:80% ;
	}
 	#under #jump_section{
		width:19% ;
	}
	
	#under #side_section{
		width:19% ;
	}

        #main_section .layoutArea .column img{
                width: 600px;
        }

        #main_section h3 img{
                width: 600px;
        }

        #main_section .content .body img.rawsize{
                width: none;
        }

        #main_section .content .body img{
                max-width: 600px;
        }

}


@media screen and (max-width: 600px) {
	#under #contents_section #title{
		margin:20px auto ;
	}

		#under #contents_section #title img{
			width:50% ;
		}

	#under #main_section{
		width:100% ;
		float:note ;
		margin:0 auto 10px auto;
	}
	
		#under #main_section #wrapper{
			margin:0 auto ;
		}
	

		#under #main_section #header_banner{
		}
	
		#under .wrap{
		}

			#under h3{
			}
		
			#under .list01{
			}

				#under .list01 li{
				}
	
					#under .list01 li .cate{
						display:inline-block ;
						width:70px ;
						float:left ;
					}

					#under .list01 li .date{
						float:left ;
						display:block ;
					}
			
					#under .list01 li .title{
						clear:both ;
					}
				

	#main_section .layoutArea .column img{
		width: 310px;
	}

        #main_section h3 img{
                width: 310px;
        }

        #main_section .content .body img.rawsize{
                max-width: 310px;
        }

	#main_section .content .body img{
		max-width: 310px;
	}


        /*------------------------------------------*/
        /*  jump_section                                                                     */
        /*------------------------------------------*/
        #under #jump_section{
                max-width:none ;
                width:100% ;
                float:none ;
                margin:0 auto ;
                background-image:none ;
                background-color:#fd2092 ;
        }

                #under #jump_section #jump_inner{
                        width:95% ;
                }



	/*------------------------------------------*/
	/*  サイド									*/
	/*------------------------------------------*/
	#under #side_section{
		max-width:none ;
		width:100% ;
		float:none ;
		margin:0 auto ;
		background-image:none ;
		background-color:#fd2092 ;
	}

		.typeB #side_section{
			background-image:none !important ;
			background-color:#007ecd !important ;
		}
		.typeC #side_section{
			background-image:none !important ;
			background-color:#128301  !important ;
		}	
		.typeD #side_section{
			background-image:none !important ;
			background-color:#2A2A2A  !important ;
		}
		.typeE #side_section{
			background-image:none !important ;
			background-color:#ff6633  !important ;
		}
	
		#under #side_section #side_inner{
			width:95% ;
		}

			#under #side_section .category_list{}
			#under #side_section .category_list li{
				background-image:url(/common/icc/image/side/icon_on.png) ;
			}

			#under #side_section .category_list li:hover{
				background-image:url(/common/icc/image/side/icon.png) ;
			}

			#under #side_section .category_list li a{
				display:block ;
				width:98% ;
			}
			
			.typeE #side_section .category_list li a{
				color:#FFFFFF !important ;
			}

}

/*--------------------------------------------------------------------------*/
/*  ブロック																*/
/*--------------------------------------------------------------------------*/
#under #container{ overflow:hidden ; }
#under .item {
	display:inline-block ;
	vertical-align:top ;
	width:180px ;
	float:left ;
	background:#FFF ;
	margin:0 0 12px 0 ;
	padding-top:2px ;
}

	#under #container .size2{ width:366px ; }

	#under .item .photo{
		width:174px;
		margin:0 auto 0 auto ;
	}

	#under .size2 .photo{
		width:360px;
		margin:0 auto 0 auto ;
	}

		.item .photo img{
			width:100% ;
		}

	#under .item .info{
		width:174px ;
		position:relative ;
		overflow:hidden ;
		margin:0 auto 10px auto ;
		background-position:right top ;
		background-repeat:no-repeat ;
	}

	#under .size2 .info{
		width:360px ;
	}

	#under #container .cat_14 .info{ background-image:url(/common/icc/image/index/bar01.jpg) ;}
	#under #container .cat_16 .info{ background-image:url(/common/icc/image/index/bar02.jpg) ;}
	#under #container .cat_17 .info{ background-image:url(/common/icc/image/index/bar03.jpg) ;}
	#under #container .cat_18 .info{ background-image:url(/common/icc/image/index/bar04.jpg) ;}


		#under .item .title{
			width:90% ;
			margin:25px auto 10px auto ;
			font-size:110% ;
			font-weight:bold ;
		}

		#under .item .note{
			width:90% ;
			margin:10px auto ;
			line-height:1.7 ;
		}
	
			#under .item .title a{ 			text-decoration:none 		;}
			#under .item .title a:link{ 	text-decoration:none 		; color:#000000 ;}
			#under .item .title a:visited{ 	text-decoration:none 		; color:#000000 ;}
			#under .item .title a:hover{ 	text-decoration:underline 	; color:#000000 ;}
			#under .item .title a:active { 	text-decoration:none 		; color:#000000 ;}

		#under .item .link{
			width:100% ;
			margin:10px auto ;
			border-top: 1px solid #dbe9ee ;
		}

			#under .item .link p{
				width:89% ;
				margin:10px auto ;
			}
	
@media screen and (max-width: 600px) {

	#under .item {
		width:100% ;
		float:none ;
		margin:0 auto 12px auto ;
	}

		#under #container .size2{ width:100%; }

		#under .item .photo{
			width:98%;
		}

		#under .size2 .photo{
			width:98%;
		}
	
			.item .photo img{
				width:100% ;
			}

		#under .item .info{
			width:98%;
		}

		#under .size2 .info{
			width:98%;
		}

			#under .item .title{
				width:95% ;
			}
	
			#under .item .note{
				width:95% ;
			}
				#under .item .link p{
					width:95% ;
				}
}



/*--------------------------------------------------------------------------*/
/*  各ブログトップページ													*/
/*--------------------------------------------------------------------------*/
/*  マニュアル  */
#under .listA{ }

/*  ICCについて  */
#under .listB{ }

/*  サービス  */
#under .listC{ }

/*  ルール  */
#under .listD{ }

/*  お知らせ  */
#under .listE{ }

/*  カテゴリーブロック  */
#under .half_block{
	width:49% ;
	float:right ;
	overflow:hidden ;
	margin:0 0 12px 0 ;
	padding-top:1px ;
	background:#FFF ;
}

/*  カテゴリーブロック  */
#under .all_block{
	width:100% ;
	overflow:hidden ;
	margin:0 0 12px 0 ;
	padding-top:1px ;
	background:#FFF ;
}

	/*  左側  */
	#under .half_block.first{ clear:both ; float:left ;}
 
 
	/*  ICCについて  */
	#under .listB .half_block,
	#under .listB .all_block{ background-image:url(/common/icc/image/base/under_back01.png) ; }
	/*  サービス  */
	#under .listC .half_block,
	#under .listC .all_block{ background-image:url(/common/icc/image/base/under_back01.png) ; }
	/*  ルール  */
	#under .listD .half_block,
	#under .listD .all_block{ background-image:url(/common/icc/image/base/under_back01.png) ; }
	/*  お知らせ  */
	#under .listE .half_block,
	#under .listE .all_block{ background-image:url(/common/icc/image/base/under_back01.png) ; }

	
	/*  カテゴリー名  */
	#under .half_block h3,
	#under .all_block h3{
		width:99% ;
		position:relative ;
		overflow:hidden ;
		margin:0 auto 10px auto ;
		background-image:url(/common/icc/image/under/category_title1.png) ;
		background-position:right top ;
		background-repeat:repeat-x ;
		border-bottom:1px solid #fd2092 ;
		color:#fd2092 ;
	}

		/*  ICCについて  */
		#under .listB .half_block h3,
		#under .listB .all_block h3{
			background-image:url(/common/icc/image/under/category_title2.png) ;
			color:#fd2092 ;
		}
		/*  サービス  */
		#under .listC .half_block h3,
		#under .listC .all_block h3{
			background-image:url(/common/icc/image/under/category_title3.png) ;
			color:#007ecd  ;
		}
		/*  ルール  */
		#under .listD .half_block h3,
		#under .listD .all_block h3{
			background-image:url(/common/icc/image/under/category_title4.png) ;
			color:#128301  ;
		}
		/*  お知らせ  */
		#under .listE .half_block h3,
		#under .listE .all_block h3{
			background-image:url(/common/icc/image/under/category_title1.png) ;
			color:#fd2092 ;
		}
		/*  検索結果  */
		#under .listS .half_block h3,
		#under .listS .all_block h3{
			background-image:none ;
			color:#333 ;
		}

		/*  カテゴリ表示部  */
		#under .half_block h3 span,
		#under .all_block h3 span{
			display:block ;
			width:95% ;
			position:relative ;
			overflow:hidden ;
			margin:20px auto 5px auto ;
		}

	/*  記事一覧  */
	#under .half_block ul,
	#under .all_block ul{
		width:95% ;
		position:relative ;
		overflow:hidden ;
		margin:0 auto 10px auto ;
	}

		/*  li  */
		#under .half_block ul li,
		#under .all_block ul li{
			margin:0 auto 10px auto ;
			background-image:url(/common/icc/image/under/icon.png) ;
			background-position:3px 5px ;
			background-repeat:no-repeat ;
		}

			/*  a  */
			#under .half_block ul li a,
			#under .all_block ul li a{
				display:block ;
				margin:0 0 0 15px ;
			}

			/*  リンク関連  */
			#under .half_block a,
			#under .all_block a{ 			text-decoration:none 		;}
			#under .half_block a:link,
			#under .all_block a:link{ 		text-decoration:none 		; color:#000000 ;}
			#under .half_block a:visited,
			#under .half_block a:visited{ 	text-decoration:none 		; color:#000000 ;}
			#under .half_block a:hover,
			#under .half_block a:hover{ 	text-decoration:underline 	; color:#000000 ;}
			#under .half_block a:active,
			#under .half_block a:active{ 	text-decoration:none 		; color:#000000 ;}

@media screen and (max-width: 860px) {
/*  カテゴリーブロック  */
#under .half_block{
	width:100% ;
	float:none ;
}

	/*  左側  */
	#under .half_block.first{ float:none ;}
	
}




/*------------------------------------------*/
/*  ページ送り								*/
/*------------------------------------------*/
.pagging{
	width:100% ;
	position:relative ;
	overflow:hidden ;
	margin:20px auto ;
	text-align:center ;
}

	.pagging a{
		display: inline-block; 
		margin-bottom: 5px; 
		padding: 5px 10px; 
		background: #fff; 
		border: 1px solid #0284dd; 
		text-decoration: none; 
		vertical-align: middle; 
		font-weight: bold; 
		color: #0284dd; 
	} 

	.pagging .current_page{
		display: inline-block; 
		margin-bottom: 5px; 
		padding: 5px 10px; 
		border: 1px solid #0284dd; 
		text-decoration: none; 
		vertical-align: middle; 
		font-weight: bold; 
		background: #0284dd; 
		color: #fff; 
	} 

	.pagging a:hover { 
		background: #0284dd; 
		color: #fff; 
	}









