/*********************
date 2008/12/11

ver 1.11
*********************/


/* reset & set
======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
hr{display:none;}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
img{vertical-align:bottom;}

/* clearfix */
/* for Win IE5.5-7 */
.clfix{zoom:1;}*html .clfix {zoom:0;height:1%;}
/* for Mac IE \*//*/
.clfix {display:inline-table;}
/* for FF,Safari,Opera */
.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}


/* 共通
===========================*/
#wrapper{
width:750px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#contents{
background:url(http://i.yimg.jp/images/login/docs/security/qa/bg_mdl.gif) repeat-y;
}

#dub{
border:2px solid #cfb0dc;
margin:0px 20px;
padding:2px;
}
#dub h2{
background:url(http://i.yimg.jp/images/login/docs/security/qa/dub_ttl.gif) no-repeat;
width:702px;
height:36px;
text-indent:-9999px;
}
#dub p{
margin:5px 15px 0px;
}
#infobtn{
text-align:center;
margin:10px;
}

#contents_footer{
text-align:center;
background:#ffffff;
padding:20px;
}

strong{
font-weight:bold;
}
p{
line-height:1.5;
}

/* index.html
===========================*/
h1{
width:750px;
height:120px;
background:url(http://i.yimg.jp/images/login/docs/security/qa/fishqa_header.jpg) no-repeat;
text-indent:-9999px;
}

#contents_body{
background:url(http://i.yimg.jp/images/login/docs/security/qa/bg_btm.gif) bottom no-repeat;
padding-bottom:20px;
}

#about{
padding:20px 20px 10px;
background:url(http://i.yimg.jp/images/login/docs/security/qa/bg_top.gif) top no-repeat;
}
#about h2{
background:url(http://i.yimg.jp/images/login/docs/security/qa/fishqa_ttl.gif) no-repeat;
width:509px;
height:37px;
text-indent:-9999px;
}
#about p{
padding:10px;
}
#aboutfishing{
font-weight:bold;
}

#example{
margin:10px;
padding:10px;
background:url(http://i.yimg.jp/images/login/docs/security/qa/que_bg.gif);
list-style-type:none;
}
#example li{
margin:5px;
}
#example img{
margin:5px 10px;
}


/* case1.html以降共通
===========================*/
.ctgrpass{
font-size:75%;
background:#ffffff;
padding:5px;
}

.page{
font-size:75%;
text-align:right;
}
.page span{
color:#999999;
}
#page_top{
background:url(http://i.yimg.jp/images/login/docs/security/qa/bg_top.gif) top no-repeat;
padding:20px 20px 10px;
}
#page_btm{
background:url(http://i.yimg.jp/images/login/docs/security/qa/bg_btm.gif) bottom no-repeat;
padding:10px 20px 20px;
}
#qanda{
padding:0px 20px 10px;
line-height:1.5;
position:relative;
}
#qanda h2{
font-weight:bold;
color:#0099cc;
position:absolute;
top:-28px;
padding-left:10px;
}
.quebox td{
padding:10px 0 10px 10px;
}
.quebox p{
padding-right:10px;
}
#quebox_q{
border-top:2px solid #0099cc;
background:url(http://i.yimg.jp/images/login/docs/security/qa/que_bg.gif);
}
#quebox_a{
font-weight:bold;
}
#explanation{
padding:0 10px 15px;
}
#qanda div{
text-align:center;
}

#check{
margin:10px 20px 15px;
border:1px solid #ffc600;
background:#fffbde;
padding:10px;
}
#check h2{
background:url(http://i.yimg.jp/images/login/docs/security/qa/check_ttl.gif) no-repeat;
width:171px;
height:34px;
text-indent:-9999px;
}
#check div{
padding:10px 10px 5px;
}
#check div p{
position:relative;
}
#check div p img{
position:absolute;
top:3px;
}
#check div p span{
padding-left:20px;
}