@charset "utf-8";
/*
---------------------------------------
# Device: SmartPhone
# File: css/master.css
# Version: 1.13
# Update: 2012.12.14
---------------------------------------
*/

/*-----------------------------------
Common
-----------------------------------*/
html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, input, article, aside, footer, header, hgroup, nav, section { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-style: normal; font-weight:normal; }
html { height: 100% }
body { height: 100%; background:#ffffff; line-height: 1.2; font-size:30px; color: #333333; display: none; zoom:.5; }

html:\66irst-child body { display: block; }
body[class|="hypen-ated"] body { display: block; }  
table {	border-collapse: collapse;	border-spacing: 0; }
img { line-height:1; }
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 { text-decoration: none; }
.container { position:relative; width:100%; height: 100%; min-height: 100%; }


/*-----------------------------------
Header
-----------------------------------*/
header { position: relative; width: 100%; background: #c8c8c8; }
header h1 { padding: 30px 24px 28px 24px; min-height:106px; line-height: 1;}
header h1 .logo { display: block; }
header h1 .title { display: inline-block; margin-top: 27px; font-size: 48px; color:#333333; }


/*-----------------------------------
Menu Area (Header)
-----------------------------------*/
header .menu { position: absolute; top: 43px; right: 24px; width: 202px; height: 78px; background-position: left 0; background-repeat: no-repeat; }
header .menu a { float:left; display:block; width:101px; height:78px; font-size:0; text-indent:100%; white-space:nowrap; overflow:hidden;}
header .menu a#button-menu { background-image: url(../img/button_menu.png); }
header .menu a#button-menu.active { background-position: left -100px; }
header .menu a#button-search { background-image: url(../img/button_menu_search.png); }
header .menu a#button-search.active { background-position: left -100px; }
.menu-area { display:none; position:absolute; z-index:100;}
.apple .menu-area {  -webkit-transform: translate3d(0,0,0)  }
.menu-area.category { left: 0; right: 0; z-index: 10000; padding:1px 25px; -moz-box-shadow: 0 10px 9px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 9px rgba(0,0,0,0.4); box-shadow: 0 10px 9px rgba(0,0,0,0.4); background-color:#fafafa; }
.menu-area.category li { border-bottom: 2px solid #dddddd }
.menu-area.category li.top { border: none }
.menu-area.category li a { display: list-item; padding: 44px 10px 39px 73px; background-repeat: no-repeat, no-repeat; background-position: left center, right center; font-size: 38px; }
.apple .menu-area.category li a { padding: 42px 10px 41px 73px; }
.menu-area.category li.howtouse a { background-image: url(../img/icon_menu_howtouse.png), url(../img/nav_arrow.png) }
.menu-area.category li.faq a { background-image: url(../img/icon_menu_faq.png), url(../img/nav_arrow.png) }
.menu-area.category li.contentslist a { background-image: url(../img/icon_menu_contentslist.png), url(../img/nav_arrow.png) }
.menu-area.category li.top a { background-image: url(../img/icon_menu_top.png), url(../img/nav_arrow.png) }
/* Search Box */
.menu-area.search { left: 0; right: 0; padding:0 10px 30px 10px; -moz-box-shadow: 0 10px 9px rgba(0,0,0,0.4); -webkit-box-shadow: 0 10px 9px rgba(0,0,0,0.4); box-shadow: 0 10px 9px rgba(0,0,0,0.4); background-color: #fafafa; }
.search .search-box { margin-top: 30px; height: 101px; }
.search .search-box .form-area { position: relative; width:100%; height:87px; }
.search .search-form { position: absolute; top: 13px; left: 13px; right:141px; padding: 2px 5px 0 15px; height: 74px; border:none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: #ffffff url(../img/form_search.png) no-repeat left top; line-height:38px; font-size: 38px; color:#999999; }
.apple .search .search-form { -webkit-transform: translate3d(0,0,0) }
.search .search-form.active { color: #000; }
.search .search-button { position: absolute; top: 13px; right: 13px; width: 130px; height: 74px; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; cursor: pointer; background: #fff url(../img/button_search.png) no-repeat left top; text-indent: -9999px; }
.search .search-button.active { background-position: -130px top; }
.search .keyword { margin-top:37px; padding: 0px 25px; position:relative; }
.search .keyword h3 { padding-bottom: 10px; border:none; font-size:38px; color:#404040; }
.search .keyword ul { width:100%; padding: 0 0 30px; }
.search .keyword li { display: list-item; list-style: disc; margin:50px 0px 20px 60px; padding:0; font-size:36px;}
.menu-area.search.no-keyword { padding-bottom: 45px; }
.search.no-keyword .search-box { margin-top: 45px; }


/*-----------------------------------
Category-Title
-----------------------------------*/
h1.category-title { overflow:hidden; padding: 16px 0 13px 80px; background-position: left center; background-repeat: no-repeat; background-color: #e6e6e6; font-size:36px; }
.howtouse h1.category-title { background-image: url(../img/icon_title_howtouse.png) }
.faq h1.category-title { background-image: url(../img/icon_title_faq.png) }
.search h1.category-title { background-image: url(../img/icon_title_search.png) }
.sitemap h1.category-title { background-image: url(../img/icon_title_contentslist.png) }


/*-----------------------------------
Section (Contents Area)
-----------------------------------*/
section { position: static; padding: 0 25px 20px 25px; }
section h1 { padding-top: 45px; }
section h1 .category-name { font-size: 28px }
section h1 .model-name { display: block; font-size: 38px; }
section h1 .model-name .model-number { display: inline-block; margin-left: 0.8em; font-size: 24px; }
section h2 { padding: 41px 0 18px 0; border-bottom: 2px solid #dddddd; font-size: 38px; }


/*-----------------------------------
Language Select
-----------------------------------*/
body.language .top section h2 { height: 22px; padding: 25px 0px 0px; border:none; line-height: 1; display: block; }
body.language .top section h2 img { }
body.language .top .main-visual { margin-top: 0px; text-align: center; }
body.language .top nav { padding-top: 36px; }
body.language .top section h2 + nav { padding-top: 100px;}
body.language .top nav li:first-child { border-top: 2px solid #dddddd }
body.language .copyright { margin-top: 100px;}


/*-----------------------------------
Top Page
-----------------------------------*/
.top section h1 { padding-top: 25px; }
.top section h2 { min-height: 30px; padding: 25px 0 0 0; border:none; line-height: 1; }
.top section h2 img { vertical-align: middle; display: block; }
.top .main-visual { margin-top: 5px; text-align: center; }
.top .information { margin-top: 35px; }
/* Infromation Style */
.top .information.pattern1 { border-top: 2px solid #dddddd }
.top .information.pattern1 li { border-bottom: 2px solid #dddddd; font-size: 38px; }
.top .information.pattern1 li a { display: list-item; padding: 25px 13px 20px 13px; }
.top .information.pattern1 li a span { display: block; padding-bottom: 11px; font-size: 28px; color: #333333; }
.top .information.pattern2 p { padding-top: 27px; line-height: 1.4; font-size: 36px; }
.top .information.pattern2 p a { display: inline-block; margin-top:15px; font-size:36px; }
.top .information.pattern3 { border-top: 2px solid #dddddd }
.top .information.pattern3 .list li { border-bottom: 2px solid #dddddd; font-size:38px; }
.top .information.pattern3 .list li a { display: list-item; padding: 45px 13px 38px 13px; }
.top .information.pattern3 p { padding: 43px 13px 0 13px; line-height:1.5; }
.top .information.pattern3 .notice li { padding:52px 13px 5px 13px; }
.top .information.pattern3 .notice li:last-of-type { padding-bottom:0; }

.top nav h3 { margin-top: 75px; padding: 16px 0 13px 67px; background-position: left center; background-repeat: no-repeat; background-color: #c8c8c8; font-size:36px; }
.top nav h3.howtouse { background-image: url(../img/icon_nav_howtouse.png) }
.top nav h3.faq { background-image: url(../img/icon_nav_faq.png) }
.top nav h3.contentslist { background-image: url(../img/icon_nav_contentslist.png) }
.top nav li { border-bottom: 2px solid #dddddd }
.top nav li a { display: list-item; padding: 45px 45px 38px 15px; background: url(../img/nav_arrow.png) no-repeat right center; font-size: 38px; }
.apple .top nav li a { padding: 40px 45px 43px 15px; }
.top nav li a:active { background-color: #eeeeee }


/*-----------------------------------
Category Index / Contents Index
-----------------------------------*/
.category-index .list li { border-bottom: 2px solid #dddddd }
.category-index .list li a { display: list-item; padding: 45px 40px 38px 13px; background: url(../img/nav_arrow.png) no-repeat right center; font-size: 38px; }
.apple .category-index .list li a { padding: 40px 40px 43px 13px; }

.category-list .list li { border-bottom: 2px solid #dddddd }
.category-list .list li a { display: list-item; padding: 45px 40px 38px 13px; background: url(../img/nav_arrow.png) no-repeat right center; font-size: 38px; }
.apple .category-list .list li a { padding: 40px 40px 43px 13px; }

.subcategory-list .list li { border-bottom: 2px solid #dddddd }
.subcategory-list .list li a { display: list-item; padding: 36px 40px 30px 13px; background: url(../img/nav_arrow.png) no-repeat right center; font-size: 38px; }
.subcategory-list .list li span { display: block; padding-top: 8px; line-height:1.4; font-size: 32px; color:#333333; }
.subcategory-list .list li span.uicontrol { display: inline; line-height:1.0; font-size: 38px; color:#0066ff; }
.apple .subcategory-list .list li a { padding: 34px 40px 32px 13px; }

.contents-list h3 { padding-top:37px; font-size:38px; }
.contents-list h4 { padding-top:30px; font-size:32px; color:#646464; }
.contents-list .list { margin:0 0 0 50px; list-style: disc; font-size:38px; }
.contents-list .list li { margin:37px 0 55px 0; }


/*-----------------------------------
Contents Heading / Contents Caption
-----------------------------------*/
.contents h3 { padding-bottom: 20px; font-size: 32px; line-height: 1.4; }
.contents h4 { padding: 25px 0 18px 0; font-size: 29px; line-height: 1.4; }
.contents h5 { padding: 15px 0 9px 0; font-size: 28px; line-height: 1.4; }
.contents h4 span.note { display: inline-block; padding: 5px 3px 3px 3px; border: #cc0000 solid 1px;  border-radius: 3px; background: #cc0000; line-height: 1; font-size: 25px; color: #ffffff; }
.contents h4 span.hint { display: inline-block; padding: 5px 3px 3px 3px; border: #666666 solid 1px; border-radius: 3px; background: #ffffff; line-height: 1; font-size: 25px; color: #333333; }
.contents h5 span.note { display: inline-block; margin-bottom: 1px; padding: 4px 2px 2px 2px; border: #cc0000 solid 1px; border-radius: 2px; background: #cc0000; line-height: 1; font-size: 24px; color: #ffffff; }
.contents h5 span.hint { display: inline-block; margin-bottom: 1px; padding: 4px 2px 2px 2px; border: #666666 solid 1px; border-radius: 2px; background: ffffff; line-height: 1; font-size: 24px; color: #333333; }



/*-----------------------------------
Contents ul / ol
-----------------------------------*/
.contents nav ul,
.contents article ul { padding:0 0 0 1.5em; list-style-type:disc; line-height:1.5; }
.contents article ol { padding:0 0 0 1.5em; list-style-type:decimal; line-height:1.5; }


/*-----------------------------------
Contents Paragraph
-----------------------------------*/
.contents article { padding: 40px 2px 30px 2px; line-height: 1.55; }
.contents article img { vertical-align: middle }
.contents article span.bold { font-weight: bold }
.contents article p.short-dsc { padding: 0 0 20px 0 }
.contents article p.option-text { padding-top: 5px; line-height: 1.5; font-size: 27px; }
.contents article p.supplemental { font-size: 26px; line-height: 1.5; color: #666666; }


/*-----------------------------------
Contents Image
-----------------------------------*/
/* Basic */
.contents article p.img-left img,
.contents article p.img-center img,
.contents article p.img-right img { margin: 15px 0 }
.contents article p.img-left { text-align: left }
.contents article p.img-center { text-align: center }
.contents article p.img-right { text-align: right }
/* List Image */
.contents article ul li p.img-left img,
.contents article ul li p.img-center img,
.contents article ul li p.img-right img,
.contents article ol li p.img-left img,
.contents article ol li p.img-center img,
.contents article ol li p.img-right img { margin: 10px 0 }
.contents article ul li p.img-left,
.contents article ol li p.img-left { text-align: left }
.contents article ul li p.img-center,
.contents article ol li p.img-center { text-align: center }
.contents article ul li p.img-right,
.contents article ol li p.img-right { text-align: right }


/*-----------------------------------
Contents List / Page Link / Contents Table
-----------------------------------*/
/* Basic */
.contents article ul.list li { padding-bottom: 20px; }
.contents article ul.list li:last-child { padding-bottom: 0px; }
/* SmallSize01 */
.contents article ul.small-list { padding-bottom: 4px; line-height: 1.5; font-size: 27px; }
.contents article ul.small-list li { padding: 5px 0 15px 0 }
.contents article ul.small-list li:last-child { padding-bottom: 0 }
/* Step */
.contents article ol.step-list { padding-top: 17px }
.contents article ol.step-list li { padding-bottom: 25px }
.contents article ol.step-list li:last-child { padding-bottom: 0 }
/* Name */
.contents article ol.step-list ul.name-List { padding-top: 10px; line-height: 1.5; font-size: 27px; }
.contents article ol.step-list ul.name-List li { padding-bottom: 6px }
/* Option */
.contents article ul li ul.option-list { padding: 10px 0 0 0; }
.contents article ul li ul.option-list li { padding: 12px 0px 0px 27px; list-style: none; background: url(../img/list_line.png) no-repeat left 0.6em; line-height: 1.4; font-size: 27px; }
.contents article ul.small-list li ul.option-list li:last-child { padding-bottom: 0 }
/* Page Link */
.contents nav { padding: 40px 2px 0 2px }
.contents nav ul li { margin-bottom:17px; }
.contents nav ul li:last-child { padding-bottom: 0 }
/* Contents Table */
.contents article table { margin: 20px 0 2px 0 }
.contents article table th,
.contents article table td { padding: 10px; border: #666666 solid 1px; vertical-align: middle; }
.contents article table th { font-weight: bold; background: #e6e6e6; }
.contents article table th.center { text-align: center }


/*-----------------------------------
Search Page
-----------------------------------*/
.search section h2 span { display: block; padding-top:5px; font-size:32px; color:#4c4c4c;}
.search section .list li a { display: list-item; padding: 37px 15px 37px 15px; font-size: 38px; }
.search section .list li span { display: block; padding-top: 8px; line-height:1.4; font-size: 32px; color:#333333; }
.search section .list li span b { color: #000; }
.search section .turn-page { clear:both; position:relative; padding-top: 60px; border-top: 1px solid #d1d1d1; text-align: center; }
.search section .turn-page .inner { display:block; position:relative; margin:0 auto; padding:0 80px; width:504px;}
.search section .turn-page a { display: inline-block; margin: 0 15px; padding: 19px 22px 15px 24px; border: 2px solid #dddddd; line-height: 1; }
.search section .turn-page a.left,
.search section .turn-page a.right { position:absolute; top:0; margin:0; width: 66px; height: 33px; padding: 19px 0 15px 0; }
.search section .turn-page a.left { left:0; background: url(../img/arrow_turnpage_l.png) no-repeat 50% 50%; }
.search section .turn-page a.right { right:0; background: url(../img/arrow_turnpage_r.png) no-repeat 50% 50%; }
.search section .turn-page a:hover,
.search section .turn-page a.active { background-color: #e6e6e6; text-decoration: none; color: #333333; }
.search section .turn-page .item-number { padding-top: 31px }
.search section .keyword { margin:0; padding: 45px 15px 25px 15px; border-top: 2px solid #dddddd; }
.search section .keyword h3 { padding-bottom: 2px; border:none; color:#585858; }
.search section .keyword h3 b { color:#000000; }
.search section .keyword li { display: list-item; list-style: disc; margin:40px 25px 22px 60px; padding:0; vertical-align: top; }
.search section .search-box { margin-top: 40px; padding:2px; border: 2px solid #dddddd;  position: static }
.search section .search-box .inner { height: 101px; background: #f0f0f0; position: static; }

.apple .search section .search-box .search-button { position: relative; top: -2px; } 
.apple .search section .search-box.foot .search-button { position: absolute; top: 12px; } 
.search .guidance { clear: both; padding: 54px 10px 0 10px; }
.search .guidance h3 { font-size: 38px; }
.search .guidance p { padding-top:52px; line-height:1.4; font-size: 36px; }
.search .guidance ul { padding: 0 0 0 40px; }
.search .guidance li { display: list-item; list-style: disc; margin:0 30px; padding:12px 0 15px; }

/* Notfound Page */
.notfound .guidance { clear: both; padding: 30px 10px 0 10px; }
.notfound .guidance h3 { line-height:1.5; }
.notfound .guidance p { padding-top:35px; line-height:1.5; }
.notfound .guidance ul { padding: 50px 0 50px 60px; }
.notfound .guidance li { display: list-item; list-style: disc; padding:12px 0 15px; }


/*-----------------------------------
Parts Common
-----------------------------------*/
/* Related Topic */
.related-topic { margin-top: 49px; border: 2px solid #c8c8c8; }
.related-topic h3 { margin: 2px; padding: 11px 12px 8px 12px; background: #c8c8c8; }
.related-topic ul { border-top: 2px solid #dddddd; font-size:32px; }
.related-topic li { margin: 35px 10px 10px 60px; list-style: disc; }
.related-topic li:last-of-type { margin-bottom: 30px; }

.return-pagetop { clear: both; padding: 29px 4px 5px 4px; text-align: center; }
.return-pagetop a { display: inline-block; padding: 0; background: url(../img/arrow_return_pagetop.png) no-repeat left center; font-size:25px; }


/*-----------------------------------
Term Page
-----------------------------------*/
.terms .contents h2  { overflow: hidden; }
.terms .contents h2 span.publication-year { display: inline-block; margin-top: 20px; font-size: 24px; text-align: right; float: right; }
.terms .contents article ul { margin: 0px; padding: 0px; }
.terms .contents article ul li { margin: 0px; padding: 0px 0px 25px 1.6em; list-style: none; background: url(../img/list_square.png) no-repeat 6px 8px; }
.terms .contents article ul li h4 { margin: 0px; padding: 0px 0px 10px ; }
.terms .contents article ul li ul li { margin: 0px 0px 0px 1.1em;  padding: 0px 0px 5px; list-style: disc; background: none; }
.terms .contents article ul table { width: 100%; margin: 10px 0px 0px; border-color: #c7c7c7; margin-bottom: 15px; }
.terms .contents article ul table th { text-align: center; font-weight: normal; vertical-align: middle; }
.terms .contents article ul table td { padding: 30px; font-weight: normal; vertical-align: middle; }
.terms footer .terms a { color: #585858; text-decoration: none; }
.terms footer .terms a:hover { text-decoration: none; }


/*-----------------------------------
Footer
-----------------------------------*/
footer { font-size: 21px !important; margin: 0 auto; text-align: center; }
footer .page-nav { padding: 75px 0 10px 0; text-align: center; font-size: 32px; }
footer .terms { padding: 120px 0 40px 0; margin: 0 auto; text-align: center; font-size: 32px; color: #808080; width:500px; }
footer .manual-number { padding: 0 0 10px;  margin: 0 auto; text-align: center; font-size: 21px; color: #808080; width:500px; }
.copyright { padding: 0 0 100px 0; margin: 0 auto; text-align: center; font-size: 21px; color: #808080; width:500px; }


/*-----------------------------------
Tap Style
-----------------------------------*/
.impact a { -webkit-tap-highlight-color:rgba(0,0,0,0) !important; background-color:transparent !important; -webkit-touch-callout:none; -webkit-user-select: none; }
.impact a.touchover { background-color: #3f8bfe !important; color: #ffffff; }
.impact a.touchover span { color: #ffffff !important; }
.impact	a.touchout { background-color:transparent;}


/*-----------------------------------
Screen Overlay
-----------------------------------*/
#ScreenOverlay { -webkit-tap-highlight-color:rgba(0,0,0,0); position:absolute; width:100%; height:100%; background-color:transparent; z-index:0 }


/*-----------------------------------
Page for a short
-----------------------------------*/
section div.box { display: block; width:100%; text-align:center; margin: 0 auto; height: 100% }
section div.box p { display: block; line-height: 1000%; height: 3em; }




