/* html5の新要素をブロック要素にする */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

/* 共通 */
body{
	background-color:#fffff1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	line-height:1.5em;
	color:#666;
	}
a{
	color:#000;
	text-decoration:underline;
	}
a:hover{
	color:#333;
	}
header{
	width:100%;
	height:auto;
	background:url(../images/hdr_bg.png) repeat-x top center;
	position:relative;
	margin-bottom:30px;
	}
header hgroup{
	margin:0 auto;
	width:960px;
	height:160px;
	position:relative;
	}
header hgroup h1{
	position:absolute;
	top:45px;
	left:0;
	}
header hgroup h4{
	position:absolute;
	top:27px;
	right:0;
	}
header hgroup img#hdr_logo{
	position:absolute;
	top:15px;
	left:388px;
	}
header nav{
	margin:0 auto;
	}
header nav#hdr_main{
	width:1008px;
	height:80px;
	}
header nav#hdr_main ul{
	width:1008px;
	height:80px;
	background-image:url(../images/hdr_nav_bg.png);
	overflow:hidden;
	}
header nav#hdr_main ul li{
	width:200px;
	height:65px;
	display:block;
	float:left;
	margin-top:8px;
	}
header nav#hdr_main ul li.nav01{
	}
header nav#hdr_main ul li.nav02{
	margin-left:2px;
	}
header nav#hdr_main ul li.nav03{
	margin-left:204px;
	}
header nav#hdr_main ul li.nav04{
	margin-left:2px;
	}
header nav#hdr_main ul li a{
	width:200px;
	height:65px;
	display:block;
	}
header nav#hdr_main ul li.nav01 a{
	background:url(../images/hdr_nav_01.png) no-repeat top left;
	}
header nav#hdr_main ul li.nav02 a{
	background:url(../images/hdr_nav_02.png) no-repeat top left;
	}
header nav#hdr_main ul li.nav03 a{
	background:url(../images/hdr_nav_03.png) no-repeat top left;
	}
header nav#hdr_main ul li.nav04 a{
	background:url(../images/hdr_nav_04.png) no-repeat top left;
	}
/* マウスオン時、アクティブ時 */
header nav#hdr_main ul li.nav01 a:hover,
header nav#hdr_main ul li.nav01 a.on{
	background:url(../images/hdr_nav_01.png) no-repeat bottom left;
	}
header nav#hdr_main ul li.nav02 a:hover,
header nav#hdr_main ul li.nav02 a.on{
	background:url(../images/hdr_nav_02.png) no-repeat bottom left;
	}
header nav#hdr_main ul li.nav03 a:hover,
header nav#hdr_main ul li.nav03 a.on{
	background:url(../images/hdr_nav_03.png) no-repeat bottom left;
	}
header nav#hdr_main ul li.nav04 a:hover,
header nav#hdr_main ul li.nav04 a.on{
	background:url(../images/hdr_nav_04.png) no-repeat bottom left;
	}

header nav#hdr_main ul li a span{
	display:none;
	}
header nav#hdr_sub{
	width:960px;
	}
#hdr_sub ul{
	width:580px;
	margin:0 190px;
	height:auto;
	background:url(../images/hdr_line_s.png) no-repeat bottom center;
	padding:10px 0 15px 0;
	overflow:hidden;
	}
#hdr_sub ul li{
	display:block;
	float:left;
	height:19px;
	background-image:url(../images/hdr_dotline.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0 20px 0 10px;
	}
#hdr_sub ul li a{
	}
#hdr_sub ul li.nav01 a{
	background:url(../images/hdr_ico_home.png) no-repeat bottom left;
	padding-left:30px;
	}
#hdr_sub ul li.nav02 a{
	}

/* top */
#top article{
	margin-bottom:0;
	}
#top_mv{
	margin:0 auto 0 auto;
	width:1080px;
	height:340px;
	}
section#top_01{
	margin:0 auto 40px auto;
	width:1080px;
	background:url(../images/top_mv_under.png) no-repeat top left;
	padding-top:40px;
	}
#top_01 article{
	width:320px;
	height:320px;
	padding-bottom:45px;
	background:url(../images/top_cause_ftr.png) no-repeat bottom center;
	margin-left:30px;
	}
#top_01 article h2{
	margin-bottom:0;
	}
#top_01 article ul{
	width:320px;
	height:235px;
	background:url(../images/top_cause_bdy.png) repeat-y top center;
	font-size:105%;
	line-height:1.8em;
	}
#top_01 article ul li{
	width:280px;
	padding:10px 0;
	margin:0 20px;
	}
article#top_cause01 span.nobr{
	white-space:nowrap;
	}
article#top_cause02 ul li{
	background:url(../images/top_cause_dotline.gif) repeat-x bottom center;
	}
