﻿@charset "utf-8";





body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {
	border:0;
} 
address,caption,cite,code,dfn,em,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul {
	list-style:none;
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { border:0; 
} 




body {
	background: url(../img/bg.gif) repeat-x top left #E6EFF6;
	color: #333;
	font-family: verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;
	text-align: center;
	}

table {font-size:inherit;font:100%;}


/* IE 7
*:first-child+html body {
	font-family: "CI", Meiryo, Sans-Serif;
}
 */



a:link {color:#006699; text-decoration:none;}
a:visited {color:#9966CC; text-decoration:none;}
a:hover {color:#006699; text-decoration:underline;}
a:active {color:#006699; text-decoration:underline;}



.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*\*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/*.clearfix {overflow:hidden;}*/
/**/


.clear {
	clear: both;
}




/* wrapper
----------------------------------------------------*/

#wrapper {
	width: 800px;
	margin: 0 auto;
	background: url(../img/bg_middle.gif) repeat-y top left;
	font-size:90%;
	
}
#wrapper #inner {
	width: 800px;
	background: url(../img/bg_wrapper.gif) no-repeat top left;
	font-size:90%;
}



#faqWrap {
	width: 790px;
	padding: 0 0 0 10px;
	background: url(../img/bg_foot_top.gif) no-repeat bottom left;
	text-align:left;
	line-height: 1.5em;
	margin: 15px 0;
	float: left;
}




#wrapper #faqHead {
	position: relative;
	width: 800px;
	height: 67px;
	margin: 0 auto;
	font-size: 75%;
	float: left;
	clear: both;
}
#wrapper #faqHead p#close {
	position: absolute;
	top: 8px;
	right: 20px;
}


/*  ========================= title */


#faqWrap h3.title {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	font-size: 0;
	line-height: 0;
	margin-left: 20px;
}
#faqWrap h3.tiTop {
	margin-top: 35px;
}

#faqTagLine {
	color: #419FCD;
	padding: 8px 0 0 0;
}



h4.ttl {
	font-weight:bold; 
	font-size:1.05em; 
	color:#006699; 
	padding:0px;
	width:740px;
	height:20px;
	float:left;
	margin: 0 0 5px 0;
	display:block;
	border-bottom:#006699 1px dashed;
}





#faqContents {
	width: 664px;
	margin: 0 18px;
}

#faqContents h2 {
	margin-bottom: 20px;
}

ul.qaList {
	padding: 0 10px;
}

ul.qaList li{
	display: block;
	background-position: 0 0.2em;
	padding-left: 20px;
	margin-bottom: 5px;
}

#faqContact {
	margin-top: 40px;
}

#closeBtn {
	width: 664px;
	margin: 50px 0;
}

#closeBtn p {
	text-align: center;
}

#faqPageTop {
	margin: 0 0 30px 20px;
	float: left;
	width: 750px;
}

#faqPageTop p{
	padding: 0;
	text-align: right;
}


/* for IE6*/
* html #faqPageTop p {
	padding-right:20px;
}


#faqPanKuz {
	font-size: 0.8em;
	margin-left: 20px;
}

#faqPanKuz a {
	color: #555555;
}

#faqContents .h4Title {
	background-color:#eaf5fd;
	border: 1px solid #C7E4FA;
	padding: 3px;
}

#faqContents .h4Title h4{
	color: #006699;
	font-weight: bold;
	border-left: 4px solid #C7E4FA;
	line-height: 1em;
	padding: 3px 0 3px 3px;
}



/* fontsize changer
---------------------------------------- */
body.fontL {
	font-size:116%;
}

body.fontM {
	font-size:100%;
}

body.fontS {
	font-size:83%;
}


/*  font
---------------------------------------- */


#faqHead dl#fontSize {
	top: 36px;
	right: 20px;
	float: right;
	width: 160px;
}


