@charset "UTF-8";
/* CSS Document */

#imgFamily01 {
	height: 280px;
	width: 700px;
	border-bottom: 1px solid #c1c8af;
	font-size: 15px;
}
#topCatch01 {
	height: 92px;
	padding: 48px 0 0 20px;
	background: url(images/top_main2011_01.png) no-repeat left top;
	color: #00508c;
}
#topCatch02 {
	height: 120px;
	padding: 10px 0 10px 195px;
	background: url(images/top_main2011_02.png) no-repeat left top;
	color: #fff;
}
#topCatch02 p {
    width: 310px;
}
#gray {
    height: 140px;
    background: #eee;
    border-bottom: #ccc;
    margin: 20px 0;
}
.font_emphasis01 {
    color: #00508e;
}
#appeal01 p {
	font-size: 109%;
}
#marginTop01 {
	margin-top: 8px;
}
.column01 {
    padding: 20px 0 10px;
    font-size: 117%;
    border-bottom: 1px dotted #ddd;
}
.column01 p {
    font-size: 92%;
    line-height: 1.5em;
    margin-right: 20px;
}
h2 {
	font-size: 134%;
	color: #00508c;
	border-left: 20px solid #00508c;
	padding-left: 6px;
	margin-bottom: 6px;
	line-height: 1.3em;
	letter-spacing: -1px;
}
#linktoDetail02 {
    margin-right: 10px;
    float: right;
}
#linktoDetail02 p {
    width: 13em;
    padding-left: 20px;
    display: block;
    background: url(images/arrow05.gif) no-repeat center left;
}
#linktoDetail02 a {
    color: #00508e;
}
#linktoDetail03 {
    margin-right: 10px;
    float: right;
}
#linktoDetail03 p {
    width: 12em;
    padding-left: 20px;
    display: block;
    background: url(images/arrow05.gif) no-repeat center left;
}
#linktoDetail03 a {
    color: #00508e;
}
.lead01 {
	color: #00508c;
	font-size: 150%;
	margin-bottom: 10px;
}
.topPanel {
	margin-top: 20px;
}
.navPanel {
	float: left;
	width: 340px;
	margin-right: 20px;
}
.panel_title01 {
	font-size: 134%;
	padding: 12px 0 8px 10px;
	background: #ffd23c url(images/bg_navPanel01.gif) repeat left top;
	border-bottom: 1px solid #e5af28;
	color: #444;
}
.panelContent {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding-left: 12px;
	padding-right: 8px;
	background: #f2f2f2;
	font-size: 109%;
	padding-top: 4px;
}
.navPanel p {
	padding-top: 6px;
}
.panelLink {
	display: block;
	font-size: 117%;
	height: 50px;
	line-height: 50px;
	margin-bottom: 8px;
	text-align: right;
}
.panelLink a {
	background: url(images/arrow01.gif) no-repeat 275px center;
	color: #333;
	text-decoration: none;
	display: block;
	padding-right: 55px;
}
.panelLink a:hover {
	background: url(images/arrow01_ov.gif) no-repeat 275px center;
	display: block;
}
.navPanel_small {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-top: 20px;
}
.navPanel_small h2 {
	font-size: 134%;
	padding-top: 10px;
	background: #ffd23c url(images/bg_navPanel01.gif) repeat left top;
	border-bottom: 1px solid #e5af28;
	color: #444;
	padding-bottom: 8px;
	padding-left: 12px;
}
#margin02 {
	margin-right: 0px;
}
.panelLink_small {
	display: block;
	font-size: 109%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 8px;
	text-align: right;
}
.panelLink_small a {
	background: url(images/arrow04.gif) no-repeat 165px center;
	color: #333;
	text-decoration: none;
	display: block;
	padding-right: 38px;
}
.panelLink_small a:hover {
	background: url(images/arrow04_ov.gif) no-repeat 165px center;
	display: block;
}
.article01 {
	margin-top: 40px;
}
h3 {
	font-size: 150%;
	border-bottom: 1px solid #bbb;
	padding-bottom: 8px;
	background: #d5dce0 url(images/bg_caseConsul.gif) no-repeat right 0.7em;
	padding-top: 10px;
	padding-left: 4px;
	border-left: 20px solid #8fc7db;
}
.caseBlock {
	padding-left: 100px;
	margin-top: 15px;
}
#labelKabarai {
	background: url(images/labelCase_kabarai.gif) no-repeat 20px top;
}
#labelNini {
	background: url(images/labelCase_nini.gif) no-repeat 20px top;
}
.caseLead {
	font-size: 134%;
	margin-bottom: 8px;
	letter-spacing: -1px;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2px;
}
.readMore {
	text-align: right;
	background: url(images/arrow02.gif) no-repeat right center;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 117%;
}
.readMore a {
	text-decoration: none;
	color: #333;
}
.readMore a:hover {
	text-decoration: underline;
}
.topPanel   img {
	margin-left: 20px;
}
h4 {
    background: #d5dce0 url(images/bg_information.gif) no-repeat right 0.7em;
	font-size: 150%;
	border-bottom: 1px solid #bbb;
	padding-bottom: 8px;
	letter-spacing: -0.8px;
	padding-top: 10px;
	padding-left: 4px;
	border-left: 20px solid #8fc7db;
}
#safety {
	background: #d5dce0 url(images/bg_safety.gif) no-repeat right 0.7em;
}
.infoContent {
	height: 200px;
	overflow: auto;
	padding-left: 10px;
	border: 1px solid #eaeaea;
	background: #fff;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-top: 4px;
}
.text01 {
	margin-bottom: 8px;
}
.infoContent a:hover {
	text-decoration: underline;
}
.infoTitle {
	color: #4d7289;
	font-size: 117%;
}