@charset"utf-8";


/*============================================================*/
/* topics                                                                                                */
/*============================================================*/

/* title
------------------------------------------------------------*/


.topics #breadcrumb{
 float:left;
}

.topics .related_faq{
 float:right;
 margin-top:0.5em;
 font-size:1em;
 line-height:1em;
 text-align:right;
}

.topics #title{
 clear:both;
 margin-bottom:1.5em;
 padding:1em 0.8em 0.8em;
 border:5px solid #eee;
}



.topics #title h1{
 padding-bottom:0.3em;
 color:#3399CB;
 font-size:1.4em;
 font-weight:bold;
 line-height:1.3em;
background-image: url(/img/okazaki/bg_h2.png);
background-repeat: repeat-x;
background-position: bottom;
}

.topics #title .summary{
 color: #F8835B;
padding-top:0.2em;
padding-left:0.2em;
 font-size:1em;
 line-height:1.3em;
}

#topicsfooter{
 clear:both;
 margin-bottom:1.5em;
 padding:1em 0.8em 0.8em;
 border:5px solid #eee;
}
#topicsfooter .category{
 color:#666;
 padding-left:0.2em;
 font-size:0.8em;
 line-height:2.5em;
}

#topicsfooter .category a{
 color:#666;
 text-decoration:none;
}

#topicsfooter .category a:hover{
 color:#3399CB;
}

/* index
------------------------------------------------------------*/

.topics dl#index dt{
 font-size:1em;
 font-weight:bold;
 line-height:1.3em;
}

.topics dl#index dd.category{
 font-size:1em;
 line-height:2.5em;
}

.topics dl#index dd.category a{
 color:#390;
 text-decoration:none;
}

.topics dl#index dd.category a:hover{
 color:#e00;
}

.topics dl#index dd.summary{
 clear:left;
 margin-bottom:3em;
 font-size:1em;
 line-height:1.3em;
}


/* content_body
------------------------------------------------------------*/

.topics #content_body h2{
 margin:2.5em 20px 1.5em;
 color:#f98057;
 font-size:1.2em;
 line-height:1.3em;
 padding-left:5px;
 border-left:5px solid #F8DDDD;
}

.topics #content_body h3{
 margin:2.5em 20px 1.5em;
 font-size:1em;
 line-height:1.3em;
padding-left:5px;
  border-left:5px solid #eee;
}

.topics #content_body h4{
 padding:0 20px 1em;
 font-size:1em;
 line-height:1.3em;
}

.topics #content_body p{
 padding:0 20px 1.5em;
 font-size:1em;
 line-height:1.6em;
}

.topics #content_body ul{
 padding:0 20px 1.5em 40px;
 font-size:1em;
 line-height:1.6em;
 list-style:disc;
}
.topics #content_body ul li{
  list-style:disc;
}
.topics #content_body ol{
 padding:0 20px 1.5em 40px;
 font-size:1em;
 line-height:1.6em;
}

.topics #content_body dt{
 padding:0 20px 0.5em;
 font-size:1em;
 line-height:1.6em;
}

.topics #content_body dd{
 padding:0 20px 1.5em 32px;
 font-size:1em;
 line-height:1.6em;
}

.topics #content_body dd ul{
 padding-left:30px;
 font-size:1em;
}

.topics #content_body dd dt{
 padding:1em 0;
 font-size:1em;
 font-weight:bold;
}

.topics #content_body dd dd{
 padding:0;
 font-size:1em;
}

.topics #content_body table{
 margin:0 20px 1.5em;
 border-collapse:collapse;
 font-size:1em;
 line-height:1.3em;
}

.topics #content_body th{
 padding:0.5em;
 border:solid 1px #fff;
 background-color:#f98057;
 color:#fff;
 font-weight:bold;
 text-align:center;
}

.topics #content_body td{
 padding:1em;
 border:solid 1px #f98057;
 text-align:center;
}

.topics #content_body .image{
 float:right;
 clear:both;
 padding:0.2em 20px 1em 1em;
}

.topics #content_body .image span{
 display:block;
 padding-top:0.2em;
 color:#666;
 font-size:1em;
 line-height:1.2em
}


/* fairy_story
------------------------------------------------------------*/
.topics #fairy_story p {
  font-size:1em;
 line-height:1.6em;
}
.topics #fairy_story table {
 width:440px;
 border:1px solid #000;
}

.topics #fairy_story table,
.topics #fairy_story td{
 border:none;
 text-align:left;
 vertical-align:top;
}

.topics #fairy_story .shinan{
 color:#c00;
 margin-left:20px;
 padding:0px;
}

