@charset "utf-8";




/* ================================================================
   body
================================================================ */
body{
	background: #fff url(img/_back.jpg) repeat-x center top;
}




/* ================================================================
   #wrapper
================================================================ */
#wrapper{
	width: 820px;
	clear: both;
	float: none;
	margin: 10px auto;
	font-size: 83%;
	text-align: left;
	background: url(img/_back02.gif) repeat-y center top;
	zoom:1;
}
#wrapper:after{	content:".";	display:block;	height:0;	clear:both;	visibility:hidden;}

/* .unit */
.unit{
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}


#unit02,
#unit03,
#unit04,
#unitForm{	background-color: #f4f5f7;}

#unit02 h3.title,
#unit03 h3.title,
#unit04 h3.title,
#unitForm h3.title{	margin-bottom: 30px;}




/* .contactUnit */
.contactUnit{
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

/* ================================================================
   #header
================================================================ */
#header{
	padding-top: 20px;
	background: url(img/_back01.gif) no-repeat left top;
}
#header h1,
#header h2{
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
#header h1{
	background-image: url(img/head_accslogo.gif);
	background-repeat: no-repeat;
	background-position: right center;
}




/* ================================================================
   #unit02
================================================================ */
#unit02 p{
	width: 680px;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.6;
}




/* ================================================================
   #unit03
================================================================ */
#unit03 .inner{	background: url(img/unit03_bk.jpg) no-repeat 560px 130px;}
#unit03 p{
	width: 680px;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.4;
}
#unit03 p span.number{
	display: block;
	float: left;
	padding: 3px 10px 5px 0px;
	line-height: 1;
}
#unit03 p.movie{
	padding-top: 10px;
}
#unit03 div.add01{
	width: 680px;
	margin: 1em auto 3em auto;
	line-height: 1;
}




/* ================================================================
   #unit04
================================================================ */
#unit04 dl{
	width: 680px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 25px;
	line-height: 1.5;
}
#unit04 dl.dlline{
	margin-bottom: 25px;
	border-bottom: 1px solid #dadde4;
}

#unit04 dl dt{
	color: #f30;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
#unit04 dl dt span{
	font-size: 12px;
	color: #333333;
	font-weight: normal;
	display: block;
}
#unit04 dl dd{}
#unit04 dl dd.photo{
	float: left;
	width: 105px;
}
#unit04 dl dd.text{
	float: right;
	width: 560px;
}
#unit04 dl dd.text p{	padding-bottom: 10px;}
#unit04 dl dd.text p.imgRight{
	float: right;
	padding-left: 10px;
}
#unit04 dl dd.text p span.highlight{
	background-color: #f90;
	color: #000;
}
#unit04 p.btn{
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}




/* ================================================================
   #unit05
================================================================ */
#unit05{	text-align: center;}

#unit05 a{}
#unit05 a.toform{
	margin-top: 10px;
	width: 309px;
	margin-right: auto;
	margin-left: auto;
}
#unit05 div.add01{
	width: 680px;
	margin: 0em auto 3em auto;
	line-height: 1;
}




/* ================================================================
   #unit06
================================================================ */
#unit06{	margin-bottom: 125px;}
#unit06 .inner{
	border: 2px solid #2F3652;
	padding: 20px;
}
#unit06 .inner .cdimg{
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
#unit06 .inner p{
	padding-top: 1em;
	line-height: 1.6;
}
#unit06 .inner p.btn{
	padding-top: 1em;
	text-align: center;
}
#unit06 .inner p.btn img{
	margin-top: 10px;
	margin-bottom: 10px;
}




/* ================================================================
   #unitForm
================================================================ */
#unitForm{}
#unitForm span.toBack{
	display: block;
	width: 720px;
	background-color: #fff;
}

/* flow */
#unitForm p.flow{
	padding: 13px 10px;
	text-align: center;
}
#unitForm p.flow span{
	margin-right: 10px;
	padding-right: 20px;
	background: url(img/unit10_arr00.jpg) no-repeat right center;
	color: #999;
}
#unitForm p.flow span.on{
	background-image: url(img/unit10_arr01.jpg);
	color: #0060b4;
}
#unitForm p.flow span.last{	background-image: none;}

/* formTable */
#unitForm #formTable{
	width: 680px;
	margin: 20px auto;
}
#unitForm #formTable th,
#unitForm #formTable td{
	line-height: 1.4;
	vertical-align: top;
	background: url(img/_dot01.gif) repeat-x left top;
}
#unitForm #formTable th{
	width: 2%;
	padding: 15px 10px 15px 100px;
	text-align: right;
	white-space: nowrap;
}
#unitForm #formTable td{
	width: 96%;
	padding: 15px 10px;
	text-align: left;
}
#unitForm #formTable td.cells{
	padding: 15px 10px 15px 100px;
}
#unitForm #formTable td.completion p{
	padding: 15px 0px;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	color: #003333;
	font-size: 130%;
}
#unitForm #formTable td.completion p img{	margin-top: 10px;}