#faqHead dl#fontSize dt {
	float: left;
	margin-right: 10px;
}
#faqHead dl#fontSize dd li {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
#faqHead dl#fontSize dd li.last {
	margin-right: 0;
}
#faqHead dl#fontSize dd a {
	display: block;
	height: 20px;
}
#faqHead dl#fontSize dd .sizeS {
	background: url(../img/bg_small.jpg) no-repeat top left;
}
#faqHead dl#fontSize dd .sizeS:hover {
	background: url(../img/btn_small_on.gif) no-repeat top left;
}
#faqHead dl#fontSize dd .sizeM {
	background: url(../img/bg_mid.jpg) no-repeat top left;
}
#faqHead dl#fontSize dd .sizeM:hover {
	background: url(../img/btn_mid_on.gif) no-repeat top left;
}
#faqHead dl#fontSize dd .sizeL {
	background: url(../img/bg_large.jpg) no-repeat top left;
}
#faqHead dl#fontSize dd .sizeL:hover {
	background: url(../img/btn_large_on.gif) no-repeat top left;
}
body.fontS #faqHead dl#fontSize dd .sizeS img {
	display: none;
}
#faqHead dl#fontSize dd .sizeM img {
	display: none;
}
body.fontS #faqHead dl#fontSize dd .sizeM img,
body.fontL #faqHead dl#fontSize dd .sizeM img {
	display: block;
}
body.fontL #faqHead dl#fontSize dd .sizeL img {
	display: none;
}


#faqHead h1#logo,
#faqHead h2#logo_sup,
#faqHead h2#headTxt,
#faqHead p#guideNav,
#faqHead .search,
#faqHead dl#fontSize {
	position: absolute;
}
#faqHead h1#logo,
#faqHead h2#logo_sup,
#faqHead dl#fontSize {
	font-size: 0;
	line-height: 0;
}
#faqHead h1#logo {
	top: 15px;
	left: 30px;
}


#popup #faqHead h1#logo {
	top: 10px;
}



/* FONT STYLE
---------------------------------------- */

.red { color:#FF0000;}
.blue { color:#006699;}
.redBold { color:#FF0000;font-weight:bold;}
.blueBold { color:#006699;font-weight:bold;}





/* table.faq 
---------------------------------------- */

table.faq {
	width: 550px;
	border: solid 1px #C7E4FA;
	border-collapse: collapse;
	float: left;
}

table.faq th,
table.faq td {
	border-bottom: solid 1px #C7E4FA;
	border-right: solid 1px #C7E4FA;
	padding: 5px;
}

table.faq th {
	color: #006699;
	font-weight: bold;
}

table.faq th.qHead {
	background: #C7E4FA;
	width: 80px;
	font-size: 1em;
}

table.faq td {
	border: solid 1px #C7E4FA;
	padding:10px;
}

.relText {
	font-weight: bold;
}


p.link1 {
	margin:0;
	padding: 3px 5px;
	float: left;
	clear: left;
	width: 440px;
}


ul li.linkAns {
	padding : 0 0 0 20px;
	line-height:1.5em;
	list-style-type: none;
	list-style-position: inside;
	margin: 0;
}








/* footer
---------------------------------------- */

#footer {
	overflow: hidden;
	width: 800px;
	margin: 0;
	padding: 0px;
	font-size: 85%;
	text-align: left;
	background: url(../img/bg_foot_btm.gif) no-repeat left bottom;
}


#footer a {
	color: #053E6B;
	text-decoration: none;
}
#footer a:hover {
	color: #FF8000;
	text-decoration: underline;
}

#footer div#assistNav {
	padding: 0 0 10px 30px;
	margin: 0;
	width:720px;
	float:left;
	height: auto;
}


#footer div#assistNav ul { margin:0; padding:0;}

#footer div#assistNav li {
	display: inline;
	padding-left: 10px;
	padding-right: 3px;
	background: url(../img/bg_assist.gif) no-repeat center left;
	line-height: 1.5;
}
#footer div#assistNav li.firstChild {
	padding-left: 0;
	background: none;
}
#footer address {
	padding:0 0 15px 30px;
	color: #0468CC;
	text-align: left;
	float:left;
	height: auto;
}





/* Table category
---------------------------------------- */


table#faqCate {
	width:720px;
	margin:10px 0 30px 0;
	clear:both;
}

table#faqCate th.qHead {
	background: #C7E4FA;
}

table#faqCate td.cateLink {
	height:20px;
	padding:0;
	margin: 0;
}


table#faqCate td.cateLink a{
	display: block;
	height:15px;
	width:260px;
	padding: 5px 5px 7px 25px;
	margin: 5px;
	background: url(../img/btn_bg1.gif) no-repeat 0 0;
	border: 1px solid #9FCBDF;
	font-weight: bold;
}


