@charset "utf-8";


/* ======================================== */
/* 基本設定
/* ======================================== */

/* ===== リセット ===== */

body,div,td,p,ul,ol,dl,dd,img,form,h1,h2,h3,h4,h5{
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
}

/* ===== 基本 ===== */

body {
font:13px "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans","Hiragino Kaku Gothic Pro","Meiryo",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
color: #333333;
height: 100%;
}

html{
height:100%;
}

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

h1,h2,h3,h4,h5 {
font:13px "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", "Lucida Sans","Hiragino Kaku Gothic Pro","Meiryo",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
font-weight:bold;
}

th,td{
border-collapse: collapse;
}


ul,ol,dl{
list-style-type: none;
}

/*リンク色*/
a:link { text-decoration:none; color:#0099cc; }
a:visited { text-decoration:none; color:#0099cc; }
a:hover { text-decoration:underline; color:#0099cc; }
a:active { text-decoration:none; color:#0099cc; }

/*リンク色*/
p.moreLink a:link { text-decoration:none; color:#ffffff; }
p.moreLink a:visited { text-decoration:none; color:#ffffff; }
p.moreLink a:hover { text-decoration:underline; color:#ff0000; }
p.moreLink a:active { text-decoration:none; color:#ffffff; }

/*回り込み*/
.floatright{
display:block;
float:right;
}

.floatleft{
display:block;
float:left;
}

/*回り込み解除*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

/*ボールド*/
.txtbold{
font-weight: bold;
}

/*行揃え*/
.alignleft{
text-align:left;
}

.alignlight{
text-align:right;
}

.aligncenter{
text-align:center;
}


address{
margin-top: 7px;
font-style: normal;
}

.moreLink{
background: url(/en/kids/faq/images/faq/kids/en/ico_arrow01.gif) no-repeat left;
padding-left: 12px;
float: right;
}

/* ------------------------------------
 * Icon
 * --------------------------------- */
.ico_blank:after,.ico_print:after,.ico_pdf:after,.ico_word:after,.ico_wm:after,.ico_top:after,.ico_down:after,.ico_up:after,.ico_arw:after,.ico_arw_l:after,.ico_arw_b:after{
margin:-1px 0 0 7px;vertical-align:middle;display:inline-block;background-image:url("/jpn/components/images/ico_sprites.png");background-repeat:no-repeat;content:"";}
.ico_arw_p:before{margin:-1px 7px 0 0;vertical-align:middle;display:inline-block;background-image:url("/jpn/components/images/ico_sprites.png");background-repeat:no-repeat;content:"";}
.ico_blank:after{width:12px;height:12px;background-position:-10px -59px;}
.closeBtn{display:none;}
.ico_print:after{width:15px;height:13px;background-position:-62px -100px;}
.ico_pdf{padding:0 10px 0 0;position:relative;}
.ico_pdf:after{width:23px;height:16px;background-position:-35px -97px;}
.ico_word{position:relative;}
.ico_word:after{width:27px;height:16px;background-image:url("/jpn/common/images/icon_doc.gif");background-position:left center;}
.ico_wm{position:relative;}
.ico_wm:after{width:27px;height:16px;background-position:-280px -37px;}
.ico_top:after{width:7px;height:9px;background-position:-48px -61px;}
.ico_down:after{width:9px;height:9px;background-position:-27px -61px;}
.ico_up:after{width:9px;height:9px;background-position:-38px -61px;}
.ico_arw:after,.ico_arw_l:after{width:4px;height:7px;background-position:-10px -10px;}
.ico_arw_p:before{width:4px;height:7px;background-position:-14px -10px;}
.ico_arw_l{font-size:15px;font-weight:bold;}
.ico_arw_l:after{margin-top:-2px;}
.ico_arw_b:after{width:4px;height:7px;background-position:-18px -10px;}

/* ======================================== */
/* コンテンツ設定
/* ======================================== */

#kidsContents{
width: 730px;
padding-top: 10px;
padding-left: 20px;
}

#kidsContents .headArea{
display: table;
width: 100%;
margin: 0 0 5px;
}
#kidsContents .headArea img{
vertical-align: bottom;
}
#kidsContents .headArea #toyotaLogo{
display: table-cell;
vertical-align: middle;
text-align: left;
}
#kidsContents .headArea #backtoKids{
display: table-cell;
vertical-align: middle;
text-align: right;
background: url(/en/kids/image/menu_topa.png) no-repeat right 50%;
}
#kidsContents .headArea a:hover img{
opacity: 0;
}

#kidsContents .contentsFrameTop{
background: url(/en/kids/faq/images/faq/kids/en/contents_frame_top.gif) no-repeat top;
width: 730px;
padding-top: 10px;
}

#kidsContents .contentsFrameBottom{
background: url(/en/kids/faq/images/faq/kids/en/contents_frame_bottom.gif) no-repeat bottom;
padding-bottom: 10px;
width: 730px;
}

#kidsContents .contentsFrameBody{
background: url(/en/kids/faq/images/faq/kids/en/contents_frame_body.gif) repeat-y;
width: 684px;
padding-right: 23px;
padding-bottom: 13px;
padding-left: 23px;
}

#kidsContents .contentsHeadArea{
}

#kidsContents .contentsHeadArea h1{
float: left;
}

#kidsContents .contentsHeadArea h2{
float: left;
}

#kidsContents .firstContentsArea{
width: 662px;
border: 3px solid #336699;
background: #FFFFFF;
padding-top: 10px;
padding-right: 8px;
padding-left: 8px;
}

