@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:16px/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 50px; }

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

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

/*-----------------------------------
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:95px;  padding:25px 0 0;line-height:1; }
[dir="rtl"] header h1 { float:right; }
header h1 .logo { display:block; }
header h1 .logo img { width:90px; line-height:1; }
header h1 .title { display:inline-block; margin-top:18px; margin-bottom:0; font-size:38px; color:#101010; text-decoration:none; }
header h2 { display:none; }

@media screen and (max-width:1279px) {
header h1 { float:none; min-height:80px; padding:25px 195px 15px 25px; }
[dir="rtl"] header h1 { float:none; padding-left:195px; padding-right:25px; }
header h1 .title { margin-top:16px; }
header h2 { display:block; clear: both; height:40px; border-left:25px solid transparent; padding:10px 0 10px 35px; background:#e6e6e6 left center no-repeat; background-size:27px auto; color:#333333; font-size:20px; line-height:1; }
[dir="rtl"] header h2 { border-left:none; border-right:25px solid transparent; padding-left:0; padding-right:35px; background-position:right center; }
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:53px; padding:15px 115px 15px 12px; }
[dir="rtl"] header h1 { padding-left:115px; padding-right:12px; }
header h1 .logo img { width:64px; }
header h1 .title { margin-top:10px; font-size:24px; }
header h2 { height:35px; border-left-width:10px; padding: 9px 12px 0 30px; font-size:18px; background-size:24px auto; }
[dir="rtl"] header h2 { border-left-width: 0; border-right-width: 10px; padding-left:12px; padding-right:30px; }
}


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

@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:37px; height:46px; border:1px solid #404040; -webkit-box-shadow:0 1px 0 #d9d9d9; box-shadow:0 1px 0 #d9d9d9; }

#header-menu-button a,
#header-search-button a { display:block; height:100%; border-width:1px; 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:21.5px; height:40px; }
}

/* Header Menu Button */
@media screen and (max-width:1279px) {
#header-menu-button { right: 96px; border-right-style: none; border-radius: 3px 0 0 3px;}
[dir="rtl"] #header-menu-button { right:auto; left:25px; }
#header-menu-button a { border-color:#a8a8a8 #404040 #5c5c5c #8d8d8d; padding: 10px 19px 0; background:#666666; border-radius:2px 0 0 2px; }
#header-menu-button a[aria-expanded=true] { border-color:#323232 #4a4a4a #737373 #404040; }
#header-menu-button a img { width:30px;}
}

@media screen and (max-width:640px) {
#header-menu-button { right: 62px; border-radius: 2px 0 0 2px; }
[dir="rtl"] #header-menu-button { right:auto; left:11px; }
#header-menu-button a { padding:9px 12px 0; }
#header-menu-button a img { width:24px; }
}

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

@media screen and (max-width:640px) {
#header-search-button { right:11px; border-radius: 0 2px 2px 0; }
[dir="rtl"] #header-search-button { right:auto; left:62px; }
#header-search-button a { padding:7px 14px 0; border-radius: 0 1px 1px 0; }
#header-search-button a img { width:20px; }
}


