@charset "utf-8";
/*
---------------------------------------
# Device:S/M/L Regions
# File:css/master.css
# Version:1.00
# Update:2013.04.01
---------------------------------------
*/

/*-----------------------------------
Common
-----------------------------------*/
html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, article, aside, footer, header, nav, section { display:block; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th, td { font-size:1em; font-style:normal; font-weight:normal; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

html { font-size:16px; }
body { background:#ffffff; font:1.0rem/1.2 sans-serif; color:#333333; width:1280px; margin:0 auto; }
@media only screen, only print {
body { width:100%; }
}

table { border-collapse:collapse; border-spacing:0; }

img { line-height:1; border:none; }
a img { border:none; }

ul, ol { list-style:none; margin:0; padding:0; }
li { margin:0; padding:0; }

a { text-decoration:none; color:#0066ff; }
a:visited { text-decoration:none; color:#0066ff; }
a:hover,
a:focus { text-decoration:underline; }

/*-----------------------------------
Box
-----------------------------------*/
header, .main, footer { margin:0; width:100%; }
.box-content { max-width:1280px; margin:0 auto; padding:0 3.125rem; }

@media screen and (max-width:1279px) {
.box-content { padding:0.0rem; }
.main .box-content,
footer .box-content { padding:0 1.5625rem; }
}

@media screen and (max-width:640px) {
.main .box-content,
footer .box-content { padding:0 0.75rem; }
}

/*-----------------------------------
Header
-----------------------------------*/
header { background:#cccccc; }
header:after { display:block; content:''; width:0; clear:both; }
header .box-content { position:relative; }


header h1 { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; float:left; min-height:5.9375rem; padding:1.5625rem 0 0; line-height:1; }
[dir="rtl"] header h1 { float:right; }
header h1 .logo { display:block; }
header h1 .logo img { width:5.625rem; line-height:1; }
header h1 .title { display:inline-block; margin-top:1.125rem; margin-bottom:0; font-size:2.375rem; color:#101010; text-decoration:none; }
header h2 { display:none; }

@media screen and (max-width:1279px) {
header h1 { float:none; min-height:5.0rem; padding:1.5625rem 12.1875rem 0.9375rem 1.5625rem; }
[dir="rtl"] header h1 { float:none; padding-left:12.1875rem; padding-right:1.5625rem; }
header h1 .title { margin-top:1.0rem; }
header h2 { display:block; clear:both; height:2.5rem; border-left:1.5625rem solid transparent; padding:0.625rem 0 0.625rem 2.1875rem; background:#e6e6e6 left center no-repeat; background-size:1.6875rem auto; color:#333333; font-size:1.25rem; line-height:1; }
[dir="rtl"] header h2 { border-left:none; border-right:1.5625rem solid transparent; padding-left:0; padding-right:2.1875rem; background-position:right center; }
header h2:empty { display:none; }
header h2.howtouse { background-image:url(../img/icon_title_howtouse.png); }
header h2.faq { background-image:url(../img/icon_title_faq.png); }
header h2.search { background-image:url(../img/icon_title_search.png); }
header h2.contentslist { background-image:url(../img/icon_title_contentslist.png); }
}

@media screen and (max-width:640px) {
header h1 { min-height:3.3125rem; padding:0.9375rem 7.1875rem 0.9375rem 0.75rem; }
[dir="rtl"] header h1 { padding-left:7.1875rem; padding-right:0.75rem; }
header h1 .logo img { width:4.0rem; }
header h1 .title { margin-top:0.625rem; font-size:1.5rem; }
header h2 { height:2.1875rem; border-left-width:0.625rem; padding:0.5625rem 0.75rem 0 1.875rem; font-size:1.125rem; background-size:1.5rem auto; }
[dir="rtl"] header h2 { border-left-width:0; border-right-width:0.625rem; padding-left:0.75rem; padding-right:1.875rem; }
}


/*-----------------------------------
Header Menu and Search
-----------------------------------*/
#header-items { clear:none; display:none; }
.js #header-items { display:block; }
#header-menu { display:none; }
#header-search { display:block; }
/*#header-menu-button,
#header-search-button { display:none; }*/
#header-menu-button { display:none; }

#header-search-button { display:block; position:absolute; top:0.74375rem; height:2.875rem; right: 0rem}

@media screen and (max-width:1279px) {
#header-items { clear:both; }

#header-menu,
#header-search { display:none; }
#header-menu.toggle-opened,
#header-search.toggle-opened { display:block; }

#header-menu-button,
#header-search-button { display:block; position:absolute; top:0.74375rem; height:2.875rem; }

#header-menu-button a,
#header-search-button a { display:block; height:100%; border-width:0.0625rem; border-style:solid; background:#666666; -webkit-tap-highlight-color:rgba(0,0,0,0); }
#header-search-button a[aria-expanded=true],
#header-menu-button a[aria-expanded=true] { background:#4d4d4d; }
}

@media screen and (max-width:640px) {
#header-menu-button,
#header-search-button { top:0.74375rem; height:1.5rem; }
}

/* Header Menu Button */
@media screen and (max-width:1279px) {
#header-menu-button { right:6.0rem; border-right-style:none; border-radius:0.1875rem 0 0 0.1875rem; }
[dir="rtl"] #header-menu-button { right:auto; left:1.5625rem; }
#header-menu-button a { border-color:#a8a8a8 #404040 #5c5c5c #8d8d8d; padding:0.625rem 1.1875rem 0; background:#666666; border-radius:0.125rem 0 0 0.125rem; }
#header-menu-button a[aria-expanded=true] { border-color:#323232 #4a4a4a #737373 #404040; }
#header-menu-button a img { width:1.875rem; }
}

@media screen and (max-width:640px) {
#header-menu-button { right:3.875rem; border-radius:0.125rem 0 0 0.125rem; }
[dir="rtl"] #header-menu-button { right:auto; left:0.6875rem; }
#header-menu-button a { padding:0.5625rem 0.75rem 0; }
#header-menu-button a img { width:1.5rem; }
}

/* Header Search Button */
@media screen and (max-width:1279px) {
#header-search-button { right:1.5625rem; border-left-style:none; border-radius:0 0.1875rem 0.1875rem 0; }
[dir="rtl"] #header-search-button { right:auto; left:6.0rem; }
#header-search-button a { border-color:#a8a8a8 #8d8d8d #5c5c5c #8f8f8f; padding:0.5rem 1.375rem 0; border-radius:0 0.125rem 0.125rem 0; }
#header-search-button a[aria-expanded=true] { border-color:#3b3b3b #828282 #737373 #4a4a4a; }
#header-search-button a img { width:1.5rem; }
}

@media screen and (max-width:640px) {
#header-search-button { right:0.6875rem; border-radius:0 0.125rem 0.125rem 0; }
[dir="rtl"] #header-search-button { right:auto; left:3.875rem; }
#header-search-button a { padding:0.4375rem 0.875rem 0; border-radius:0 0.0625rem 0.0625rem 0; }
#header-search-button a img { width:1.25rem; }
}


/* Header Menu */
@media screen and (max-width:1279px) {
#header-menu { background:#ffffff; border-bottom:0.0625rem solid #999999; }
#header-menu li { padding:0 1.5625rem; border-top:0.0625rem solid #dddddd; }
#header-menu li:first-child { border-top:none; }
#header-menu li a { display:block; padding:1.25rem 0; background:left center no-repeat; background-size:2.375rem auto; font-size:1.375rem; line-height:1.4; }
[dir="rtl"] #header-menu li a { background-position:right center; }
#header-menu li.howtouse a,
#header-menu li.faq a,
#header-menu li.contentslist a,
#header-menu li.top a { padding-left:3.3125rem; }
[dir="rtl"] #header-menu li.howtouse a,
[dir="rtl"] #header-menu li.faq a,
[dir="rtl"] #header-menu li.contentslist a,
[dir="rtl"] #header-menu li.top a { padding-right:3.3125rem; padding-left:0; }
#header-menu li.howtouse a { background-image:url(../img/icon_menu_howtouse.png); }
#header-menu li.faq a { background-image:url(../img/icon_menu_faq.png); }
#header-menu li.contentslist a { background-image:url(../img/icon_menu_contentslist.png); }
#header-menu li.top a { background-image:url(../img/icon_menu_top.png); }
}

@media screen and (max-width:640px) {
#header-menu li { padding:0 0.75rem; }
#header-menu li a { border-right:0.375rem solid transparent; padding-right:0.75rem; padding-left:0; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; font-size:1.125rem; }
[dir="rtl"] #header-menu li a { border-right:none; border-left:0.375rem solid transparent; padding-left:0.75rem; padding-right:0; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }

#header-menu li.howtouse a,
#header-menu li.faq a,
#header-menu li.contentslist a,
#header-menu li.top a { padding-left:2.0rem; background-size:0.5rem auto, 1.5rem auto; background-position:right center, left center; }
#header-menu li.howtouse a { background-image:url(../img/nav_arrow.png), url(../img/icon_menu_howtouse.png); }
#header-menu li.faq a { background-image:url(../img/nav_arrow.png), url(../img/icon_menu_faq.png); }
#header-menu li.contentslist a { background-image:url(../img/nav_arrow.png), url(../img/icon_menu_contentslist.png); }
#header-menu li.top a { background-image:url(../img/nav_arrow.png), url(../img/icon_menu_top.png); }
[dir="rtl"] #header-menu li.howtouse a,
[dir="rtl"] #header-menu li.faq a,
[dir="rtl"] #header-menu li.contentslist a,
[dir="rtl"] #header-menu li.top a { padding-left:0; padding-right:2.0rem; background-position:left center, right center; }
[dir="rtl"] #header-menu li.howtouse a { background-image:url(../img/nav_arrow_rtl.png), url(../img/icon_menu_howtouse.png); }
[dir="rtl"] #header-menu li.faq a { background-image:url(../img/nav_arrow_rtl.png), url(../img/icon_menu_faq.png); }
[dir="rtl"] #header-menu li.contentslist a { background-image:url(../img/nav_arrow_rtl.png), url(../img/icon_menu_contentslist.png); }
[dir="rtl"] #header-menu li.top a { background-image:url(../img/nav_arrow_rtl.png), url(../img/icon_menu_top.png); }
}

/* Shared Style for Search Button */
.form-search div { position:relative; height:2.875rem; border:0.0625rem solid #404040; border-radius:0.0625rem 0.125rem 0.125rem 0.0625rem; background:#666666; }
[dir="rtl"] .form-search div { border-radius:0.125rem 0.0625rem 0.0625rem 0.125rem; }
.form-search p { margin:0 6.8125rem 0 0; border-right:0.0625rem solid #404040; height:2.75rem; }
[dir="rtl"] .form-search p { margin-right:0; margin-left:6.8125rem; border-right:none; border-left:0.0625rem solid #404040; }
.form-search .form-search-input { height:100%; width:100%; border:none; border-top:0.0625rem solid #cacaca; border-radius:0; padding:0 0.625rem; font-size:1.25rem; line-height:1; }
/* IE8 */
.form-search .form-search-input { padding-top:0.625rem; }
@media only screen {
.form-search .form-search-input { padding-top:0; }
}
.form-search .form-search-button { position:absolute; top:0; right:0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; margin:0; border-width:0.0625rem; border-style:solid; border-color:#a8a8a8 #8d8d8d #5c5c5c #8d8d8d; border-radius:0 0.125rem 0.125rem 0; padding:0.5rem 2.6875rem 0.4375rem 2.5rem; background:#666666; width:1.5rem; height:1.6875rem; }
[dir="rtl"] .form-search .form-search-button { right:auto; left:0; border-radius:0.125rem 0 0 0.125rem; padding-right:2.6875rem; padding-left:2.5rem; }
.form-search .form-search-button:hover,
.form-search .form-search-button:focus { background:#4d4d4d; border-color:#323232 #4a4a4a #737373 #4c4c4c; }

/* Header Search Box Speicif Styles */
#header-search { float:right; border:none; padding:3.5625rem 0 0; background:transparent; }
[dir="rtl"] #header-search { float:left; }
#header-search div { height:2.25rem; border-radius:0.0625rem; }
#header-search p { margin-right:4.625rem; height:2.125rem; }
[dir="rtl"] #header-search p { margin-right:0; margin-left:4.625rem; }
#header-search .form-search-button { border-radius:0 0.0625rem 0.0625rem 0; padding:0.3125rem 1.625rem 0.3125rem 1.6875rem; width:1.1875rem; height:1.375rem; }
[dir="rtl"] #header-search .form-search-button { border-radius:0.0625rem 0 0 0.0625rem; padding-left:1.625rem; padding-right:1.6875rem; }

@media screen and (max-width:1279px) {
#header-search { float:none; height:auto; border-bottom:0.0625rem solid #999999; padding:1.875rem 1.5625rem; background:#ffffff; }
[dir="rtl"] #header-search { float:none; }

#header-search div { height:2.875rem; border-radius:0.0625rem 0.125rem 0.125rem 0.0625rem; }
[dir="rtl"] #header-search div { border-radius:0.125rem 0.0625rem 0.0625rem 0.125rem; }
#header-search p { margin-right:6.8125rem; height:2.75rem; }
[dir="rtl"] #header-search p { margin-right:0; margin-left:6.8125rem; }
#header-search .form-search-button { border-radius:0 0.125rem 0.125rem 0; padding:0.5rem 2.6875rem 0.4375rem 2.5rem; width:1.5rem; height:1.6875rem; }
[dir="rtl"] #header-search .form-search-button { border-radius:0.125rem 0 0 0.125rem; padding-right:2.6875rem; padding-left:2.5rem; }
}

@media screen and (max-width:640px) {
#header-search { padding:1.0625rem 0.75rem; }
#header-search div { height:2.4375rem; }
#header-search p { margin:0; margin-right:4.625rem; height:2.3125rem; }
[dir="rtl"] #header-search p { margin:0; margin-left:4.625rem; }
#header-search .form-search-input { font-size:1.1875rem; }
#header-search .form-search-button { padding:0.375rem 1.6875rem 0.3125rem 1.5rem; width:1.3125rem; height:1.5rem; }
[dir="rtl"] #header-search .form-search-button { padding-left:1.6875rem; padding-right:1.5rem; }
}


/* -----------------------------------
Category name, Model name, Brand Name
-----------------------------------*/

.main .main-header { border:0.0625rem solid transparent; padding-bottom:0.5rem; }
.main .main-header h1 { margin-top:1.3125rem; margin-bottom:1.25rem; padding:0; color:#101010; line-height:1; }
.main .main-header h1 .category-name { display:block; font-size:1.125rem; }
.main .main-header h1 .model-name { display:block; margin-top:0.375rem; font-size:1.625rem; }
.main .main-header h1 .model-name .model-number { display:inline-block; margin-left:0.9em; font-size:60%; }
[dir="rtl"] .main .main-header h1 .model-name .model-number { margin-right:0.8em; margin-left:0; }
.main .main-header h2 { height:2.625rem; line-height:1; }
.main .main-header h2 img { height:100%; }
.main .main-header h2:empty { display:none; }

@media screen and (max-width:1279px) {
.main .main-header { padding-bottom:1.25rem; }
.main .main-header h1 { color:#333333; margin-bottom:0; }
.main .main-header h1 .category-name { font-size:1.25rem; }
.main .main-header h1 .model-name { font-size:1.75rem; }
.main .main-header h2 { margin-top:1.25rem; }
}


@media screen and (max-width:640px) {
.main .main-header h1 { margin-top:1.5rem; }
.top .main .main-header h1 { margin-top:0.8125rem; }
.main .main-header h1 .category-name { font-size:0.875rem; }
.main .main-header h1 .model-name { margin-top:0.1875rem; font-size:1.1875rem; }
.main .main-header h2 { margin-top:0.5rem; height:1.90625rem; }
}


/*-----------------------------------
Section (Contents Area)
-----------------------------------*/
.content { float:right; font-size:1.125rem; line-height:1.5em; }
[dir="rtl"] .content { float:left; }
.top.structure-flat .content { width:45.703125%; font-size:1.125rem; line-height:1.5em; }

@media screen and (max-width:1279px) {
.content,
[dir="rtl"] .content,
.top.structure-flat .content { float:none; width:auto; }
}

.content h2 { clear:both; border-bottom:0.0625rem solid #dddddd; padding:0 0 1.0rem; font-size:1.75rem; line-height:1.4; }
.content img { vertical-align:middle; height:auto; max-height:1.2em; }

@media screen and (max-width:1279px) {
.content h2 { padding:1.0rem 0; }
}

@media screen and (max-width:640px) {
.content h2 { padding:0 0 0.5rem; font-size:1.1875rem; }
}


/* L領域の仕切り線 */


/* 0階層のトップでは仕切り線を出さない */
.top.structure-flat .main .box-content { background-image:none; }

/* IE8 doesn't support :last-child */
.main .box-content:first-child,
[dir="rtl"] .main .box-content:first-child,
.top .main .box-content:first-child,
[dir="rtl"] .top .main .box-content:first-child { background:none; }
.main .box-content:first-child:after { content:none; }

@media screen and (max-width:1279px) {
.main .box-content,
[dir="rtl"] .main .box-content,
.top .main .box-content,
[dir="rtl"] .top .main .box-content { background:none; }
.main .box-content:after { content:none; }
}


/*-----------------------------------
Contents Page Nav
-----------------------------------*/
/* #top is the last resort to achieve higher specificity */
#top .page-nav { padding:0; padding-bottom:0.9375rem; }
#top .page-nav:after { display:block; content:''; width:0; clear:both; }
#top .page-nav ul { margin:0; padding:0; list-style:none; line-height:1.2; }
#top .page-nav ul li { float:left; margin:0; border-left:0.0625rem solid #999999; padding:0 0.8125rem; background:none; font-size:1.0rem; }
#top .page-nav ul li:first-child { border-left:none; padding-left:0; }
[dir="rtl"] #top .page-nav ul li { float:right; border-left:none; border-right:0.0625rem solid #999999; }
[dir="rtl"] #top .page-nav ul li:first-child { border-right:none; padding-left:0.8125rem; padding-right:0; }

#top .page-nav .print { display:none; float:right; font-size:1.0rem; line-height:1.2; }
[dir="rtl"] #top .page-nav .print { float:left; }
#top.pc .page-nav .print { display:block; }
#top .page-nav .print a { padding-left:1.4375rem; background:url(../img/icon_print.png) left center no-repeat; }
[dir="rtl"] #top .page-nav .print a { padding-right:1.4375rem; padding-left:0; background-position:right center; }

@media screen and (max-width:1279px) {
#top .page-nav { padding-top:0.3125rem; padding-bottom:0; }
#top .page-nav ul li { padding:0 1.125rem; font-size:1.125rem; }
#top .page-nav .print { font-size:1.125rem; }
}


@media screen and (max-width:640px) {
.content aside.page-nav { display:none; }
}

/*-----------------------------------
Parts Common
-----------------------------------*/
/* Related Topic */
/* #top is the last resort to achieve higher specificity */
#top .content .related-topic { margin:2.6875rem 0 0.125rem 0; border:0.0625rem solid #dddddd; }
#top .content .related-topic h3 { padding:0.5625rem 0.9375rem; border:0.0625rem solid #ffffff; background:#cccccc; font-size:1.25rem; font-weight:normal; }
#top .content .related-topic ul { padding:1.5625rem 0 0.4375rem; border-top:0.0625rem solid #dddddd; list-style-type:disc; font-size:1.25rem; }
#top .content .related-topic li { list-style:none; margin:0.0rem 0.9375rem 1.25rem; padding:0 0 0 0.875rem; background:url(../img/list_keyword.png) left center no-repeat; background-size:0.5625rem auto; }
[dir="rtl"] #top .content .related-topic li { padding-left:0; padding-right:0.875rem; background-position:right center; }

@media screen and (max-width:640px) {
#top .content .related-topic { margin:1.53125rem 0 0 0; border:0.0625rem solid #c8c8c8; }
#top .content .related-topic h3 { padding:0.4375rem 0.625rem 0.375rem; font-size:1.0rem; }
#top .content .related-topic ul { padding:0 0.8125rem 0.1875rem; font-size:1.0rem; }
#top .content .related-topic li { margin:0.9375rem 0 0.8125rem -0.125rem; padding:0 0 0 0.8125rem; background-position:left 0.625rem; }
[dir="rtl"] #top .content .related-topic li { margin-left:0; margin-right:-0.125rem; padding-left:0; padding-right:0.8125rem; background-position:right 0.625rem; }
}

/* Return to Page Top */
.return-pagetop { margin:1.5625rem 0.25rem 3.0625rem; }
#menu .return-pagetop { display:none; }
.return-pagetop:after { display:block; content:''; width:0; clear:both; }
.return-pagetop > a { float:right; display:block; font-size:1.0rem; line-height:1.125rem; }
[dir="rtl"] .return-pagetop > a { float:left; }
.return-pagetop > a:before { display:block; content:''; margin:0.0625rem 0.125rem; float:left; width:1.1875rem; height:1.1875rem; background:url(../img/arrow_return_pagetop_l.png) no-repeat; vertical-align:top; }
[dir="rtl"] .return-pagetop > a:before { float:right; }
.return-pagetop:last-child { margin-bottom:0; }

@media screen and (max-width:1279px) {
#menu .return-pagetop { display:block; }
.return-pagetop > a { font-size:1.125rem; line-height:1.25rem; }
.return-pagetop > a:before { content:''; margin:0.0625rem 0.1875rem; height:1.25rem; width:1.25rem; background:url(../img/arrow_return_pagetop.png) no-repeat; }
.return-pagetop:last-child { margin-bottom:3.0625rem; }
}

@media screen and (max-width:640px) {
.return-pagetop,
#menu .return-pagetop { display:none; }
}


/*-----------------------------------
Language Select
-----------------------------------*/
.language .content { float:none; width:auto; padding-left:36%; background:url(../img/main_bg.png) no-repeat 31.17% 0; background-size:0.0625rem 100%; }
[dir="rtl"] .language .content { padding-right:36%; padding-left:0; background-position:68.83% 0; }
.language .wo-image .content { padding:0; background:none; }
.language .main .box-content { background:none; }
.language .image { display:block; float:left; margin:0; padding:1.5125rem 0 0; width:29.06779661016949%; }
[dir="rtl"] .language .image { float:right; }
.language .image img { max-width:100%; }
.language .list { overflow:hidden; }
.language .col-2 li { float:left; width:50%; margin-bottom:0.625rem; }
[dir="rtl"] .language .col-2 li { float:right; }
.language .col-3 li { float:left; width:33%; margin-bottom:0.625rem; }
[dir="rtl"] .language .col-3 li { float:right; }

@media screen and (max-width:1279px) {
.language .image { float:none; text-align:center; padding:0; width:auto; }
.language .banner { text-align:center; }
.language .content { padding:0; width:100%; background:none; }
.language .list { border-top:0.0625rem solid #ddd; }
.language .list li { border-bottom:0.0625rem solid #ddd; float:none; width:100%; margin:0; }
.language .list li a { display:block; padding:1.4375rem 0.625rem; background:none; color:#0066ff; font-size:1.25rem; }
}

@media screen and (max-width:640px) {
.language .list li a { border-right:0.375rem solid transparent; padding:1.25rem 0.875rem 1.3125rem 0.5rem; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; font-size:1.1875rem; }
[dir="rtl"] .language .list li a { border-right:none; border-left:0.375rem solid transparent; padding-left:0.875rem; padding-right:0.5rem; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}


/*-----------------------------------
Shared Style for Lists
-----------------------------------*/
/* Pattern 1: Title */
.category-list .content .list { padding:0; }
.category-list .content .list li { padding:0; border-bottom:0.0625rem solid #dddddd; }
.category-list .content .list li a { display:block; padding:1.4375rem 0.625rem; background:none; color:#0066ff; font-size:1.25rem; }

@media screen and (max-width:640px) {
.category-list .content .list li a { border-right:0.375rem solid transparent; padding:1.25rem 0.875rem 1.3125rem 0.5rem; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; font-size:1.1875rem; }
[dir="rtl"] .category-list .content .list li a { border-right:none; border-left:0.375rem solid transparent; padding-left:0.875rem; padding-right:0.5rem; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}

/* Pattern 2: Title and Description */
.subcategory-list .content .list li a,
.top .content .information .pattern3 .list li a,
.top .content .information .pattern4 .list li a,
.search .content .list li a { display:block; text-decoration:none; }

.subcategory-list .content .list li a > span,
.top .content .information .pattern3 .list li a > span,
.top .content .information .pattern4 .list li a > span,
.search .content .list li a > span { display:block; font-size:1.25rem; }

.subcategory-list .content .list li a:hover > span,
.subcategory-list .content .list li a:focus > span,
.subcategory-list .content .list li a:active > span,
.top .content .information .pattern3 .list li a:hover > span,
.top .content .information .pattern3 .list li a:focus > span,
.top .content .information .pattern3 .list li a:active > span,
.top .content .information .pattern4 .list li a:hover > span,
.top .content .information .pattern4 .list li a:focus > span,
.top .content .information .pattern4 .list li a:active > span,
.search .content .list li a:hover span,
.search .content .list li a:focus span,
.search .content .list li a:active span { text-decoration:underline; }

.subcategory-list .content .list li a > p,
.top .content .information .pattern3 .list li a > p,
.top .content .information .pattern4 .list li a > p,
.search .content .list li a > p { padding-top:0.5rem; line-height:1.4; font-size:1.125rem; color:#333333; }
@media screen and (max-width:640px) {
.subcategory-list .content .list li a > span,
.top .content .information .pattern3 .list li a > span,
.search .content .list li a > span { font-size:1.1875rem; }

.subcategory-list .content .list li a > p,
.top .content .information .pattern3 .list li a > p,
.search .content .list li a > p { padding-top:0.40625rem; font-size:1.0rem; }
}

/*-----------------------------------
Category List / Sub Category List
-----------------------------------*/
.subcategory-list .content .list { padding:0; }
.subcategory-list .content .list li { padding:0; border-bottom:0.0625rem solid #dddddd; }
.subcategory-list .content .list li a { padding:1.25rem 0.625rem 1.5rem; }
@media screen and (max-width:640px) {
.subcategory-list .content .list li a { border-right:0.25rem solid transparent; padding:0.9375rem 1.0rem 1.25rem 0.5rem; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; }
[dir="rtl"] .subcategory-list .content .list li a { border-right:none; border-left:0.25rem solid transparent; padding-right:0.5rem; padding-left:1.0rem; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}

/*-----------------------------------
Top Page
-----------------------------------*/
.top .content .main-visual { padding:0.625rem 0 0; text-align:center; line-height:1; }
.top .content .main-visual img { max-width:100%; max-height:20.6875rem; }
@media screen and (max-width:640px) {
.top .content .main-visual { padding:0.15625rem 0 0; text-align:center; }
.top .content .main-visual img { max-width:100%; max-height:13.25rem; }
}

.top .content .return-pagetop { margin-left:0.25rem; margin-right:0.25rem; }

/* Infromation Style */
.top .content .information { margin-top:1.25rem; }
.top .content .information .pattern1,
.top .content .information .pattern2,
.top .content .information .pattern3,
.top .content .information .pattern4 { padding-top:1.25rem; }
.top .content .information .pattern1:first-child,
.top .content .information .pattern4:first-child { border-top:0.0625rem solid #dddddd; }
.top .content .information > div > h2 { padding:1.1875rem 0 0.625rem; }
.top .content .information > div > p { margin-bottom:1.25rem; font-size:1.125rem; line-height:1.4; }
.top .content .information > div > p:last-child { margin-bottom:0; }
@media screen and (max-width:640px) {
.top .content .information { margin-top:1.09375rem; margin-bottom:2.25rem; }
.top .content .information > div > h2 { padding:0.5rem 0 0.4375rem; font-size:1.125rem; }
}

/* Shared Style for Pattern 1 and Pattern 4 */
.top .content .information .pattern1,
.top .content .information .pattern4 { padding-left:0.25rem; padding-right:0.25rem; }
@media screen and (max-width:640px) {
.top .content .information .pattern1,
.top .content .information .pattern4 { padding-left:0.46875rem; padding-right:0.46875rem; }
}

/* Pattern 2 */
.top .content .information .pattern2 { padding-top:0; }
.top .content .information .pattern2 .list { border-top:0.0625rem solid #dddddd; }
.top .content .information .pattern2 .list li { padding:1.25rem 0.625rem; border-bottom:0.0625rem solid #dddddd; font-size:1.25rem; }
.top .content .information .pattern2 .list li > span { display:block; padding-bottom:0.625rem; font-size:1.0rem; }
@media screen and (max-width:640px) {
.top .content .information .pattern2 .list li { padding:0.9375rem 0.5rem; border-bottom:0.0625rem solid #dddddd; font-size:1.1875rem; }
.top .content .information .pattern2 .list li > span { padding-bottom:0.46875rem; font-size:0.875rem; }
}

/* Shared Style for Pattern 3 and Pattern 4 */
/* See "Shared Style for Lists" */
.top .content .information .pattern3 .list,
.top .content .information .pattern4 .list { padding:0; }
.top .content .information .pattern3 .list li,
.top .content .information .pattern4 .list li { position:relative; border-bottom:0.0625rem solid #dddddd; padding:0; }
.top .content .information .pattern4 .list li { border:0.0625rem solid #dddddd; }
.top .content .information .pattern3 .list li a,
.top .content .information .pattern4 .list li a { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
.top .content .information .pattern3 .list li a img,
.top .content .information .pattern4 .list li a img { position:absolute; top:0.9375rem; left:0.9375rem; width:5.75rem; max-width:none; max-height:none; }
[dir="rtl"] .top .content .information .pattern3 .list li a img,
[dir="rtl"] .top .content .information .pattern4 .list li a img { left:auto; right:0.9375rem; }
.top .content .information .pattern3 .list li a img ~ *,
.top .content .information .pattern4 .list li a img ~ * { margin-left:7.0rem; }
[dir="rtl"] .top .content .information .pattern3 .list li a img ~ *,
[dir="rtl"] .top .content .information .pattern4 .list li a img ~ * { margin-left:0; margin-right:7.0rem; }

@media screen and (max-width:640px) {
.top .content .information .pattern3 .list li a,
.top .content .information .pattern4 .list li a { min-height:8.0rem; }
.top .content .information .pattern3 .list li a img,
.top .content .information .pattern4 .list li a img { top:1.125rem; left:0.375rem; }
[dir="rtl"] .top .content .information .pattern3 .list li a img,
[dir="rtl"] .top .content .information .pattern4 .list li a img { left:auto; right:0.375rem; }
.top .content .information .pattern3 .list li a img ~ *,
.top .content .information .pattern4 .list li a img ~ * { margin-left:6.5625rem; }
[dir="rtl"] .top .content .information .pattern3 .list li a img ~ *,
[dir="rtl"] .top .content .information .pattern4 .list li a img ~ * { margin-left:0; margin-right:6.5625rem; }
}

/* Pattern 3*/
.top .content .information .pattern3 h2 { padding-bottom:0.8125rem; padding-left:0.375rem; padding-right:0.375rem; font-size:1.375rem; }
.top .content .information .pattern3 .list li a { padding:1.25rem 0.625rem 1.3125rem; min-height:5.125rem; }
@media screen and (max-width:640px) {
.top .content .information .pattern3 h2 { padding-bottom:0.625rem; padding-left:0; padding-right:0; font-size:1.125rem; }
.top .content .information .pattern3 .list li a { border-right:0.25rem solid transparent; padding:0.9375rem 1.0rem 1.25rem 0.5rem; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; }
[dir="rtl"] .top .content .information .pattern3 .list li a { border-right:none; border-left:0.25rem solid transparent; padding-left:1.0rem; padding-right:0.5rem; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}

/* Pattern 4 */
.top .content .information .pattern4 .list li a { padding:0.9375rem 0.625rem; min-height:5.75rem; }


/*-----------------------------------
Contents List
-----------------------------------*/
.contents-list h3 { padding:1.625rem 0 0.3125rem; font-size:1.4625rem; font-weight:bold; }
.contents-list h4 { padding-top:0.6875rem; font-size:1.2375rem; font-weight:bold; color:#333333; }
.contents-list .list { margin:0.1875rem 0 0 1.5625rem; padding:0; list-style:disc outside none; }
[dir="rtl"] .contents-list .list { margin-left:0; margin-right:1.5625rem; }
.contents-list .list + h3 { padding-top:2.1875rem; }
.contents-list .list li { margin:0; padding:0.25rem 0 0.3125rem; }
.contents-list .list:last-of-type li:last-child { padding-bottom:0; }
@media screen and (max-width:640px) {
.contents-list h3 { padding-top:0.875rem; font-size:1.2rem; }
.contents-list h4 { padding-top:0.25rem; font-size:1.1rem; }
.contents-list .list { margin:0.125rem 0 0.125rem 1.25rem; }
[dir="rtl"] .contents-list .list { margin-left:0; margin-right:1.25rem; }
.contents-list .list + h3 { padding-top:1.5625rem; }
.contents-list .list li { font-size:1.0rem; padding:0.125rem 0; }
}

/*-----------------------------------
Contents Heading / Contents Caption
-----------------------------------*/
.contents .content,
.search .content { padding:0 0.5rem; }
.contents .content h2,
.contents .content .page-nav,
.search .content h2,
.search .content .page-nav { margin-left:-0.5rem; margin-right:-0.5rem; }

.contents-list .content { padding:0 0.5rem; }
.contents-list .content h2,
.contents-list .content .page-nav { margin-left:-0.5rem; margin-right:-0.5rem; }

@media screen and (max-width:640px) {
.contents-list .content { padding:0; }
.contents-list .content h2,
.contents-list .content .page-nav { margin-left:0; margin-right:0; }
}
.contents .content h2 { margin-bottom:0.8em; }
.contents .content h3 { font-size:1.3em; padding:1.5em 0 0.45em; font-weight:bold; line-height:1.4em; }
@media screen and (max-width:640px) {
.contents .content h3 { font-size:1.2em; }
}
.contents .content h4 { font-size:1.1em; padding:0.35em 0; font-weight:bold; line-height:1.4em; }
.contents .content h4 span.note { font-size:0.7em; display:inline-block; padding:0.25em; border:#cc0000 solid 0.0625rem; border-radius:0.1875rem; background:#cc0000; line-height:1; color:#ffffff; }
/* .mac .contents h4 span.note { padding-top: 0.25em; } */
.contents .content h4 span.hint { font-size:0.7em; display:inline-block; padding:0.25em; border:#666666 solid 0.0625rem; border-radius:0.1875rem; background:#ffffff; line-height:1; color:#333333; }
.mac .contents .content h4 span.hint { padding-top:0.25em; }
/* Example / Result */
.contents .content div.example h4,
.contents .content div.result h4 { padding:0.5em 0; }
/* Reset Heading */
.contents .content h3:first-child,
.contents .content h4:first-child,
.contents .content div.taskbody h3:first-child,
.contents .content div.refkbody h3:first-child,
.contents .content div.confkbody h3:first-child,
.contents .content div.article h3:first-child,
.contents .content div.article h4:first-child,
.contents .content div.example h3:first-child,
.contents .content div.example h4:first-child,
.contents .content div.postreq h3:first-child,
.contents .content div.postreq h4:first-child,
.contents .content div.result h3:first-child,
.contents .content div.result h4:first-child { padding-top:0; }
.contents .content p + h3 { padding-top:1.5em; }
.contents .content p + h4 { padding-top:0.35em; }

/*-----------------------------------
Contents Image再定義
-----------------------------------*/
/* Position */
.contents p.img-left,
[dir="rtl"] .contents p.img-right { text-align:left; }
.contents p.img-center { text-align:center; }
.contents p.img-right,
[dir="rtl"] .contents p.img-left { text-align:right; }
/* Basic */
.contents p.img-left img,
.contents p.img-center img,
.contents p.img-right img { margin:1em 0; max-height:none; max-width:100%; }
/* List Image */
.contents * li p.img-left img,
.contents * li p.img-center img,
.contents * li p.img-right img { margin:0.5em 0; }


/*-----------------------------------
Contents Paragraph再定義
-----------------------------------*/
.contents .content div.abstract { padding:0 0 1.0em; }
.contents .content div.article { }
.contents .content div.article + div.article { padding-top:1.0em; }
.contents .content div.example { }
.contents .content div.postreq { padding-top:1.0em; }
.contents .content span.bold { font-weight:bold; }
.contents .content p.supplemental { font-size:0.9em; padding:0.35em 0 0; line-height:1.4em; color:#555555; }
.contents .content p.supplemental + p.supplemental { padding-top:0; }
/* Stepresult */
.contents .content div.stepresult { }


/*-----------------------------------
Contents List / Page Link 再定義
-----------------------------------*/
/* Basic*/
.contents .content ul { padding:0.25em 0 0.25em 1.25em; list-style-type:disc; line-height:1.5em; }
[dir="rtl"] .contents .content ul { padding-left:0; padding-right:1.25em; }
.contents .content ul li { padding:0 0 0.25em; padding:0; }
.contents .content ul li:last-child { padding-bottom:0; }
.contents .content ol { margin-left:1em; padding:0.5em 0 0.5em 1.25em; list-style:decimal; line-height:1.5em; }
[dir="rtl"] .contents .content ol { padding-left:0; padding-right:1.25em; margin-left:0; margin-right:1em; }
.contents .content ol li,
.contents .content ol li:last-child,
.contents .content * li * li:last-child { padding-bottom:0; }
/*Combination（h+list）*/
/*.contents .content p + ul,
.contents .content p + ol { padding: 1em 0 0.7em 1.25em; }
.contents .content p + ul li:last-child,
.contents .content p + ol li:last-child { padding-bottom: 0; }*/
.contents .content h3 + ul,
.contents .content h3 + ol { padding:0.3em 0 0.3em 1.25em; }
[dir="rtl"] .contents .content h3 + ul,
[dir="rtl"] .contents .content h3 + ol { padding-left:0; padding-right:1.25em; }
.contents .content h4 + ul,
.contents .content h4 + ol { padding:0.1em 0 0.1em 1.25em; }
[dir="rtl"] .contents .content h4 + ul,
[dir="rtl"] .contents .content h4 + ol { padding:0.1em 1.25em 0.1em 0; }
/* List */
.contents .content ul.list { padding:1em 0 1em 1.25em; }
[dir="rtl"] .contents .content ul.list { padding:1em 1.25em 1em 0; }
.contents .content ul.list li { padding:0 0 0.5em; }
.contents .content ul.list li:last-child { padding-bottom:0; }
/* Step */
.contents .content ol.step-list { padding:0.5em 0 0.5em 1.25em; }
[dir="rtl"] .contents .content ol.step-list { padding:0.5em 1.25em 0.5em 0; }
.contents .content ol.step-list li { margin:0 0 1.0em; }
.contents .content ol.step-list li:last-child { padding-bottom:0; }
.contents .content ol.step-list li ul li,
.contents .content ol.step-list li ol li { margin:0 0 0.3em; }
.contents .content ol.step-list li ul li:last-child,
.contents .content ol.step-list li ol li:last-child { margin-bottom:0; }
/* Substep */
.contents .content ol.substeps { font-size:1.0em; padding:0.5em 0 0.3em 0.5em; list-style-type:lower-roman; line-height:1.4em; }
[dir="rtl"] .contents .content ol.substeps { padding-left:0; padding-right:0.5em; }
.contents .content ol.substeps li { padding:0 0 0.3em; }
.contents .content ol.substeps li:last-child { padding-bottom:0; }
/* Choices */
.contents .content ul.choices { font-size:1.0em; padding:0.5em 0 0.3em 1.25em; line-height:1.4em; }
[dir="rtl"] .contents .content ul.choices { padding-left:0; padding-right:1.25em; }
.contents .content ul.choices li { padding:0 0 0.3em; }
.contents .content ul.choices li:last-child { padding-bottom:0; }

/* Img */
.contents .content ul.img-list { padding:0.9em 0; list-style:none; }
.contents .content ul.img-list li { padding:0 0 0.5em; }
.contents .content ul.img-list li:last-child { padding-bottom:0; }
.contents .content * li ul.img-list { padding:0.5em 0; list-style:none; }
.contents .content * li ul.img-list li { padding:0 0 0.5em; }
.contents .content * li ul.img-list li:last-child { padding-bottom:0; }
/* Name */
.contents .content ol.name-list { font-size:1.0em; margin-left:0; padding-top:1.0em; line-height:1.5em; counter-reset:li; }
[dir="rtl"] .contents .content ol.name-list { margin-right:0; }
.contents .content ol.name-list li { font-size:1.0em; padding:0.15em 0 0.55em 0.6em; list-style:none; position:relative; }
[dir="rtl"] .contents .content ol.name-list li { padding:0.15em 0.6em 0.55em 0; }
.contents .content ol.name-list li li:last-child { padding-bottom:0; }
.contents .content ol.name-list > li:before { font-size:0.8em; content:counter(li); counter-increment:li; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:none repeat scroll 0 0 #fff; font-weight:bold; color:#333; border:#333 solid 0.0625rem; border-radius:0.1875rem; padding:0.069em 0 0; position:absolute; text-align:center; top:0; left:-2em; width:2em; }
[dir="rtl"] .contents .content ol.name-list > li:before { margin:0 0 0 0.55em; left:auto; right:-2em; }
/* Name ie6 hacks */
* html .contents .content ol.name-list { margin-left:1.66em; }
* html[dir="rtl"] .contents .content ol.name-list { margin-left:0; margin-right:1.66em; }
* html .contents .content ol.name-dlist li { margin-left:0; list-style:decimal; }
* html[dir="rtl"] .contents .content ol.name-dlist li { margin-right:0; }
/* Name ie7 hacks */
*:first-child+html .contents .content ol.name-list { margin-left:1.66em; }
*:first-child+html[dir="rtl"] .contents .content ol.name-list { margin-left:0; margin-right:1.66em; }
*:first-child+html .contents .content ol.name-list li { margin:0 0 0.0625rem 0; padding:0; background-color:transparent; list-style:decimal; color:#333; }
*+html .contents .content ol.name-list { margin-left:1.66em; }
*+html[dir="rtl"] .contents .content ol.name-list { margin-left:0; margin-right:1.66em; }
*+html .contents .content ol.name-list li { margin:0 0 0.05em 0; padding:0; background-color:transparent; list-style:decimal; color:#333; }
/* Option */
.contents .content ul li ul.option-list,
.contents .content ul li ul,
.contents .content ul.choices li ul { padding:0.3em 0; }
.contents .content ul li ul.option-list li { font-size:0.9em; padding:0.12em 0 0 1.48em; list-style:none; background:url(../img/list_line.png) no-repeat left 0.18em; line-height:1.4; }
[dir="rtl"] .contents .content ul li ul.option-list li { padding-left:0; padding-right:1.48em; background-position:right 0.18em; }
.contents .content ul li ul li,
.contents .content ul.choices li ul li { font-size:0.9em; padding:0.12em 0 0 1.25em; padding:0.12em 0 0 1.5em\9; list-style:none; background:url(../img/list_line.png) no-repeat left 0.18em; background-position:left -0.025em\9; line-height:1.5em; }
[dir="rtl"] .contents .content ul li ul li,
[dir="rtl"] .contents .content ul.choices li ul li { padding-left:0; padding-right:1.25em; padding-right:1.5em\9; background-position:right 0.18em; background-position:right -0.025em\9; }
.contents .content ul li ul.small-list li { font-size:0.9em; padding:0.12em 0 0 1.48em; list-style:none; background:url(../img/list_line.png) no-repeat left 0.18em; line-height:1.4; }
[dir="rtl"] .contents .content ul li ul.small-list li { padding:0.12em 1.48em 0 0; background-position:right 0.18em; }
.contents .content ul.small-list li ul { padding:0.3em 0; }
.contents .content ul.small-list li ul li { font-size:0.9em; padding:0.12em 0 0 1.11em; list-style:none; background:url(../img/list_line.png) no-repeat left 0.12em; line-height:1.35; }
[dir="rtl"] .contents .content ul.small-list li ul li { padding:0.12em 1.11em 0 0; background-position:right 0.12em; }
.contents .content ul li ul li:last-child,
.contents .content ul.small-list li ul li:last-child,
.contents .content ul.small-list li ul.option-list li:last-child { padding-bottom:0; }
/* Small Size */
.contents .content ul.small-list { font-size:0.9em; padding:0.18em 0 0.18em 1.5em; line-height:1.4; }
[dir="rtl"] .contents .content ul.small-list { padding:0.18em 1.5em 0.18em 0; }
.contents .content ul.small-list li { padding:0 0 0.25em 0; }
.contents .content ul.small-list li:last-child { padding-bottom:0; }
/* Page link */
.contents .content .nav { padding:0.55em 0.11em 0 0.11em; }
.contents .content .nav ul li { padding-bottom:0.16em; }
.contents .content .nav ul li:last-child { padding-bottom:0; }


/*-----------------------------------
 Data List（新規追加）
-----------------------------------*/
.contents .content dl { padding:0.5em 0; }
.contents .content dl + dl { padding-top:0; }
.contents .content dl dt { padding-bottom:0.15em; font-weight:bold; }
.contents .content dl dd { padding-bottom:0.15em; }
.contents .content dl dd:last-child { padding-bottom:0.15em; }
.contents .content dl dl { padding-left:1.0em; }
[dir="rtl"] .contents .content dl dl { padding-left:0; padding-right:1.0em; }
.contents .content h3 + dl { padding-top:0; }
.contents .content h4 + dl { padding-top:0; }


/*-----------------------------------
 Contents Table（再定義）
-----------------------------------*/
.contents .content table { margin:0.5em 0; }
.contents .content table th,
.contents .content table td { padding:0.55em; border:#c7c7c7 solid 0.0625rem; vertical-align:middle; }
.contents .content table th { font-weight:bold; background:#e6e6e6; }
.contents .content table th.center { text-align:center; }


/*-----------------------------------
拡張要素
-----------------------------------*/
.static .box-content { background:none; }
.static .content { float:none; width:auto; padding-left:36%; }
[dir="rtl"] .static .content { padding-right:36%; padding-left:0; background-position:68.83% 0; }
.static .main .box-content { background:none; }
.static .image { display:block; float:left; margin:0; padding:1.5125rem 0 0; width:29.06779661016949%; }
[dir="rtl"] .static .image { float:right; }
.static .image img { max-width:100%; }
.static h2 { clear:none; }
.static .list { margin-top:0.9375rem; }
.static .list:after { content:""; display:block; clear:both; }
.static .list li { float:left; margin:0 0 0.625rem; }
[dir="rtl"] .static .list li { float:right; }
.static .col-2 li { width:50%; }
.static .col-3 li { width:33%; }
.static .sub-content { clear:both; border-top:0.0625rem solid #ddd; margin-top:1.5625rem; padding-top:1.25rem; }
.static .sub-content dl { font-size:1.125rem; }
.static .sub-content dl dt { font-weight:bold; margin-bottom:0.3125rem; }
.static .sub-content dl dd { margin:0 0 1.25rem; }
/* Position */
.static p.img-left,
[dir="rtl"] .static p.img-right { text-align:left; }
.static p.img-center { text-align:center; }
.static p.img-right,
[dir="rtl"] .static p.img-left { text-align:right; }
/* Basic */
.static p.img-left img,
.static p.img-center img,
.static p.img-right img { margin:1em 0; max-width:100%; }

@media screen and (max-width:1279px) {
.static .image { float:none; width:auto; text-align:center; padding:0; }
.static .content { padding:0; }
.static .list { margin:0; }
.static .list li { border-bottom:0.0625rem solid #ddd; float:none; width:100%; margin:0; }
.static .list li a { display:block; padding:1.4375rem 0.625rem; background:none; color:#0066ff; font-size:1.25rem; }
}

@media screen and (max-width:640px) {
.static .list li a { border-right:0.375rem solid transparent; padding:1.25rem 0.875rem 1.3125rem 0.5rem; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; font-size:1.1875rem; }
[dir="rtl"] .static .list li a { border-right:none; border-left:0.375rem solid transparent; padding-left:0.875rem; padding-right:0.5rem; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}


/*-----------------------------------
Search Page
-----------------------------------*/
.search .content h2 span { font-size:1.125rem; color:#333333; }
@media screen and (max-width:640px) {
.search .content h2 span { display:block; }
}

.search .content .list { margin:0 -0.5rem; padding:1.5625rem 0.5rem 0; border:none; border-bottom:0.0625rem solid #dddddd; }
.search .content .list li { padding-bottom:2.0625rem; }
@media screen and (max-width:640px) {
.search .content .list { padding-top:0.6875rem; }
.search .content .list li { padding-bottom:1.125rem; }
}

#id_search_status { margin:1.875rem -0.5rem 1.6875rem; }
#id_search_status .turn-page { text-align:center; }
#id_search_status .turn-page .inner { display:block; }
#id_search_status .turn-page a { display:inline-block; margin:0 1.5rem; padding:0.3125rem 0.5rem; border:0.0625rem solid #dddddd; font-size:1.25rem; line-height:1; vertical-align:middle; }
#id_search_status .turn-page a.left,
#id_search_status .turn-page a.right { margin:0 1.1875rem; padding:0.375rem 0.625rem 0.4375rem; font-size:0.9375rem; }
#id_search_status .turn-page a.left img,
#id_search_status .turn-page a.right img { width:0.625rem; max-width:none; max-height:none; }
#id_search_status .turn-page a:hover,
#id_search_status .turn-page a:focus,
#id_search_status .turn-page a.active { background-color:#e6e6e6; text-decoration:none; color:#333333; }
#id_search_status .turn-page a.active { font-weight:bold; }
#id_search_status .turn-page .item-number { display:block; margin-top:1.5rem; font-size:1.125rem; line-height:1; }

@media screen and (max-width:640px) {
#id_search_status { margin-top:2.0rem; }
#id_search_status .turn-page .inner { position:relative; }
#id_search_status .turn-page a { margin:0 0.875rem 0 0.9375rem; padding:0.53125rem 0.6875rem; font-size:1.0rem; }
#id_search_status .turn-page a.left,
#id_search_status .turn-page a.right { position:absolute; margin:0; height:2.1875rem; font-size:0.71875rem; line-height:1; }
#id_search_status .turn-page a.left,
[dir="rtl"] #id_search_status .turn-page a.right { left:0.125rem; right:auto; padding:0.671875rem 0.75rem 0 0.8125rem; }
#id_search_status .turn-page a.right,
[dir="rtl"] #id_search_status .turn-page a.left { left:auto; right:0.125rem; padding:0.671875rem 0.8125rem 0 0.75rem; }
#id_search_status .turn-page a.left img,
#id_search_status .turn-page a.right img { width:0.46875rem; vertical-align:top; }
#id_search_status .turn-page .item-number { margin-top:0.875rem; font-size:1.0rem; }
}


.search-box.foot { margin:1.875rem -0.5rem 1.5625rem; border:0.0625rem solid #dddddd; padding:0.0625rem; }
.search-box.foot .inner { padding:0.5625rem 0.5rem; background:#cccccc; }
.search-box.foot .form-search div { border-radius:0 0.25rem 0.25rem 0; }
[dir="rtl"] .search-box.foot .form-search div { border-radius:0.25rem 0 0 0.25rem; }
.search-box.foot .form-search .form-search-button { border-radius:0 0.1875rem 0.1875rem 0; }
[dir="rtl"] .search-box.foot .form-search .form-search-button { border-radius:0.1875rem 0 0 0.1875rem; }
/* See "Shared Style for Search Button" for M and L Style*/
@media screen and (max-width:640px) {
.search-box.foot .inner { padding:0.46875rem 0.5rem; }
.search-box.foot .form-search div { height:2.25rem; border-radius:0.0625rem 0.125rem 0.125rem 0.0625rem; }
[dir="rtl"] .search-box.foot .form-search div { height:2.25rem; border-radius:0.125rem 0.0625rem 0.0625rem 0.125rem; }
.search-box.foot .form-search p { margin:0; margin-right:3.9375rem; height:2.125rem; }
[dir="rtl"] .search-box.foot .form-search p { margin:0; margin-left:3.9375rem; }
.search-box.foot .form-search .form-search-input { font-size:1.1875rem; }
.search-box.foot .form-search .form-search-button { padding:0.28125rem 1.3125rem 0.25rem 1.1875rem; width:1.3125rem; height:1.5rem; border-radius:0 0.0625rem 0.0625rem 0; }
[dir="rtl"] .search-box.foot .form-search .form-search-button { padding-left:1.3125rem; padding-right:1.1875rem; border-radius:0.0625rem 0 0 0.0625rem; }
}

.search-box.foot + .return-pagetop { margin-left:-0.5rem; margin-right:-0.5rem; }

.search .guidance { padding:1.375rem 0 0; }
.search .guidance h3 { line-height:1.5; font-size:1.25rem; }
.search .guidance p { margin-top:2.0625rem; font-size:1.125rem; }
.search .guidance ul { font-size:1.125rem; padding:0.3125rem 0 0 1.5625rem; list-style:disc; }
[dir="rtl"] .search .guidance ul { padding-left:0; padding-right:1.5625rem; }
.search .guidance li { padding:0.3125rem 0 0; }
.search .guidance li:first-child { padding-top:0; }

/*-----------------------------------
Menu
-----------------------------------*/
#menu { display:block; float:left; margin:0; padding:1.5125rem 0 0; width:29.06779661016949%; }
[dir="rtl"] #menu { float:right; }
.structure-flat #menu { padding-top:1.825rem; }
.top.structure-flat #menu { padding-top:1.55rem; width:45.703125%; }

@media screen and (max-width:1279px) {
#menu,
[dir="rtl"] #menu,
.structure-flat #menu,
.top.structure-flat #menu { float:none; padding:0; width:auto; }
#menu { display:none; }
.top #menu { display:block; }
}

#menu > ul > li { margin-bottom:0.625rem; }
#menu > ul > li > a { display:block; position:relative; margin:0 0 0 -1.8125rem; border:0.0625rem solid transparent; border-radius:0.0625rem; padding:0 0 0 1.8125rem; background:transparent; font-size:1.875rem; color:#333333; line-height:1.2; }
[dir="rtl"] #menu > ul > li > a { border:0.0625rem solid transparent; margin-left:0; margin-right:-1.8125rem; padding-left:0; padding-right:1.8125rem; }
#menu > ul > li > a > span { display:block; padding:0.5625rem 0.5625rem 0.9375rem 3.0rem; background:transparent left center no-repeat; }
[dir="rtl"] #menu > ul > li > a > span { padding-left:0.5625rem; padding-right:3.0rem; background-position:right center; }

#menu > ul > li.howtouse > a > span { background-image:url(../img/icon_nav_howtouse_l.png); }
#menu > ul > li.faq > a > span { background-image:url(../img/icon_nav_faq_l.png); }
#menu > ul > li.contentslist > a > span { background-image:url(../img/icon_nav_contentslist_l.png); }
#menu > ul > li > a:hover,
#menu > ul > li > a:focus,
#menu > ul > li > a:active { border-color:#84acdd; background-color:#dfeeff; text-decoration:none; }

.js #menu .toggle-closed { display:none; }
.js #menu > ul > li > a > img { position:absolute; top:50%; margin-top:-0.5625rem; left:0.375rem; }
[dir="rtl"] .js #menu > ul > li > a > img { left:auto; right:0.375rem; }

@media screen and (max-width:1279px) {
#menu > ul > li { margin-bottom:0; }
#menu > ul > li > a { margin:2.5rem 0 0; border-left-width:0.3125rem; border-radius:0; padding:0.25rem 0 0.25rem 2.1875rem; background:#cccccc left center no-repeat; background-size:1.875rem auto; font-size:1.375rem; line-height:1.4; color:#333333; }
[dir="rtl"] #menu > ul > li > a { margin-right:0; border-left-width:0; border-right-width:0.3125rem; padding-left:0; padding-right:2.1875rem; background-position:right 0.3125rem; }
#menu > ul > li.howtouse > a { background-image:url(../img/icon_nav_howtouse.png); }
#menu > ul > li.faq > a { background-image:url(../img/icon_nav_faq.png); }
#menu > ul > li.contentslist > a { background-image:url(../img/icon_nav_contentslist.png); }
#menu > ul > li > a:hover,
#menu > ul > li > a:focus,
#menu > ul > li > a:active { background-color:#cccccc; border-color:transparent; }
#menu > ul > li > a > span,
[dir="rtl"] #menu > ul > li > a > span { background:none; padding:0; }
#menu > ul > li.howtouse > a > span,
#menu > ul > li.faq > a > span,
#menu > ul > li.contentslist > a > span { background-image:none; }

.js #menu .toggle-closed { display:block; }
.js #menu > ul > li > a > img { display:none; }
}

@media screen and (max-width:640px) {
#menu > ul > li > a { border-left-width:0.3125rem; padding:0.28125rem 0 0.28125rem 1.875rem; background-size:1.5625rem auto; font-size:1.125rem; }
[dir="rtl"] #menu > ul > li > a { border-right-width:0.3125rem; padding-left:0; padding-right:1.875rem; border-left:none; }
}

#menu > ul > li > ul > li { margin-bottom:0; }
#menu > ul > li > ul > li > a { display:block; margin:0.125rem 0 0; border:0.0625rem solid transparent; border-radius:0.125rem; padding:0.625rem 0.5625rem; font-size:1.25rem; color:#0066ff; }
.structure-flat #menu > ul > li > ul > li > a { padding-left:0.3125rem; padding-right:0.3125rem; }
.structure-flat #menu > ul > li > ul > li > a > span { padding:0; }

.top.structure-flat #menu > ul > li > ul > li > a { font-size:1.5rem; margin-bottom:0.6375rem; }

#menu > ul > li > ul > li > a { margin-left:0.0625rem; margin-right:0.0rem; }
[dir="rtl"] #menu > ul > li > ul > li > a { margin-left:0.0rem; margin-right:0.0625rem; }

#menu > ul > li > ul > li > a.active { border-color:#d2d2d2; background-color:#dadada; color:#333333; }

#menu > ul > li > ul > li > a:hover,
#menu > ul > li > ul > li > a:focus,
#menu > ul > li > ul > li > a:active { border-color:#84acdd; background-color:#dfeeff; text-decoration:none; }

@media screen and (max-width:1279px) {
.structure-flat #menu > ul > li > ul { border-top:0.0625rem solid #dddddd; }

#menu > ul > li > ul > li { border-bottom:0.0625rem solid #dddddd; }

#menu > ul > li > ul > li > a,
.top.structure-flat #menu > ul > li > ul > li > a { margin-left:0; margin-right:0; margin-bottom:0; border-color:transparent; padding:1.375rem 0.5625rem; background:none; font-size:1.25rem; }

#menu > ul > li > ul > li > a.active,
#menu > ul > li > ul > li > a:hover,
#menu > ul > li > ul > li > a:focus,
#menu > ul > li > ul > li > a:active { border-color:transparent; background-color:transparent; text-decoration:underline; }
}

@media screen and (max-width:640px) {
#menu > ul > li > ul > li > a,
.top.structure-flat #menu > ul > li > ul > li > a { border-right-width:0.375rem; padding:1.1875rem 0.875rem 1.25rem 0.4375rem; background:url(../img/nav_arrow.png) right center no-repeat; background-size:0.5rem auto; font-size:1.1875rem; }

[dir="rtl"] #menu > ul > li > ul > li > a,
[dir="rtl"] .top.structure-flat #menu > ul > li > ul > li > a { border-right-width:0.0625rem; border-left-width:0.375rem; padding-left:0.875rem; padding-right:0.5rem; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}


/*-----------------------------------
Term Page
-----------------------------------*/
.terms.contents .content h2 { overflow:hidden; }
.terms.contents .content h2 span.publication-year { display:inline-block; margin-top:0.625rem; font-size:0.75rem; text-align:right; float:right; }
[dir=rtl] .terms.contents .content h2 span.publication-year { text-align:left; float:left; }
.terms.contents .content p.short-dsc { padding-bottom:1em; }
.terms.contents .content ul { margin:0; padding:0; }
.terms.contents .content ul li { margin:0; padding:0 0 0.625rem 1.5em; list-style:none; background:url(../img/list_square.png) no-repeat left 0.3125rem; background-size:0.625rem auto; }
[dir=rtl] .terms.contents .content ul li { padding:0 1.5em 0.625rem 0; background-position:right 0.3125rem; }
.terms.contents .content ul li span { margin:0; padding:0 0 0 1.0em; }
[dir=rtl] .terms.contents .content ul li span { padding:0 1.0em 0 0; }
.terms.contents .content ul li h4 { margin:0; padding:0 0 0.625rem; }
.terms.contents .content ul li ul li { margin:0 0 0 1.2em; border:none; padding:0 0 0.3125rem; list-style:disc; background:none; }
[dir=rtl] .terms.contents .content ul li ul li { margin:0 1.2em 0 0; }
.terms.contents .content ul table { margin:0; border-color:#c7c7c7; margin-bottom:0.3125rem; }
.terms.contents .content ul table th { width:30%; text-align:center; font-weight:normal; vertical-align:middle; }
.terms.contents .content ul table td { font-weight:normal; vertical-align:middle; }
.terms.contents .content ul table td ul { padding:0.3125rem 0 0.3125rem 1.5em; }
[dir=rtl] .terms.contents .content ul table td ul { padding:0.3125rem 1.5em 0 0.3125rem; }
.terms.contents .content ul table td ul li { padding:0.25rem 0 0.125rem; }
.terms.contents .content ul table td ul li span { display:block; font-size:0.6875rem; line-height:1.2em; text-indent:-1.1em; }
.terms.contents .footer-terms a { color:#333333; text-decoration:none; }
.terms.contents .footer-terms a:hover,
.terms.contents .footer-terms a:focus { text-decoration:none; }

@media screen and (max-width:640px) {
.terms.contents .content ul li { padding:0 0 1.5625rem 1.6em; background-position:left 0.25rem; }
[dir=rtl] .terms.contents .content ul li { background-position:right 0.25rem; }
.terms.contents .content ul li h4 { padding:0 0 0.625rem; }
.terms.contents .content ul li ul li { margin:0 0 0 1.1em; }
[dir=rtl] .terms.contents .content ul li ul li { margin:0 1.1em 0; }
.terms.contents .content ul table { width:100%; margin:0.625rem 0 0; border-color:#c7c7c7; margin-bottom:0.9375rem; }
.terms.contents .content ul table th { width:auto; }
.terms.contents .content ul table td { padding:1.875rem; }
}


/*-----------------------------------
Footer
-----------------------------------*/
footer { margin-top:3.125rem; clear:both; padding:1.875rem 0 3.125rem; }
footer:after { display:block; content:''; width:0; clear:both; }

footer .footer-group1,
[dir="rtl"] footer .footer-group2 { float:right; text-align:right; }
footer .footer-group2,
[dir="rtl"] footer .footer-group1 { float:left; text-align:left; }

footer .footer-group1 { padding:0 0.3125rem; font-size:1.0rem; }
footer .footer-group2 { font-size:0.75rem; }

footer .footer-manual-number { margin-bottom:0.375rem; }

@media screen and (max-width:1279px) {
footer { padding:0; text-align:center; color:#333333; }
footer .footer-group1,
[dir="rtl"] footer .footer-group1,
footer .footer-group2,
[dir="rtl"] footer .footer-group2 { padding:0; float:none; text-align:center; }

footer .footer-group1 { font-size:1.0rem; line-height:1; }
footer .footer-group2 { font-size:1.0rem; }

footer .footer-terms { margin-bottom:2.875rem; }
footer .footer-manual-number { margin-bottom:0.3125rem; }
footer .footer-copyright { margin-bottom:3.125rem; }
}

@media screen and (max-width:640px) {
footer { color:#666666; }

footer .footer-group1 { font-size:1.0rem; line-height:1; }
footer .footer-group2 { font-size:0.65625rem; }

footer .footer-terms { margin-bottom:1.5625rem; }
footer .footer-manual-number { margin-bottom:0.625rem; }
footer .footer-copyright { margin-bottom:3.75rem; }
}


/*-----------------------------------
Text wrapping
-----------------------------------*/
.main .main-header h1 { word-wrap:break-word; }