@charset "utf-8" ;

@media (min-width : 751px){

body{
	color : black ;
	font-size : calc(16px + 0.25vw) ;
	line-height : 1.5em ;
	text-align : left ;
	background-color : #fdfdfd ;
	font-family : "monospace", "ＭＳ ゴシック"  ;
}

h1{
	color : white ;
	text-align : center ;
	border-left-color : #996666 ;
	padding-top : 0px ;
	padding-right : 0px ;
	padding-bottom : 0px ;
	padding-left : 10px ;
	border-style : solid ;
	border-top-width : 0px ;
	border-right-width : 0px ;
	border-bottom-width : 0px ;
	border-left-width : 0px ;
	background-color : #004080 ;
}

h2{
	color : #004080 ;
	text-align : center ;
	border-left-color : #996666 ;
	padding-top : 0px ;
	padding-right : 0px ;
	padding-bottom : 0px ;
	padding-left : 10px ;
	border-style : solid ;
	border-top-width : 0px ;
	border-right-width : 0px ;
	border-bottom-width : 0px ;
	border-left-width : 0px ;
}

h3{
	color : #004080 ;
	text-align : center ;
	border-left-color : #996666 ;
	padding-top : 0px ;
	padding-right : 0px ;
	padding-bottom : 0px ;
	padding-left : 10px ;
	border-style : solid ;
	border-top-width : 0px ;
	border-right-width : 0px ;
	border-bottom-width : 0px ;
	border-left-width : 0px ;
}

hr{
	color : #004080 ;
	height : 3px;
	}

p{
	color : black ;
}

a{
	color : red ;
	text-decoration : none ;
}

a:visited{
	color : #ff9999 ;
	text-decoration : none ;
}

a:hover{
	color : #ff3333 ;
	text-decoration : underline ;
}

a:active{
	color : #ff0000 ;
	text-decoration : none ;
}

ul{
	color : black ;
	list-style-image : url(../assets/r_a01.gif) ;
	list-style-position : outside ;
}

th{
	color : white ;
	background-color : green ;
}

td{
	color : black ;
	background-color : white ;
	font-family : "monospace" ;
}



/* -------------------------------------------------*/
/* 全体を中央寄せ */
.centerall{
	width : 80% ;
	margin : 0 auto ;
}

/* ホームページの更新日付用 */
div.date{
	color : #000000 ;
	font-size : 80% ;
	text-align : center ;
}

/* 画像（大） */
img.image1{
	max-width : 75% ;
}

/* 画像（中） */
img.image2{
	max-width : 50% ;
}

/* 画像(小) */
img.image3{
	max-width : 240px ;
}

/* 画像(ギャラリー) */
img.image4{
	max-width : 40vw ;
}

/* 中央寄せ */
div.center{
	text-align : center ;
	margin-left : auto ;
	margin-right : auto ;
}

/* 中央寄せ */
section.center{
	text-align : center ;
}

/* リンク */
div.links{
	width : 100% ;
	font-size : 16px ;
	margin-left : auto ;
	margin-right : auto ;	
}

/* 文字列通常フォント */
p.line1{
	width : 100% ;
	font-size : 100% ;
	text-align : left ;
}



/* 文字列小フォント */
p.line2{
	width : 100% ;
	font-size : 80% ;
}

/* 文字列ギャラリー */
p.line3{
	text-align : center ;
	width : 50% ;
	font-size : 16px ;
	text-align : left ;
	margin-left : auto ;
	margin-right : auto ;
}


/* テーブル中央寄せ */
table.center{
	font-size : normal ;
	font-family : "monospace" ;
	margin-left : auto ;
	margin-right : auto ;
}

/* 「沿革」書式 */
div.hist{
	width : 100% ;
	column-count : 2 ;
	font-size : 100% ;
	line-height : 1.5em ;
	font-family : "monospace" ;
}

/* 「災害派遣史」書式 */
table.hist2{
	text-align : left ;
	font-size : 90% ;
	margin-left : auto ;
	margin-right : auto ;
}

/* 「家族支援」書式 */
table.chart1{
	text-align : left ;
	font-size : 90% ;
	margin-left : auto ;
	margin-right : auto ;
}

/* 「派遣時」書式 */
div.haken{
	width : 100% ;
	column-count : 1 ;
	font-size : 100% ;
	line-height : 1.5em ;
	font-family : "monospace" ;
}

/* 「利用規約」書式 */
div.rule{
	width : 100% ;
	column-count : 2 ;
	font-size : 90% ;
	line-height : 1.5em ;
	font-family : "monospace" ;
}

/* 「鯉城」書式 */
div.rijo{
	width : 100% ;
	column-count : 2 ;
	font-size : 14px ;
	line-height : 1.5em ;
	font-family : "monospace" ;
}

/* 【写真】書式 */
div.images{
	column-count : 3 ;
}

/* 各タイトル */
div.box1{
	background : #cccccc ;
	width : 100% ;
	text-align : center ;
	border : solid 1px ;
}

/* 各内容 */
div.box2{
	background : #ffffff ;
	width : 100% ;
	text-align : center ;
	border : solid 1px ;
}

/* ダミー */
div.box0{
	width : 100% ;
	text-align : center ;
	border : solid 0px ;
}

td.tdc{
	color : black ;
	width : 75% ;
	background-color : white ;
	font-family : "monospace" ;
}



}