/* yaginuma_ad faq_cate
---------------------------------------- */


ul#faqCate {
	width:740px;
	margin:10px 0 30px 0;
	clear:both;
}

ul#faqCate li.cateLink{
	display: block;
	height:15px;
	width:330px;
	padding: 5px 5px 7px 15px;
	margin: 5px;
	background: url(http://www.eaccess.net/aol/faq/img/btn_bg1.gif) no-repeat 0 0;
	border: 1px solid #9FCBDF;
	font-weight: bold;
	float:left;
}



/* rightレイアウト
---------------------------------------- */

#sub {
	width: 207px;
	margin: 0px 8px 0px 0px;
	text-align:left;
	float: right; 
}

#sub2 {
	width: 188px;
	margin: 0px 10px 0px 0px;
	text-align:left;
	float: right; 
}
#sub3 {
	width: 197px;
	margin: 0px 5px 10px 5px;
	text-align:left;
	font-size:10px;
	line-height: 14px; 
}
#sub4 {
	width: 207px;
	text-align:center;
	font-size:10px;
	line-height: 14px; 
}
#sub_i {
	width: 188px;
	text-align:left;
	background-image: url(../images/sub_bg.gif);
	margin-top:15px
}

#sub_i ul{
	list-style: square outside url(../images/icon_black.gif); 
	margin: 3px 0px 3px 10px;
}

#sub_i li {
	margin: 3px 0px 3px 15px;
}

#sub_i ol{
	list-style: square outside url(../images/icon_black.gif); 
	margin: 3px 0px 3px 10px;
}

#sub_hantei {
	width: 207px;
	text-align:left;
	background-image: url(../../images/r_bg01.gif);
	margin-top:15px
}

#sub5 {
	width: 157px;
	margin: 0px 5px 0px 0px;
	text-align:left;
	float: right; 
}



/* boxRight
---------------------------------------- */

#boxRight {
	float: right; 
	width:188px;
	font-size:0.85em;
}


.midCate li{
	background: url(../img/icon_gr_1.gif) no-repeat 0 4px;
	padding:0 0 0 15px;
	font-size:1em;
	font-weight:bold;
}


.smallCate {
	padding:20px 15px; 
	border:1px solid #b4cfe5;
}

.smallCate li {
	background: url(../img/licon_3.gif) no-repeat 0 8px;
	padding-left:15px;
}


.boxCate {
	width:540px; 
	height:auto; 
	float:left; 
	margin:20px 0;
}


.boxCate h3 {
	background: url(../img/icon_gr_1.gif) no-repeat 0 3px;
	font-weight:bold;
	font-size:1em;
	color:#006699;
	padding: 0 0 0 15px;
}


.gotop { 
	float:right;
	font-size:0.85em;
}


.basetext { 
	padding: 0 0 0 3px;
	font-size:0.9em;
	vertical-align:top;
}

div.rightNavi{
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	margin:0 0 10px 0;
	background: url(../img/subtitle_01.gif) no-repeat 0 0;
	padding-top: 40px;
}

div.rightNavi table{
	margin:0;
	padding:0;
	clear:both; 
}

div.rightNavi div{
	margin:0;
	padding:0;
	text-align:center;
	clear:both; 
}


.leftNaviCate { 
	background: url(../img/licon_1.gif) no-repeat 5px 5px ;
	padding: 0 0 0 13px;
	font-size:1.1em;
	vertical-align:top;
}

html[xmlns].leftNaviCate { 
	margin: 5px 0 10px 5px;
	clear:both; 
}

.leftNaviAns {
	background: url(../img/licon_1.gif) no-repeat 15px 5px;
	padding: 0 0 0 25px;
	font-size:1em;
	vertical-align:top;
}

.blue { background:#E4F1F1; }


.mg10 { margin:10px 0;}




/* TOP
-------------------------------------------*/

#faqBox {
	float:left;
	width:740px;
	margin: 10px 0 0 0;
	border: solid 1px #C7E4FA;
}


#faqBox ul.qList { margin:15px;}

span.number {
	color:#006699;
	font-weight:bold;
}



/* cate
-------------------------------------------*/
#cont {width:750px; margin:0 20px}

#cont #boxLeft {width:560px; float:left;}

