/* @group reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline }
a img, frameset { border: 0; }
table {	border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }
/* @end */

/* @group utility */
.hide { display: none; }
.contain-overflow { overflow: hidden; }
.screen-reader { display: block; left: -9999px; position: absolute; top: -9999px; }
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-size: 1.1em; font-style: italic; font-weight: normal; }
/* @end */

/* @group =base */
body{
  background: #fff;
  color: #444;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}
/* @group -headers */
h1{
    width: 221px;
    height:49px;
    background: url(../img/bg_parts.png) 0 -200px no-repeat;
    text-indent: -9999px;
}
h1 a{
	display: block;
    height: 49px;
   /* \*/ overflow:hidden; /* */
}
h2{
	margin-bottom: 15px;
	color: #004f99;
	font-size: 36px;
}
h3{
	margin-bottom: 10px;
	font-size: 20px;
}
h4{
	margin-bottom: 15px;
    padding-left: 10px;
	font-size: 16px;
    border-left: 5px solid #e5e5e5
}

/* @end */

/* @group -links */
a, a:active{ text-decoration: underline; color: #0077e5}
a:visited, a:hover{ text-decoration: none;}
/* @end */

/* @group -basic text */
p, ol, ul, table, dl { margin: 0 0 20px; font-size: 14px}
ul{
	margin-left: 1.5em;
	list-style: square;
}
li { margin-bottom: 10px}
li:first-child { padding-top: 0; }
li:last-child { border-bottom: none; padding-bottom: 0; }

ol{ list-style: none}
ol li{ background: url(../img/impact/bg_ol.gif) no-repeat 0 0; padding-left: 20px}
ol li#ol1{ background: url(../img/impact/bg_ol.gif) no-repeat 0 0}
ol li#ol2{ background: url(../img/impact/bg_ol.gif) no-repeat 0 -60px}
ol li#ol3{ background: url(../img/impact/bg_ol.gif) no-repeat 0 -120px}
ol li#ol4{ background: url(../img/impact/bg_ol.gif) no-repeat 0 -180px}

dl dt{
	margin-bottom: 10px;
    padding-left: 12px;
	font-weight: bold;
    border-left: 5px solid #e5e5e5
}
dl dd{
	margin-bottom: 20px;
}
th, td{
	padding: 7px 10px;
	border: 1px solid #ddd;
    vertical-align: middle
}
th{ background: #eee; font-weight: bold}
.wHead{ width: 150px}
.wTxt{ width: 280px}
.thTopBg{ background: #ccc}
.tdBg{ background: #f3f3f3}
.thBg{ background: #e5e5e5}

img{
	padding: 4px;
	background: url(../img/bg_img.gif);
}
img.nonB{ padding: 0}

#imgTop{
	width: 640px;
}
#imgTop p{
	float: left;
    width: 300px;
    margin-right: 20px
}
.imgL{
	float: left;
    width: 380px
}
.ulR{
	margin-left: 410px;
}
#flow{ margin: 0}
#flow li{
	width: 500px;
    padding: 10px 0 44px 20px;
	list-style: none;
	background: url(../img/impact/bg_flow.gif) no-repeat;
}
#flow li#lastL{ padding-bottom: 10px}
/* @end */

/* @group -header/footer */
#header, #footer {
    background: rgba(255,255,255,0.7) none;
    font-size: 14px; 
    line-height: 14px;
    position: fixed;
    width: 100%;
    z-index: 10;
}
#header { top: 0; background: #fff}
#footer{ bottom: 0; padding: 0; background: #e5e5e5}
#footer p{ text-align: right; margin-bottom: 0}
#header .container, #footer .container { padding: 20px; }
/* @end */	
	
	/* @group -form elements */
	button { 
		cursor: pointer; 
		width: auto;
		overflow: visible;
	}
	label { font-weight: bold; }
	/* @end */		

/* @end */
/* @group =pages */

/* @group -slides */
#slides{ top: 40px;}
.slide { padding: 120px 100px 100px}
.js .slide { position: absolute;}
/* @end */

/* @group -pagers */
.nav-pager, .nav-prev-next {
	font-size: 14px;
    line-height: 14px;
    list-style: none;
    margin: 0;
    overflow: hidden;
    position: fixed;
    z-index: 100;}
.nav-pager li, .nav-prev-next li{
	border: none;
    float: left;
    padding: 0;
}
.nav-pager a, .nav-prev-next a{
	display: block;
    text-decoration: none
}
.toHome{
	position: absolute;
    top: 0;
    right: 20px
}

.nav-pager{ bottom: 5px; left: 20px; }
.nav-pager li{ margin-right: 10px; }
.nav-pager a{
    padding: 5px 7px;
    background: #d3d3d3;
    color: #666;
}
.nav-pager a:hover{ background: #bbb}
.nav-pager .current a, .nav-pager .current a:hover{
	background: #666;
    color: #fff;
}
.toHome{
	width: 115px;
    text-align:center
}
.nav-prev-next { right: 145px; top: 0; }
.nav-prev-next li { margin-left: 10px; }
.nav-prev-next a,
.toHome a{
	display: block;
    padding: 10px;
    color: #666;
    background: #ddd;
}
.nav-prev-next a:hover, .toHome a:hover{ background: #ccc}
/* @end */