@charset "utf-8";

/* ¥Ñ¥ó¤¯¤º
----------------------------------------------------------- */


#pan {
clear:both;
width:100%;
margin:0 0 2em 0;
border-bottom:1px solid #EC7A95;
overflow:hidden;
}

.panbox {
width:980px;
margin:0 auto;
padding:30px 0 40px 0;
text-align:center;
border-bottom:4px solid #EEE;
}

.panbox h2 {
font-size:36px;
line-height:1.2;
letter-spacing:0.1em;
}


@media screen and (min-width: 641px) and (max-width: 970px) {
#pan {
border-top:1px solid #EC7A95;
background-image:url(/Japanese/hoken/images/bg_dot.jpg);
}
	.panbox {
	width:100%;
padding:20px 0 20px 0;
	}
	.panbox h2 {
	padding:20px 0 10px 0;
	letter-spacing:0;
	}
}

@media screen and (max-width: 640px) {
#pan {
border-top:1px solid #EC7A95;
background-image:url(/Japanese/hoken/images/bg_dot.jpg);
}
	.panbox {
	width:100%;
	height:auto;
	padding:0;
	background-image:none;
	}
	.panbox h2 {
	font-size:20px;
	padding:20px 0 10px 0;
	letter-spacing:0;
	}
}


/* ¥á¥¤¥ó
----------------------------------------------------------- */
#main {
width:660px;
float:right;
margin:0 auto;
text-align:left;
}


@media screen and (min-width: 641px) and (max-width: 970px) {
	#main {
	width:70%;
	}
}

.mainbox {
text-align:left;
font-size:15px;
overflow:hidden;
margin: 0 0 1em 0;
}