article#top_cause02 ul li span{
	color:#4ca880;
	}
article#top_cause03 dl{
	width:320px;
	height:235px;
	background:url(../images/top_cause_bdy.png) repeat-y top center;
	overflow:hidden;
	padding:0;
	/* border:1px solid red; */
	}
article#top_cause03 dl dd{
	width:50px;
	margin-left:20px;
	height:45px;
	float:left;
	/* padding-right:14px; */
	}
article#top_cause03 dl dt{
	width:230px;
	margin-right:20px;
	height:25px;
	float:right;
	padding:10px 0;
	background:url(../images/top_cause_dotline.gif) repeat-x bottom center;
	}
section#top_02{
	margin:0 auto 40px auto;
	width:960px;	
	}
#top_news{
	width:630px;
	padding-bottom:30px;
	background:url(../images/top_ttl_news_line.png) no-repeat bottom center;
	}
#top_news h3{
	width:630px;
	margin-bottom:30px;
	background:none;
	}
#top_news dl{
	width:590px;
	margin:0 20px;
	padding-bottom:30px;
	background:url(../images/dotline.gif) repeat-x bottom center;
	}
#top_news dl dt{
	color:#000;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:10px;
	background:url(../images/ico_arrow.png) no-repeat top left;
	}
#top_profile{
	width:300px;
	padding-bottom:30px;
	background:url(../images/top_ttl_profile_line.png) no-repeat bottom center;
	}
#top_profile h3{
	margin-bottom:20px;
	width:300px;
	background:none;
	}
#top_profile ul{
	width:260px;
	margin:0 20px;
	}
#top_profile ul li{
	border-bottom:1px solid #94caac;
	padding:10px 0;
	}
#top_profile ul li b{
	color:#4ca880;
	font-weight:bold;
	padding-right:10px;
	}
footer{
	width:100%;
	height:151px;
	background:url(../images/ftr_bg.png) repeat-x center bottom;
	}
nav#ftr_pagetop{
	width:960px;
	height:31px;
	margin:0 auto;
	}
nav#ftr_pagetop a{
	display:block;
	width:160px;
	height:31px;
	margin-left:800px;
	background:url(../images/ftr_toplnk.png) no-repeat center 10px;
	}
nav#ftr_pagetop a:hover{
	background:url(../images/ftr_toplnk.png) no-repeat bottom center;
	}
nav#ftr_pagetop a span{
	display:none;
	}
nav#ftr{
	width:960px;
	height:45px;
	margin:0 auto;
	margin-top:12px;
	}
nav#ftr ul{
	width:400px;
	margin-left:560px;
	background-color:#fffff1;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
nav#ftr ul li{
	float:right;
	padding:12px 20px 12px 0;
	}
footer p{
	text-align:center;
	padding:20px 0;
	color:#fffff1;
	line-height:1.2em;
	}
footer p span{
	font-size:130%;
	}
.f_box{
	overflow:hidden;
	}
.f_left{
	float:left;
	}
.f_right{
	float:right;
	}
.align_r{
	text-align:right;
	}
.align_l{
	text-align:left;
	}

/* 下層 */
h2,h3,section,article{
	margin:0 auto;
	margin-bottom:40px;
	}
h2{
	width:960px;
	}
h3{
	width:800px;
	padding:0 60px 0 20px;
	height:40px;
	background:url(../images/lower_h3_bg.png) no-repeat bottom center;
	font-size:120%;
	line-height:2.2em;
	}
h4{
	color:#4ca880;
	margin-bottom:30px;
	font-size:120%;
	}
a.arw{
	background:url(../images/ico_arrow.png) no-repeat center left;
	padding-left:20px;
	}
section,article{
	width:800px;
	}

section.lined{
	width:800px;
	padding:0 40px;
	padding-bottom:7px;
	background:url(../images/lower_dotline.png) no-repeat bottom center;
	}
hr.lined{
	display:block;
	width:880px;
	padding:0;
	padding-bottom:7px;
	background:url(../images/lower_dotline.png) no-repeat bottom center;
	border:0!important;
	margin-bottom:30px;
	}

/* wanted */
table{}
table th{
	width:200px;
	font-size:120%;
	text-align:center;
	}
table td{
	width:600px;
	}
table th b{
	display:block;
	padding-top:20px;
	font-weight:normal;
	}
table th.last b{
	padding-top:10px;
	padding-bottom:20px;
	}
table td p{
	width:500px;
	padding:15px 35px 25px 35px;
	margin-left:30px;
	}
table th.od{
	background-color:#81c2a1;
	color:#FFF;
	}
table td.od{
	background:url(../images/wanted_chart_line01.png) no-repeat top right;
	padding-top:10px;
	}