#kidsContents .firstContentsArea ul li{
float: left;
margin-right: 7px;
font-size: 0px;
line-height: 0px;
width: 158px;
padding-bottom: 10px;
}

#kidsContents .keywordArea{
background: url(/en/kids/faq/images/faq/kids/en/line01.gif) repeat-x left top;
padding-top: 10px;
}

#kidsContents .keywordArea p{
width: 250px;
margin-right: auto;
margin-left: auto;
}

#kidsContents .footArea {
display:-webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: end;
align-items: flex-end;
width: 100%;
margin: 10px 0 0;
font-size: 0.875em;
}
#kidsContents .footArea a {
color: #999;
}
#kidsContents .footArea #footLinks {
padding: 0 0 0 10px;
vertical-align: top;
text-align: left;
}
#kidsContents .footArea #footLinks ul {
padding: 2px 0 0;
}
#kidsContents .footArea #footLinks li {
display: inline-block;
padding: 0 10px 0 0;
line-height: 1;
}
#kidsContents .footArea #copyright {
overflow: hidden;
}
#kidsContents .footArea #copyright img {
margin: 10px 10px 0 0;
}


/* 第二階層以下コンテンツ */

#kidsContents .secondContentsArea{
width: 684px;
}

#kidsContents .secondContentsArea .leftArea{
float: left;
width: 158px;
}

#kidsContents .secondContentsArea .rightAreaWrapper{
float: right;
width: 516px;
}

#kidsContents .secondContentsArea .rightArea{
float: right;
width: 494px;
border: 3px solid #336699;
background: #FFFFFF;
margin-bottom: 10px;
padding-top: 8px;
padding-right: 8px;
padding-left: 8px;
}

#kidsContents .secondContentsArea .menu li{
float: left;
font-size: 0px;
line-height: 0px;
margin-bottom: 3px;
width: 158px;
}


/* キーワード */
#kidsContents .secondContentsArea .ttlKeyword{
margin-bottom: 10px;
font-size: 0px;
line-height: 0px;
}

#kidsContents .secondContentsArea .keyword{
background: #feebd5;
border: 1px solid #cccccc;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}

#kidsContents .secondContentsArea .keyword li{
float: left;
width: 113px;
margin-right: 5px;
padding-bottom: 7px;
}

#kidsContents .secondContentsArea .keywordForm{
float: left;
width: 405px;
margin-right: 10px;
border: 1px solid #afb8c8;
padding-top: 3px;
padding-left: 3px;
height: 18px;
}

#kidsContents .secondContentsArea .keywordSearchBtn{
background: url(../image/btn_search.gif) no-repeat;
height: 24px;
width: 73px;
border-style: none;
float: left;
cursor:pointer;
}

#kidsContents .secondContentsArea .keywordCap{
font-size: 76.9%;
margin-top: 5px;
float: left;
}


/* 検索結果 */
#kidsContents .secondContentsArea .searchResultHead{
background: url(/en/kids/faq/images/faq/kids/en/line01.gif) repeat-x left bottom;
margin-bottom: 15px;
padding-bottom: 7px;
}

#kidsContents .secondContentsArea .searchResult{
float: left;
}

#kidsContents .secondContentsArea .searchResulList{
}

#kidsContents .secondContentsArea .searchResulList li{
float: left;
padding-bottom: 15px;
}

#kidsContents .secondContentsArea .searchResult .focus{
font-weight: bold;
color: #f9490c;
font-size: 123.1%;
}

#kidsContents .secondContentsArea .paging{
float: right;
}

#kidsContents .secondContentsArea .paging .page{
font-weight: bold;
font-size: 76.9%;
}

#kidsContents .secondContentsArea .searchResulList .question{
float: left;
margin-right: 10px;
}

#kidsContents .secondContentsArea .searchResulList .answer{
float: right;
}

#kidsContents .secondContentsArea .searchResulList dl{
float: left;
width: 410px;
line-height: 100%;
}

#kidsContents .secondContentsArea .searchResulList dt{
margin-bottom: 4px;
}

#kidsContents .secondContentsArea .searchResulList dd{
}







#kidsContents .secondContentsArea .breadScrap{
background: #feecd7 url(/en/kids/faq/images/faq/kids/en/bread_scrap_bg.gif) repeat-x;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
border-bottom: 1px solid #336699;
border-left: 1px solid #336699;
padding: 5px;
font-size: 92.3%;
margin-bottom: 15px;
}

#kidsContents .secondContentsArea .breadScrap li{
float: left;
background: url(/en/kids/faq/images/faq/kids/en/ico_arrow02.gif) no-repeat left 3px;
padding-left: 12px;
line-height: 140%;
padding-right: 15px;
white-space: nowrap;
}

#kidsContents .secondContentsArea .breadScrap li.none{
white-space: normal;
}

#kidsContents .secondContentsArea .questionsList{
}

#kidsContents .secondContentsArea .questionsList li{
float: left;
padding-bottom: 15px;
}

#kidsContents .secondContentsArea .questionsList dl{
float: left;
}

#kidsContents .secondContentsArea .questionsList dt{
float: left;
width: 40px;
margin-right: 10px;
}

#kidsContents .secondContentsArea .questionsList dd{
float: left;
font-size: 123.1%;
margin-top: 6px;
width: 400px;
}

#kidsContents .secondContentsArea .questionsList .answer{
float: right;
width: 35px;
}

#kidsContents .secondContentsArea .answerArea{
background: #feebd5;
padding: 10px;
border: 1px solid #cccccc;
line-height: 140%;
margin-bottom: 8px;
}













/**/