.mainbox h3 {
clear:both;
font-size:22px;
font-weight:normal;
line-height:1.4;
letter-spacing:0.1em;
color:#FFF;
padding:10px 10px 6px 42px;
margin:1.5em 0 1em 0;
background-color:#EC7A95;
background-image:url(/Japanese/hoken/images/h3.png),
                 url(/Japanese/hoken/images/bg_pink.jpg);
background-repeat: no-repeat,repeat;
background-position:0 0.6em , 0 0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

.mainbox h3:first-child {
margin:0 0 1em 0;
}

.mainbox h3.h3m0 {
font-size:24px;
color:#BA1F37;
letter-spacing:0;
border-bottom:3px solid #EC7A95;
margin:0 0 1em 0;
padding:0 0 10px 0;
background-image:none;
background-color:#FFF;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

.mainbox h4 {
clear:both;
font-size:18px;
font-weight:normal;
color:#000;
margin:2em 0 1em 0;
padding:12px 0 10px 20px;
border-left:6px solid #EC7A95;
background-image:url(/Japanese/hoken/images/bg_gra.jpg);
background-position:0 0;
background-repeat:repeat-x;
}

.mainbox h5 {
font-size:14px;
color:#BA1F37;
}

blockquote {
padding:20px 30px 6px 30px;
margin:0 0 1em 0;
border:1px solid #CCC;
background-color:#F2F2F2;
}

.day {
text-align:right;
}

@media screen and (max-width: 640px) {
	#main {
	float:none;
	width:100%;
	}
	.mainbox {
	font-size:14px;
	}
	.mainbox h3 {
	font-size:18px;
	letter-spacing:0em;
	}
	.mainbox h4 {
	font-size:16px;
	}
	blockquote {
	padding:14px 20px 6px 20px;
	}
}

/* ¥ê¥¹¥Èϵ
----------------------------------------------------------- */

.mainbox ul {
margin:0 0 1em 0;
}

.mainbox ul li {
padding:8px 0 8px 26px;
border-bottom:1px solid #CCC;
background-image:url(/Japanese/hoken/images/icon.jpg);
background-repeat:no-repeat;
background-position:0 0.8em;
}

.mainbox ol {
padding:0 0 0 20px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
padding:8px 0 ;
border-bottom:1px solid #CCC;
}

.mainbox li strong {
font-size:16px;
font-weight:normal;
color:#0860A8;
}

/* dl¥¿¥°
-----------------------------------------------*/
.overviewbox dl {
overflow:hidden;
}

.overviewbox dt {
width:30%;
float:left;
}

.overviewbox dt img {
border:1px solid #CCC;
padding:2px;
vertical-align:bottom;
}

.overviewbox dd {
width:60%;
float:right;
text-align:left;
}

/* ѧÉúÏàÕ„
-----------------------------------------------*/

@media screen and (min-width: 641px) and (max-width: 970px) {
	.counselingbox img {
	width:49%;
	}
}


/* ¤ªÖª¤é¤»
-----------------------------------------------*/
.newsbox dl {
overflow:hidden;
padding:8px 0;
border-bottom:1px dashed #666;
}

.newsbox dt {
width:25%;
float:left;
}

.newsbox dt span {
background-color: #BA1F37;
color:#FFF;
padding:2px 10px;
margin:0 0 0 4px;
}

.newsbox dd {
width:70%;
float:right;
text-align:left;
}

@media screen and (max-width: 640px) {
	.newsbox dt {
	float:none;
	width:100%;
	}
	.newsbox dd {
	float:none;
	width:100%;
	}
	.mainbox h3.h3top {
	font-size:20px;
	}
}

.mainbox h3.h3top:before {
content: url();
margin:0;
position:relative;
top:0;
}

/* TOPICS
-----------------------------------------------*/
.topicsbox dl {
overflow:hidden;
padding:8px 0;
border-bottom:1px dashed #666;
}

.topicsbox dt {
width:20%;
float:left;
}

.topicsbox dd {
width:76%;
float:right;
text-align:left;
}

.topicsbox h3.h3top {
font-size:24px;
color:#BA1F37;
letter-spacing:0;
border-bottom:3px solid #EC7A95;
margin:0 0 1em 0;
background-image:none;
background-color:#FFF;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

@media screen and (max-width: 640px) {
	.topicsbox dt {
	float:none;
	width:100%;
	}
	.topicsbox dd {
	float:none;
	width:100%;
	}
	.topicsbox h3.h3top {
	font-size:20px;
	}
}

.topicsbox h3.h3top:before {
content: url();
margin:0;
position:relative;
top:0;
}

/* Ô”¼š¥Ú©`¥¸----------------------- */

.linkbox {
width:80%;
font-size:20px;
line-height:1.3;
margin:2em auto ;
color:#000;
text-align:center;
background-color:#E8E8E8;
background-image:url(/Japanese/hoken/images/linkbox_bg.jpg);
background-repeat:repeat-x;
background-position:0 0;
border:1px solid #CCC;
}

.linkbox a {
display:block;
padding:20px 20px 20px 0;
text-decoration:none;
text-align:center;
}

.linkbox a:hover {
color:#FFF;
background-image:none;
background-color:#0860A8;;
}


@media screen and (max-width: 750px) {
	.linkbox {
	width:100%;
	font-size:16px;
	}
	.linkbox a {
	padding:14px 30px 14px 10px;
	text-align:left;
	}
}


/* ¥Æ©`¥Ö¥ë------------------------------ */

table {
width:100%;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}

th {
min-width:20%;
padding:8px 20px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #999;
background-image: url(/Japanese/hoken/images/bg_gray.jpg);
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

td {
padding:8px 20px;
border-bottom:1px dotted #999;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

@media screen and (max-width: 640px) {
	table {
	width:100%;
	border:none;
	}
	th {
	display:block;
	width:100%;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:6px 0 4px 0;
	text-align:center;
	}
	td {
	display:block;
	width:100%;
	padding:8px 10px 6px 10px;
	border:none;
        }
}

.mainbox td p {
margin:0;
}

.mainbox td ul {
padding:0;
margin:0;
}

.mainbox td li {
border:none;
padding:4px 0 4px 20px;
background-position:0 0.8em;
}


/* ¥Æ©`¥Ö¥ë:
------------------------------ */

.linksbox table {
width:100%;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}

.linksbox th {
width:40%;
padding:8px 14px;
font-size:14px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #999;
background-image: url(/Japanese/hoken/images/bg_gray.jpg);
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

.linksbox td {
width:30%;
font-size:14px;
padding:8px 14px;
border-bottom:1px dotted #999;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

@media screen and (max-width: 640px) {
	.linksbox table {
	width:100%;
	border:none;
	}
	.linksbox th {
	display:block;
	width:100%;
	}
	.linksbox td {
	display:block;
	width:100%;
	padding:6px 10px 4px 10px;
	border:none;
	border-bottom:1px dotted #666;
        }
}

/* ¥Ú©`¥¸¥Õ¥Ã¥¿©`
---------------------------------------------*/

#pagefooter {
clear:both;
margin:2em 0 1em 0;
line-height:2.5em;
text-align:center;
}

#pagefooter a {
color:#FFF;
background-color:#999;
text-decoration:none;
padding:4px 14px;
margin:0;
}

#pagefooter a:hover {
background-color:#EC7A95;
}

.current {
color:#000;
background-color:#FFF;
border:1px solid #999;
text-decoration:none;
padding:4px 14px;
margin:0;
}

/* ¥Ú©`¥¸Ï²¿¥¹¥Þ¥ÛÓÃ¥á¥Ë¥å©`
----------------------------------------------*/

.sp_pagenav {
display:none;
}

@media screen and (max-width: 640px) {
.sp_pagenav {
display:block;
width:100%;
margin:2em auto 0 auto;
}

.sp_pagenav h3 {
display:block;
vertical-align:middle;
width:100%;
height:60px;
font-size:16px;
font-weight:normal;
line-height:1.2;
padding:22px 0 0 10px;
border-left:10px solid #F4CFD7;
text-decoration:none;
color:#FFF;
background-image:url(/Japanese/hoken/images/bg_gd.jpg);
border-left:10px solid #BA1F37;
}
.sp_pagenav ul {
border-top:1px solid #666;
text-align:left;
}

.sp_pagenav ul li {
border:1px solid #666;
border-top:none;
}

.sp_pagenav ul li a {
display:block;
vertical-align:middle;
width:100%;
height:60px;
font-size:15px;
line-height:1.2;
color:#333;
padding:22px 0 0 10px;
border-left:10px solid #F4CFD7;
text-decoration:none;
}

.sp_pagenav ul li a:hover {
color:#FFF;
background-image:url(/Japanese/hoken/images/bg_gd.jpg);
border-left:10px solid #BA1F37;
}

.sp_pagenav ul li.on a {
color:#FFF;
background-image:url(/Japanese/hoken/images/bg_gd.jpg);
border-left:10px solid #BA1F37;
}
}


/* IconÔO¶¨ */

a.icon_blank{
	display: inline-block;
  background-image: url(/Japanese/hoken/images/icon_blank.png);
  background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
}

a.icon_pdf{
	display: inline-block;
  background-image: url(/Japanese/hoken/images/icon_pdf.png);
  background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
}

a.icon_doc{
	display: inline-block;
  background-image: url(/Japanese/hoken/images/icon_doc.png);
  background-repeat: no-repeat;
	background-position: right center;
	padding-right: 16px;
}