/*********************
date 2009/09/28

ver 1.13
*********************/


/* 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:".";}


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

#contents{
background:url(https://s.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(https://s.yimg.jp/images/login/docs/security/qa/dub_ttl3.gif) no-repeat;
width:702px;
height:37px;
text-indent:-9999px;
}
#dub p{
margin:5px 15px 0px;
}
#infobtn{
text-align:center;
margin:10px;
}
#dub .comment{
font-size:85%;
padding-bottom:5px;}

#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(https://s.yimg.jp/images/login/docs/security/qa/fishqa_header.jpg) no-repeat;
text-indent:-9999px;
}

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

#about{
padding:20px 20px 10px;
background:url(https://s.yimg.jp/images/login/docs/security/qa/bg_top2.gif) top no-repeat;
}
#about h2{
background:url(https://s.yimg.jp/images/login/docs/security/qa/fishqa_ttl2.gif) no-repeat;
width:509px;
height:37px;
text-indent:-9999px;
}
#about p{
padding:10px;
}
#about #aboutfishing{
position:relative;
padding:0 0 20px;
}
#about #aboutfishing h3{
position:absolute;
margin:14px 10px;
background:url(https://s.yimg.jp/images/login/docs/security/qa/fishqa_about.gif) top left no-repeat;
width:181px;
height:39px;
text-indent:-9999px;
}
#about #aboutfishing p{
padding:10px 10px 10px 205px;
font-weight:bold;
}

#about #alert{
width:600px;
background:url(https://s.yimg.jp/images/login/docs/security/qa/alert_bg.gif) bottom no-repeat;
margin:0 56px;
}
#about #alert h4{
background:url(https://s.yimg.jp/images/login/docs/security/qa/alert_ttl.gif) no-repeat;
width:600px;
height:25px;
text-indent:-9999px;
}
#about #alert p{
font-size:90%;
font-weight:bold;
margin:-10px 0px 0px;
color:#ff3300;
}
#about #alert span{
display:block;
text-align:right;
}

#example{
margin:10px;
padding:10px;
background:url(https://s.yimg.jp/images/login/docs/security/qa/que_bg.gif);
list-style-type:none;
}
#example h3{
background:url(https://s.yimg.jp/images/login/docs/security/qa/fishqa_mail_ttl.gif) no-repeat left top;
width:328px;
height:36px;
text-indent:-9999px;
}
#example li{
position:relative;
line-height:1.5;
margin:8px 0px 8px 45px;
}
#example a{/* 090928 add */
text-decoration:none;
}
#example em{/* 090928 add */
position:absolute;
margin:0 0 0 -40px;
_margin:-2px 0 0 -40px;
padding:0 0 0 10px;
background:url(https://s.yimg.jp/images/login/docs/security/qa/fishqa_arw.gif) no-repeat left 50%;
font-weight:bold;
}
#example span{/* 090928 add */
text-decoration:underline;
}

#links{/* 090601 add */
border:1px solid #cccccc;
margin:20px 20px 0px;
padding:2px;
}
#links h2{
font-weight:bold;
padding:5px;
margin:0 0 10px;
background:#eeeeee;
}
#links h3{
clear:both;
padding:0 10px;
color:#003399;
font-size:95%;
font-weight:bold;
}
#links dl{
width:47%;
float:left;
padding:5px 10px;
line-height:1.5;
}
#links dt{
padding-left:20px;
background-repeat:no-repeat;
background-position:left 50%;
font-size:85%;
}
#links dd{
padding-left:10px;
}
#links dd span.dot{
display:block;
position:absolute;}
#links dd span.cont{
display:block;
padding:0 0 5px 15px;}
#links .shield{background-image:url(https://s.yimg.jp/images/login/guide/yid/ico_alert_shield_16.gif);}
#links .anshin{background-image:url(https://s.yimg.jp/images/sicons/anshin16.gif);}
#links .security{background-image:url(https://s.yimg.jp/images/sicons/seccen16.gif);}
#links .toolbar{background-image:url(https://s.yimg.jp/images/sicons/toolbar16.gif);}
#links .mail{background-image:url(https://s.yimg.jp/images/sicons/mail16.gif);}
#links .y{background-image:url(https://s.yimg.jp/images/sicons/y16.gif);}


/* 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(https://s.yimg.jp/images/login/docs/security/qa/bg_top.gif) top no-repeat;
padding:20px 20px 10px;
}
#page_btm{
background:url(https://s.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(https://s.yimg.jp/images/login/docs/security/qa/que_bg.gif);
}
#quebox_a{
font-weight:bold;
}
.explanation{
margin:0 10px 15px;
}
#qanda div{
text-align:center;
}

#check{
margin:10px 20px 15px;
border:1px solid #ffdd00;
background:#fffbde;
padding:2px;
}
#check h2{
background:url(https://s.yimg.jp/images/login/docs/security/qa/check_ttl2.gif) no-repeat left top;
width:172px;
height:34px;
text-indent:-9999px;
margin:5px 0 0 8px;
}
#check h3{
margin:10px 0 0;
width:704px;
height:35px;
text-indent:-9999px;
}
#check #before h3{
background:url(https://s.yimg.jp/images/login/docs/security/qa/check_before_ttl.gif) no-repeat left top;
}
#check #after h3{
background:url(https://s.yimg.jp/images/login/docs/security/qa/check_after_ttl.gif) no-repeat left top;
}
#check ul{
padding:8px 10px;
}
#check li{
padding:0 0 0 20px;
min-height:21px;
height:auto !important;
height:16px;/* for IE */
background:url(https://s.yimg.jp/images/login/docs/security/qa/check_arw.gif) no-repeat left 5px;
line-height:1.5;
}

#check #notice{
margin:0 10px 15px;
padding:15px 15px 5px;
background:#fffef5;
border:1px solid #fffbbb;
}
#check #notice h4{
line-height:1.4;
font-weight:bold;
color:#003399;
margin-bottom:10px;
}
#check #notice p{
font-size:95%;
margin-bottom:10px;
}
#check #notice #mailimg{
padding:0 0 10px 10px;
float:right;
}