/* Header Menu */
@media screen and (max-width:1279px) {
#header-menu { background:#ffffff; border-bottom: 1px solid #999999; }
#header-menu li { padding: 0 25px; border-top:1px solid #dddddd; }
#header-menu li:first-child { border-top:none; }
#header-menu li a { display:block; padding:20px 0; background:left center no-repeat; background-size:38px auto; font-size:22px; 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:53px; }
[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:53px; 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 12px; }
#header-menu li a { border-right: 6px solid transparent; padding-right:12px; padding-left:0; background:url(../img/nav_arrow.png) right center no-repeat; background-size:8px auto; font-size:18px; }
[dir="rtl"] #header-menu li a { border-right:none; border-left:6px solid transparent; padding-left:12px; 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:32px; background-size:8px auto, 24px 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:32px; 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:46px; border:1px solid #404040; border-radius:1px 2px 2px 1px; background:#666666; }
[dir="rtl"] .form-search div { border-radius:2px 1px 1px 2px; }
.form-search p { margin:0 109px 0 0; border-right: 1px solid #404040; height:44px; }
[dir="rtl"] .form-search p { margin-right:0; margin-left:109px; border-right: none; border-left:1px solid #404040; }
.form-search .form-search-input { height:100%; width:100%; border:none; border-top: 1px solid #cacaca; border-radius:0; padding:0 10px; font-size:20px; line-height:1; }
/* IE8 */
.form-search .form-search-input { padding-top:10px; }
@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:1px; border-style:solid; border-color: #a8a8a8 #8d8d8d #5c5c5c #8d8d8d; border-radius:0 2px 2px 0; padding:8px 43px 7px 40px; background:#666666; width:24px; height:27px; }
[dir="rtl"] .form-search .form-search-button { right:auto; left:0; border-radius:2px 0 0 2px; padding-right:43px; padding-left:40px; }
.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:57px 0 0; background:transparent; }
[dir="rtl"] #header-search { float:left; }
#header-search div { height:36px; border-radius:1px; }
#header-search p { margin-right:74px; height:34px; }
[dir="rtl"] #header-search p { margin-right:0; margin-left:74px; }
#header-search .form-search-button { border-radius:0 1px 1px 0; padding:5px 26px 5px 27px; width:19px; height:22px; }
[dir="rtl"] #header-search .form-search-button { border-radius:1px 0 0 1px; padding-left:26px; padding-right:27px; }

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

#header-search div { height:46px; border-radius:1px 2px 2px 1px; }
[dir="rtl"] #header-search div { border-radius:2px 1px 1px 2px; }
#header-search p { margin-right:109px; height:44px; }
[dir="rtl"] #header-search p { margin-right:0; margin-left:109px; }
#header-search .form-search-button { border-radius:0 2px 2px 0; padding:8px 43px 7px 40px; width:24px; height:27px; }
[dir="rtl"] #header-search .form-search-button { border-radius:2px 0 0 2px; padding-right:43px; padding-left:40px; }
}

@media screen and (max-width:640px) {
#header-search { padding: 17px 12px; }
#header-search div { height:39px; }
#header-search p { margin:0; margin-right:74px; height:37px; }
[dir="rtl"] #header-search p { margin:0; margin-left:74px; }
#header-search .form-search-input { font-size:19px; }
#header-search .form-search-button { padding:6px 27px 5px 24px; width:21px; height:24px; }
[dir="rtl"] #header-search .form-search-button { padding-left:27px; padding-right:24px; }
}


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

.main .main-header { border:1px solid transparent; padding-bottom:8px; }
.main .main-header h1 { margin-top:21px; margin-bottom:20px; padding:0; color:#101010; line-height:1; }
.main .main-header h1 .category-name { display:block; font-size:18px; }
.main .main-header h1 .model-name { display:block; margin-top:6px; font-size:26px; }
.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:42px; 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:20px; }
.main .main-header h1 { color:#333333; margin-bottom:0; }
.main .main-header h1 .category-name { font-size:20px; }
.main .main-header h1 .model-name { font-size:28px; }
.main .main-header h2 { margin-top:20px; }
}


@media screen and (max-width:640px) {
.main .main-header h1 { margin-top:24px; }
.top .main .main-header h1 { margin-top:13px; }
.main .main-header h1 .category-name { font-size:14px; }
.main .main-header h1 .model-name { margin-top:3px; font-size:19px; }
.main .main-header h2 { margin-top:8px; height:30.5px; }
}


/*-----------------------------------
Section (Contents Area)
-----------------------------------*/
.content { float:right; width:64.40677966101695%; /* (800 - 20 - 20) / (1280 - 100) */ font-size:18px; line-height:1.5em; }
[dir="rtl"] .content { float:left; }
.top.structure-flat .content { width:45.703125%; }

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

.content h2 { clear:both; border-bottom:1px solid #dddddd; padding:0 0 16px; font-size:28px; line-height:1.4; }
.content img { vertical-align:middle; height:auto; max-height:1.2em; }

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

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


/* L領域の仕切り線 */
.main .box-content { background:url(../img/main_bg.png) no-repeat 32.5%/* 416/1280 */ 40.2px; background-size: 1px 100%; }
[dir="rtl"] .main .box-content { background-position: 67.5% 40.2px; }
.main .box-content:after { display:block; content:''; width:0; clear:both; }

/* 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:15px; }
#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:1px solid #999999; padding:0 13px; background:none; font-size:16px; }
#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:1px solid #999999; }
[dir="rtl"] #top .page-nav ul li:first-child { border-right:none; padding-left:13px; padding-right:0; }

#top .page-nav .print { display:none; float:right; font-size:16px; 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:23px; background:url(../img/icon_print.png) left center no-repeat; }
[dir="rtl"] #top .page-nav .print a { padding-right:23px; padding-left:0; background-position:right center; }

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


@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:43px 0 2px 0; border:1px solid #dddddd; }
#top .content .related-topic h3 { padding:9px 15px; border:1px solid #ffffff; background:#cccccc; font-size:20px; font-weight:normal; }
#top .content .related-topic ul { padding:25px 0 7px; border-top:1px solid #dddddd; list-style-type:disc; font-size:20px; }
#top .content .related-topic li { list-style:none; margin:0px 15px 20px; padding:0 0 0 14px; background:url(../img/list_keyword.png) left center no-repeat; background-size:9px auto; }
[dir="rtl"] #top .content .related-topic li { padding-left:0; padding-right:14px; background-position:right center; }

@media screen and (max-width:640px) {
#top .content .related-topic { margin:24.5px 0 0 0; border:1px solid #c8c8c8; }
#top .content .related-topic h3 { padding:7px 10px 6px; font-size:16px; }
#top .content .related-topic ul { padding:0 13px 3px; font-size:16px; }
#top .content .related-topic li { margin:15px 0 13px -2px; padding:0 0 0 13px; background-position:left 10px; }
[dir="rtl"] #top .content .related-topic li { margin-left:0; margin-right:-2px; padding-left:0; padding-right:13px; background-position:right 10px; }
}

/* Return to Page Top */
.return-pagetop { margin:25px 4px 49px; }
#menu .return-pagetop { display:none; }
.return-pagetop:after { display:block; content:''; width:0; clear:both; }
.return-pagetop > a { float:right; display:block; font-size:16px; line-height:18px; }
[dir="rtl"] .return-pagetop > a { float:left; }
.return-pagetop > a:before { display:block; content:''; margin:1px 2px; float:left; width:19px; height:19px; 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:18px; line-height:20px; }
.return-pagetop > a:before { content:'';  margin:1px 3px; height:20px; width:20px; background:url(../img/arrow_return_pagetop.png) no-repeat; }
.return-pagetop:last-child { margin-bottom:49px; }
}

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


/*-----------------------------------
Language Select
-----------------------------------*/
.language .content { float:none; width:auto; }
.language .content .main-visual { float:left; margin-top: 0px; padding:27px 0 0; width:28.8135593220339%;  text-align: center; }
.language .content .main-visual img { max-width: 100%; max-height:none; }
.language .content .list { padding:0 4px; }
.language .content .list { float:right; width:64.40677966101695%; }
.language .content .list li,
.language .content .list li:first-child { float:left; margin: 8px 20px 8px 0px; width:280px; border:none; padding:0; }
.language .content .list li a { display:inline; padding:0; font-size:16px; }
.language .list:after { content:''; display:block; clear:both; width:0; }


@media screen and (max-width:1279px) {
.language .content .main-visual { float:none; padding:0; width:auto; }
.language .content .list { padding:18px 0 0; }
.language .content .list li {float:none; margin:0; width:auto; padding:0; border-bottom:1px solid #dddddd; }
.language .content .list li:first-child { border-top: 1px solid #dddddd }
.language .content .list li a { display:block; padding:23px 10px; font-size:20px; }
.language .language:after { content:''; clear:both; display:block; width:0; }
}

@media screen and (max-width:640px) {
.language .content .list li a { border-right:6px solid transparent; padding:25px 14px 25px 8px; background:url(../img/nav_arrow.png) right center no-repeat; background-size:8px auto; font-size:19px; }
[dir="rtl"] .langauge .content .list li a { border-right:0; border-left:6px solid transparent; padding-left:14px; padding-right:8px; 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:1px solid #dddddd; }
.category-list .content .list li a { display:block; padding:23px 10px; background:none; color:#0066ff; font-size:20px; }

@media screen and (max-width:640px) {
.category-list .content .list li a { border-right:6px solid transparent; padding:20px 14px 21px 8px; background:url(../img/nav_arrow.png) right center no-repeat; background-size:8px auto; font-size:19px; }
[dir="rtl"] .category-list .content .list li a { border-right:none; border-left:6px solid transparent; padding-left:14px; padding-right:8px; 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:20px; }

.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:8px; line-height:1.4; font-size:18px; 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:19px; }

.subcategory-list .content .list li a > p,
.top .content .information .pattern3 .list li a > p,
.search .content .list li a > p { padding-top:6.5px; font-size:16px; }
}

/*-----------------------------------
Category List / Sub Category List
-----------------------------------*/
.subcategory-list .content .list { padding:0; }
.subcategory-list .content .list li { padding:0; border-bottom:1px solid #dddddd; }
.subcategory-list .content .list li a { padding:20px 10px 24px; }
@media screen and (max-width:640px) {
.subcategory-list .content .list li a { border-right:4px solid transparent; padding:15px 16px 20px 8px; background:url(../img/nav_arrow.png) right center no-repeat; background-size:8px auto; }
[dir="rtl"] .subcategory-list .content .list li a { border-right:none; border-left:4px solid transparent; padding-right:8px; padding-left:16px; background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}

/*-----------------------------------
Top Page
-----------------------------------*/
.top .content .main-visual { padding:10px 0 0; text-align:center; line-height:1; }
.top .content .main-visual img { max-width:100%; max-height:331px; }
@media screen and (max-width:640px) {
.top .content .main-visual { padding:2.5px 0 0; text-align:center; }
.top .content .main-visual img { max-width:100%; max-height:212px; }
}

.top .content .return-pagetop { margin-left:4px; margin-right:4px; }

/* Infromation Style */
.top .content .information { margin-top:20px; }
.top .content .information .pattern1,
.top .content .information .pattern2,
.top .content .information .pattern3,
.top .content .information .pattern4 { padding-top:20px; }
.top .content .information .pattern1:first-child,
.top .content .information .pattern4:first-child { border-top:1px solid #dddddd; }
.top .content .information > div > h2 { padding:19px 0 10px; }
.top .content .information > div > p { margin-bottom:20px; font-size:18px; 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: 17.5px; margin-bottom: 36px; }
.top .content .information > div > h2 { padding:8px 0 7px; font-size:18px; }
}

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

/* Pattern 2 */
.top .content .information .pattern2 { padding-top:0; }
.top .content .information .pattern2 .list { border-top: 1px solid #dddddd; }
.top .content .information .pattern2 .list li { padding:20px 10px; border-bottom:1px solid #dddddd; font-size:20px; }
.top .content .information .pattern2 .list li > span { display:block; padding-bottom:10px; font-size:16px; }
@media screen and (max-width:640px) {
.top .content .information .pattern2 .list li { padding:15px 8px; border-bottom:1px solid #dddddd; font-size:19px; }
.top .content .information .pattern2 .list li > span { padding-bottom:7.5px; font-size:14px; }
}

/* 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:1px solid #dddddd; padding:0; }
.top .content .information .pattern4 .list li { border:1px 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:15px; left:15px; width:92px; 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:15px; }
.top .content .information .pattern3 .list li a img ~ *,
.top .content .information .pattern4 .list li a img ~ * { margin-left:112px; }
[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:112px; }

@media screen and (max-width:640px) {
.top .content .information .pattern3 .list li a,
.top .content .information .pattern4 .list li a { min-height:128px; }
.top .content .information .pattern3 .list li a img,
.top .content .information .pattern4 .list li a img { top:18px; left:6px; }
[dir="rtl"] .top .content .information .pattern3 .list li a img,
[dir="rtl"] .top .content .information .pattern4 .list li a img { left:auto; right:6px; }
.top .content .information .pattern3 .list li a img ~ *,
.top .content .information .pattern4 .list li a img ~ * { margin-left:105px; }
[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:105px; }
}

/* Pattern 3*/
.top .content .information .pattern3 h2 { padding-bottom:13px; padding-left:6px; padding-right:6px; font-size:22px; }
.top .content .information .pattern3 .list li a { padding:20px 10px 21px;  min-height:82px; }
@media screen and (max-width:640px) {
.top .content .information .pattern3 h2 { padding-bottom:10px; padding-left:0; padding-right:0; font-size:18px; }
.top .content .information .pattern3 .list li a { border-right:4px solid transparent; padding:15px 16px 20px 8px; background:url(../img/nav_arrow.png) right center no-repeat; background-size:8px auto; }
[dir="rtl"] .top .content .information .pattern3 .list li a { border-right:none; border-left:4px solid transparent; padding-left:16px; padding-right:8px;  background-image:url(../img/nav_arrow_rtl.png); background-position:left center; }
}

/* Pattern 4 */
.top .content .information .pattern4 .list li a { padding:15px 10px; min-height:92px; }


/*-----------------------------------
Contents List
-----------------------------------*/
.contents-list h3 { padding:26px 0 5px; font-size:23.4px; font-weight:bold; }
.contents-list h4 { padding-top:11px; font-size:19.8px; font-weight:bold; color:#333333; }
.contents-list .list { margin:3px 0 0 25px; padding:0; list-style:disc outside none; }
[dir="rtl"] .contents-list .list { margin-left: 0; margin-right:25px; }
.contents-list .list + h3 { padding-top:35px; }
.contents-list .list li { margin:0; padding:4px 0 5px; }
.contents-list .list:last-of-type li:last-child { padding-bottom:0; }
@media screen and (max-width:640px) {
.contents-list h3 { padding-top:14px; font-size:19.2px; }
.contents-list h4 { padding-top:4px; font-size:17.6px; }
.contents-list .list { margin:2px 0 2px 20px; }
[dir="rtl"] .contents-list .list { margin-left: 0; margin-right:20px; }
.contents-list .list + h3 { padding-top:25px; }
.contents-list .list li { font-size:16px; padding:2px 0; }
}

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

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

@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;/* font-size: 1.3rem;*/ 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;/* font-size: 1.2rem;*/ }
}
.contents .content h4 { font-size: 1.1em;/* font-size: 1.1rem;*/ 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 1px; border-radius: 3px; 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 1px; border-radius: 3px; 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;/* font-size: 1rem;*/ 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;/* font-size: 1rem;*/ 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 1px; border-radius: 3px;  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 1px 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 { 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 { font-size: 0.9em;/* font-size: 0.9rem;*/ 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 { 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 1px; vertical-align: middle; }
.contents .content table th { font-weight: bold; background: #e6e6e6; }
.contents .content table th.center { text-align: center }


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

.search .content .list { margin:0 -8px; padding:25px 8px 0; border:none; border-bottom: 1px solid #dddddd; }
.search .content .list li { padding-bottom:33px; }
@media screen and (max-width:640px) {
.search .content .list { padding-top:11px; }
.search .content .list li { padding-bottom:18px; }
}

#id_search_status { margin:30px -8px 27px; }
#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 24px; padding:5px 8px; border:1px solid #dddddd; font-size:20px; line-height:1; vertical-align: middle; }
#id_search_status .turn-page a.left,
#id_search_status .turn-page a.right { margin:0 19px; padding:6px 10px 7px; font-size:15px; }
#id_search_status .turn-page a.left img,
#id_search_status .turn-page a.right img { width:10px; 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:24px; font-size:18px; line-height:1; }

@media screen and (max-width:640px) {
#id_search_status { margin-top:32px; }
#id_search_status .turn-page .inner { position: relative; }
#id_search_status .turn-page a { margin:0 14px 0 15px; padding:8.5px 11px; font-size:16px; }
#id_search_status .turn-page a.left,
#id_search_status .turn-page a.right { position:absolute; margin:0; height:35px; font-size:11.5px; line-height:1; }
#id_search_status .turn-page a.left,
[dir="rtl"] #id_search_status .turn-page a.right { left:2px; right:auto; padding:10.75px 12px 0 13px; }
#id_search_status .turn-page a.right,
[dir="rtl"] #id_search_status .turn-page a.left { left:auto; right:2px; padding:10.75px 13px 0 12px; }
#id_search_status .turn-page a.left img,
#id_search_status .turn-page a.right img { width:7.5px; vertical-align:top; }
#id_search_status .turn-page .item-number { margin-top:14px; font-size:16px; }
}


.search-box.foot { margin:30px -8px 25px; border:1px solid #dddddd; padding:1px; }
.search-box.foot .inner { padding:9px 8px; background:#cccccc; }
.search-box.foot .form-search div { border-radius: 0 4px 4px 0; }
[dir="rtl"] .search-box.foot .form-search div { border-radius: 4px 0 0 4px; }
.search-box.foot .form-search .form-search-button { border-radius: 0 3px 3px 0; }
[dir="rtl"] .search-box.foot .form-search .form-search-button { border-radius: 3px 0 0 3px; }
/* See "Shared Style for Search Button" for M and L Style*/
@media screen and (max-width:640px) {
.search-box.foot .inner { padding:7.5px 8px; }
.search-box.foot .form-search div { height:36px; border-radius: 1px 2px 2px 1px; }
[dir="rtl"] .search-box.foot .form-search div { height:36px; border-radius: 2px 1px 1px 2px; }
.search-box.foot .form-search p { margin:0; margin-right:63px; height:34px; }
[dir="rtl"] .search-box.foot .form-search p { margin:0; margin-left:63px; }
.search-box.foot .form-search .form-search-input { font-size:19px; }
.search-box.foot .form-search .form-search-button { padding:4.5px 21px 4px 19px; width:21px; height:24px; border-radius: 0 1px 1px 0; }
[dir="rtl"] .search-box.foot .form-search .form-search-button { padding-left:21px; padding-right:19px; border-radius: 1px 0 0 1px; }
}

.search-box.foot + .return-pagetop { margin-left: -8px; margin-right: -8px; }

.search .guidance { padding:22px 0 0; }
.search .guidance h3 { line-height:1.5; font-size:20px; }
.search .guidance p { margin-top:33px; font-size:18px; }
.search .guidance ul { font-size:18px; padding:5px 0 0 25px; list-style:disc; }
[dir="rtl"] .search .guidance ul { padding-left:0; padding-right:25px; }
.search .guidance li { padding:5px 0 0; }
.search .guidance li:first-child { padding-top:0; }

/*-----------------------------------
Menu
-----------------------------------*/
#menu { display:block; float:left; margin:0; padding:24.2px 0 0; width:29.06779661016949%; /* (343) / (1280 - 100)*/ }
[dir="rtl"] #menu { float:right; }
.structure-flat #menu { padding-top:29.2px; }
.top.structure-flat #menu { padding-top:24.8px; 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:10px; }
#menu > ul > li > a { display:block; position:relative; margin:0 0 0 -29px; border:1px solid transparent; border-radius:1px; padding:0 0 0 29px; background:transparent; font-size:30px; color:#333333; line-height:1.2; }
[dir="rtl"] #menu > ul > li > a { border:1px solid transparent; margin-left:0; margin-right:-29px; padding-left:0; padding-right:29px; }
#menu > ul > li > a > span { display:block; padding:9px 9px 15px 48px; background: transparent left center no-repeat; }
[dir="rtl"] #menu > ul > li > a > span { padding-left:9px; padding-right:48px; 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:-9px; left:6px; }
[dir="rtl"] .js #menu > ul > li > a > img { left:auto; right:6px; }

@media screen and (max-width:1279px) {
#menu > ul > li { margin-bottom:0; }
#menu > ul > li > a { margin:40px 0 0; border-left-width:5px; border-radius:0; padding:4px 0 4px 35px; background:#cccccc left center no-repeat; background-size:30px auto; font-size:22px; line-height:1.4; color:#333333; }
[dir="rtl"] #menu > ul > li > a { margin-right:0; border-left-width:0; border-right-width:5px; padding-left:0; padding-right:35px; background-position:right 5px; }
#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:5px; padding:4.5px 0 4.5px 30px; background-size:25px auto; font-size:18px; }
[dir="rtl"] #menu > ul > li > a { border-right-width:5px; padding-left:0; padding-right:30px; border-left:none; }
}

#menu > ul > li > ul > li,
.structure-flat #menu > ul > li { margin-bottom:0; }
#menu > ul > li > ul > li > a,
.structure-flat #menu > ul > li > a { display:block; margin:2px 0 0; border:1px solid transparent; border-radius:2px; padding:10px 9px; font-size:20px; color:#0066ff; }
.structure-flat #menu > ul > li > a { padding-left:5px; padding-right:5px; }
.structure-flat #menu > ul > li > a > span { padding:0; }

.top.structure-flat #menu > ul > li > a { font-size:24px; margin-bottom:10.2px; }

#menu > ul > li > ul > li > a { margin-left:1px; margin-right:0px; }
[dir="rtl"] #menu > ul > li > ul > li > a { margin-left:0px; margin-right:1px; }

#menu > ul > li > ul > li > a.active,
.structure-flat #menu > 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,
.structure-flat #menu > ul > li > a:hover,
.structure-flat #menu > ul > li > a:focus,
.structure-flat #menu > ul > li > a:active { border-color:#84acdd; background-color:#dfeeff; text-decoration:none; }

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

#menu > ul > li > ul > li,
.structure-flat #menu > ul > li { border-bottom:1px solid #dddddd; }

#menu > ul > li > ul > li > a,
.structure-flat #menu > ul > li > a,
.top.structure-flat #menu > ul > li > a { margin-left:0; margin-right:0; margin-bottom:0; border-color:transparent; padding:22px 9px; background:none; font-size:20px; }

#menu > ul > li > ul > li > a.active,
.structure-flat #menu > 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,
.structure-flat #menu > ul > li > a:hover,
.structure-flat #menu > ul > li > a:focus,
.structure-flat #menu > 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,
.structure-flat #menu > ul > li > a,
.top.structure-flat #menu > ul > li > a { border-right-width:6px; padding:19px 14px 20px 7px; background:url(../img/nav_arrow.png) right center no-repeat; background-size:8px auto; font-size:19px; }

[dir="rtl"] #menu > ul > li > ul > li > a,
[dir="rtl"] .structure-flat #menu > ul > li > a { border-right-width:1px; border-left-width:6px; padding-left:14px; padding-right:8px; 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: 10px; font-size: 12px; 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 10px 1.5em; list-style: none; background: url(../img/list_square.png) no-repeat left 5px; background-size:10px auto; }
[dir=rtl] .terms.contents .content ul li { padding: 0 1.5em 10px 0; background-position:right 5px; }
.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 10px ; }
.terms.contents .content ul li ul li { margin: 0 0 0 1.2em; border:none; padding: 0 0 5px; 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: 5px; }
.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: 5px 0 5px 1.5em; }
[dir=rtl] .terms.contents .content ul table td ul { padding: 5px 1.5em 0 5px; }
.terms.contents .content ul table td ul li { padding: 4px 0 2px; }
.terms.contents .content ul table td ul li span { display: block; font-size: 11px; 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 25px 1.6em; background-position:left 4px; }
[dir=rtl] .terms.contents .content ul li { background-position:right 4px; }
.terms.contents .content ul li h4 { padding: 0 0 10px; }
.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: 10px 0 0; border-color: #c7c7c7; margin-bottom: 15px; }
.terms.contents .content ul table th { width:auto; }
.terms.contents .content ul table td { padding: 30px; }
}


/*-----------------------------------
Footer
-----------------------------------*/
footer { margin-top:50px; clear:both; padding:30px 0 50px; }
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 5px; font-size:16px; }
footer .footer-group2 { font-size:12px }

footer .footer-manual-number { margin-bottom:6px; }

@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:16px; line-height:1; }
footer .footer-group2 { font-size:16px; }

footer .footer-terms { margin-bottom:46px; }
footer .footer-manual-number { margin-bottom:5px; }
footer .footer-copyright { margin-bottom:50px; }
}

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

footer .footer-group1 { font-size:16px; line-height:1; }
footer .footer-group2 { font-size:10.5px; }

footer .footer-terms { margin-bottom:25px; }
footer .footer-manual-number { margin-bottom:10px; }
footer .footer-copyright { margin-bottom:60px; }
}


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