.topics #fairy_story .annotation{
 font-size:70%;
}

.topics #fairy_story td dt {
 font-weight:bold;
 margin:5px 0px;
}

.topics #fairy_story td dd {
 padding-left:2em;
 margin:0px;
}

.topics #fairy_story .story p,
.topics #fairy_story .profile p {
 float:left;
}
.topics #fairy_story .story h4,
.topics #fairy_story .profile h4 {
clear:both;
}
.topics #fairy_story .story .button,
.topics #fairy_story .profile .photo {
 margin:0px;
 padding:0px;
}

.topics #fairy_story .story .lead {
 width:240px;
}

.topics #fairy_story .profile .lead {
 width:300px;
}

/* mushiba_joshiki
------------------------------------------------------------*/
.topics #mushiba_joshiki h2 {
 margin-left:3em;
 text-indent:-1em;
 padding-left:0;
 border-left:0;

}

.topics #mushiba_joshiki .maru ,
.topics #mushiba_joshiki .batsu {
 float:left;
}
.topics #mushiba_joshiki .maru a,
.topics #mushiba_joshiki .batsu a {
 width:150px;
 margin:5px 0px;
 display:block;
 text-align:center;
 font-weight:bold;
 text-decoration:none;
}

.topics #mushiba_joshiki .maru a {
 background:#FFE3B9;
 color:#f90;
 margin-left:30px;
}

.topics #mushiba_joshiki .batsu a {
 background:#D5F1B9;
 color:#6c0;
}

.topics #mushiba_joshiki .answer_1 {
 border:1px solid #FFC7D5;
 padding:10px;
 width:320px;
 margin-left:50px;
}

.topics #mushiba_joshiki .answer_2 {
 border:1px solid #D5D5FF;
 padding:10px;
 width:320px;
 margin-left:50px;
}
*html .topics #mushiba_joshiki .answer_1 {
	width:340px;
}
*html .topics #mushiba_joshiki .answer_2 {
	width:340px;
}

.topics #mushiba_joshiki .answer_1 h3 {
 margin:10px 0px;
 color:#c00;
}

.topics #mushiba_joshiki .answer_2 h3 {
 margin:10px 0px;
 color:#00c;
}

.topics #mushiba_joshiki .close {
 text-align:right;
}

/* riskcheck
------------------------------------------------------------*/

.topics #riskcheck dt {
 margin-left:3.5em;
 text-indent:-3.9em;
}
*html .topics #riskcheck dt {
 text-indent:-3.5em;
}

.topics #riskcheck dt span {
 margin-right:10px;
 color:#F98057;
 font-weight:bold;
 padding:3px 5px;
}

.topics #riskcheck dd,
.topics #riskcheck ul,
.topics #riskcheck li {
 margin-left:0px;
 padding-left:0px;
}

.topics #riskcheck ul {
 margin-left:30px;
}

.topics #content_body #riskcheck li{
 list-style:none;
}

.topics #riskcheck li input {
 position:relative;
 top:2px;
 margin-right:5px;
}

.topics #riskcheck .button {
 margin-right:5px;
}

/* riskcheck-result
------------------------------------------------------------*/

.topics #riskcheck.result .lead {
 margin-left:0px;
}

.topics #riskcheck.result h2 {
 color:#f00;
 border:1px dashed;
 padding:10px;
 margin-bottom:20px;
}

.topics #riskcheck.result h3 {
 margin:30px 10px 10px 4em;
 text-indent:-3em;
 border:0;
 color:#F98057;
}
*html .topics #riskcheck.result h3 {
 text-indent:-2.4em;
}

.topics #riskcheck.result p {
 margin-left:3em;
 margin-bottom:0.5em;
}

.topics #riskcheck.result .ans {
 font-weight:bold;
}

/* catalogue
------------------------------------------------------------*/

.topics #catalogue dl{
 padding-bottom:2em;
}

.topics #catalogue dt{
 padding:0 20px;
 font-size:1em;
 font-weight:bold;
 line-height:1.3em;
}

.topics #catalogue dd{
 padding:0 20px 0.5em;
 font-size:1em;
 line-height:1.3em;
}

.topics #catalogue table{
 width:430px;
 margin:1em 20px 1em;
 border-collapse:collapse;
 font-size:1em;
 line-height:1.3em;
}

.topics #catalogue td{
 padding:0.5em 0.2em;
 border:solid 1px #666;
 text-align:center;
}

.topics #catalogue .image{
 float:left;
 clear:both;
 padding:0 20px 6em;
}

.clear{
clear:both;
}