/* formTable td.btn */
#unitForm #formTable td.btn{
	padding: 20px 0px;
	background: #d3d7de url(none);
	text-align: center;
}
#unitForm #formTable td.btn div{	padding: 25px 5px;}
#unitForm #formTable td.btn div input{
	margin: 0px;
	padding: 3px 10px;
	background: url(img/_bk_btn.jpg) repeat-x left bottom;
	border: 1px solid #666;
	letter-spacing: 0.1em;
}
#unitForm #formTable td.btn div p{	padding-bottom: 10px;}
#unitForm #formTable .title{
	padding: 2px 0px;
	background-image: none;
}
#unitForm #formTable .title p{
	padding: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	background-color: #0060b4;
}

#unitForm #formTable p.colsName{
	font-weight: bold;
	padding-bottom: 3px;
}

#unitForm #formTable td .lineCell{
	margin-bottom: 13px;
	padding-bottom: 13px;
	background: url(img/_dot01.gif) repeat-x left bottom;
}

#unitForm #formTable #timeline{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin-top: 5px;
	margin-bottom: 5px;
}
#unitForm #formTable #timeline td{
	padding: 5px 5px;
	line-height: 1.4;
	vertical-align: top;
	text-align: left;
	width: auto;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	background-image: none;
}

#unitForm #formTable #timeline td.date{
	width: 2%;
	white-space: nowrap;
}
#unitForm #formTable #timeline td.title{}
#unitForm #formTable #timeline td.flag{
	width: 2%;
	white-space: nowrap;
	background-color: #F4E9CB;
}




/* ================================================================
   .unitSPNavi
================================================================ */
.unitSPNavi{
	border-bottom: 5px solid #2F3653;
	padding-top: 15px;
}
.unitSPNavi li{
	display: inline;
	float: left;
}
.unitSPNavi a:link,
.unitSPNavi a:visited{
	display: block;
	margin-left: 5px;
	padding: 5px 8px;
	background-color: #006699;
	border-top: 1px solid #006699;
	color: #FFFFFF;
	text-decoration: none;
}
.unitSPNavi a:hover,
.unitSPNavi a:active,
.unitSPNavi li.on a:link,
.unitSPNavi li.on a:visited,
.unitSPNavi li.on a:hover,
.unitSPNavi li.on a:active{
	background-color: #2F3653;
	border-top: 1px solid #2F3653;
}




/* ================================================================
   #unitSP01
================================================================ */
#unitSP01{
	background: url(support/img/support_title_bk.jpg) no-repeat right top;
}
#unitSP01 h1{	padding: 20px 0px 0px 0px;}
#unitSP01 p{
	padding: 20px 5px 50px 5px;
	line-height: 1.6;
	font-weight: bold;
}




/* ================================================================
   #unitSP02
================================================================ */
#unitSP02{
	margin-bottom: 70px;
}
#unitSP02 p{
	padding: 20px 0px 10px 5px;
	font-weight: bold;
	color: #003333;
	font-size: 130%;
}

#unitSP02 ul.dl01{
	padding-top: 10px;
}
#unitSP02 ul.dl01 li{
	display: block;
	width: 330px;
	clear: right;
	float: right;
	line-height: 1.5;
}
#unitSP02 ul.dl01 li.left{
	float: left;
	width: 370px;
	padding: 0px;
}
#unitSP02 ul.dl01 li.pdf a{
	display: block;
	padding: 5px 0px 5px 30px;
	background: url(support/img/icon_pdf.gif) no-repeat left center;
}
#unitSP02 ul.dl01 li.adobe{
	display: block;
	padding: 0px 0px 15px 0px;
}



/* ================================================================
   #footer
================================================================ */
#footer{
	padding-bottom: 10px;
	background: url(img/_back03.gif) no-repeat left bottom;
}
#footer .unit{
	width: 580px;
	margin: 60px auto 0px auto;
	padding-bottom: 10px;
	padding-left: 150px;
	background: url(img/footer_back.gif) no-repeat left top;
}
#footer h3.title{
	width: 760px;
	height: 65px;
	margin-right: auto;
	margin-left: auto;
}
#footer p{
	padding-bottom: 15px;
	line-height: 1.4;
}




/* ================================================================
   #copyright
================================================================ */
#copyright{
	width: 820px;
	clear: both;
	float: none;
	margin: 0px auto 10px;
	font-size: 65%;
	text-align: center;
	padding-bottom: 10px;
	color: #666666;
}
#copyright a:link,
#copyright a:visited{
	color: #666666;
	margin-right: 1em;
}
#copyright a:hovet,
#copyright a:active{}






/* EOF */