table td.od p{
	background-color:#fcf9e1;
	}
table th.ev{
	background-color:#f2dfa5;
	}
table td.ev{
	background:url(../images/wanted_chart_line02.png) no-repeat top right;
	padding-top:10px;
	}
table small{}
table em{
	color:#4ca880;
	}
table dl{
	width:570px;
	margin-left:30px;
	padding:20px 0;
	}
table th small{
	font-size:85%;
	}
table td small{
	line-height:3em;
	font-size:85%;
	}
table th.chart_arw{
	height:35px;
	}
#wanted_02 h4 small{
	font-size:70%;
	color:#666;
	padding-left:10px;
	font-weight:normal;
	}
#wanted_02 img{
	margin-left:40px;
	}

/* guidance */
article.od{
	}
.od div.f_left{
	width:280px;
	padding-right:40px;
	background:url(../images/guidance_line_l.png) no-repeat top left;
	padding-top:40px;
	}
.od div.f_right{
	width:480px;
	}
.ev div.f_left{
	width:480px;
	}
.ev div.f_right{
	width:280px;
	padding-left:40px;
	background:url(../images/guidance_line_r.png) no-repeat top left;
	padding-top:40px;
	}

/* qa */
#qa section ul{
	margin-bottom:40px;
	}
	
/* privacypolicy */
#privacypolicy ol li{
	/* list-style-type:decimal; *//* （確認用）*/
	}
#privacypolicy ol li b{
	line-height:2em;
	}
	
/* zaimu */
#zaimu ul{}


@media only screen and (-webkit-min-device-pixel-ratio: 2),(-webkit-min-device-pixel-ratio: 1.5) {
header nav#hdr_main ul{
	background-image:url(../images/hdr_nav_bg_x2.png);
	background-size:contain;
	}
header nav#hdr_main ul li.nav01 a{
	background:url(../images/hdr_nav_01_x2.png) no-repeat top left;
	background-size:cover;
	}
header nav#hdr_main ul li.nav02 a{
	background:url(../images/hdr_nav_02_x2.png) no-repeat top left;
	background-size:cover;
	}
header nav#hdr_main ul li.nav03 a{
	background:url(../images/hdr_nav_03_x2.png) no-repeat top left;
	background-size:cover;
	}
header nav#hdr_main ul li.nav04 a{
	background:url(../images/hdr_nav_04_x2.png) no-repeat top left;
	background-size:cover;
	}
/* マウスオン時、アクティブ時 */
header nav#hdr_main ul li.nav01 a:hover,
header nav#hdr_main ul li.nav01 a.on{
	background:url(../images/hdr_nav_01_x2.png) no-repeat bottom left;
	background-size:cover;
	}
header nav#hdr_main ul li.nav02 a:hover,
header nav#hdr_main ul li.nav02 a.on{
	background:url(../images/hdr_nav_02_x2.png) no-repeat bottom left;
	background-size:cover;
	}
header nav#hdr_main ul li.nav03 a:hover,
header nav#hdr_main ul li.nav03 a.on{
	background:url(../images/hdr_nav_03_x2.png) no-repeat bottom left;
	background-size:cover;
	}
header nav#hdr_main ul li.nav04 a:hover,
header nav#hdr_main ul li.nav04 a.on{
	background:url(../images/hdr_nav_04_x2.png) no-repeat bottom left;
	background-size:cover;
	}

#hdr_sub ul{
	background:url(../images/hdr_line_s_x2.png) no-repeat bottom center;
	background-size:contain;
	}
#hdr_sub ul li.nav01 a{
	background-image:url(../images/hdr_ico_home_x2.png);
	background-size:contain;
	}

#top_01 article{
	background:url(../images/top_cause_ftr_x2.png) no-repeat bottom center;
	background-size:contain;
	}
#top_news{
	background:url(../images/top_ttl_news_line_x2.png) no-repeat bottom center;
	background-size:contain;
	}
#top_profile{
	background:url(../images/top_ttl_profile_line_x2.png) no-repeat bottom center;
	background-size:contain;
	}

nav#ftr_pagetop a{
	background:url(../images/ftr_toplnk_x2.png) no-repeat center 10px;
	background-size:cover;
	}
nav#ftr_pagetop a:hover{
	background:url(../images/ftr_toplnk_x2.png) no-repeat bottom center;
	background-size:cover;
	}
h3{
	background:url(../images/lower_h3_bg_x2.png) no-repeat bottom center;
	background-size:contain;
	}
section.lined{
	background:url(../images/lower_dotline_x2.png) no-repeat bottom center;
	background-size:contain;
	}
hr.lined{
	background:url(../images/lower_dotline_x2.png) no-repeat bottom center;
	background-size:contain;
	}
}