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

/*-----------------------------------
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; zoom:.5; }

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: 100px; height: 78px; background-position: left 0; background-repeat: no-repeat; display: none; }
header .menu a{ float:left; display:block; width:101px; height:78px; font-size:0; text-indent:-9999px; }
header .menu a#button-menu { background-image: url(../img/button_menu.png); }
header .menu a#button-menu.active { background-position: left -100px; }

.menu-area { display:none; position:absolute; top: 164px; 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); 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) }


/*-----------------------------------
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: 40px; }
section h2 { padding: 41px 0 18px 0; border-bottom: 2px solid #dddddd; font-size: 38px; }


/*-----------------------------------
Top Page
-----------------------------------*/
.top section h1 { padding-top: 35px; }
.top section h2 { padding: 11px 0 0 0; border:none; line-height: 1; }
.top section h2 img { vertical-align: middle }
.top .main-visual { margin-top: 15px; text-align: center; }
.top .information { margin: 5px 0px 0px; padding: 0px; }

/* 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: 25px; padding-bottom: 5px; line-height: 1.4; font-size: 34px; }
.top .information.pattern2 p a { display: inline-block; margin-top:15px; font-size:36px; }
.top .information.pattern2 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; }
.top .information.pattern2 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; }
.top .information.pattern2 .article ul { padding:0.5em 0 0 1.5em; list-style-type:disc; line-height:1.5; }
.top .information.pattern2 ul.list li { padding-bottom: 20px; }
.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 article { margin: 0px; padding: 0px;}
.top nav { margin: 0px; padding: 0px;}
.top nav h3 { margin-top: 60px; 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 }
.top .copyright { padding-top: 90px;  }


/*-----------------------------------
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; }
.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: 65px 0 12px 0;
	font-size: 36px;
	line-height: 1.0;
}
.contents h4 { padding: 35px 0 18px 0; font-size: 34px; line-height: 1.4; }
.contents h5 { padding: 45px 0 8px 0; font-size: 36px; 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:10px 0 10px 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: 14px 2px 14px 2px;
	line-height: 1.4;
}
.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 ol li p.img-right { text-align: right }


/*-----------------------------------
Contents List / Page Link / Contents Table
-----------------------------------*/
/* Basic */
.contents article ul.list li { padding-bottom: 15px; }
.contents article ul.list li:last-child { padding-bottom: 0px; }
/* SmallSize01 */
.contents * ul.small-list { padding-top: 4px; padding-bottom: 4px; line-height: 1.4; font-size: 27px; }
.contents * ul.small-list li { padding: 5px 0 5px 0 }
.contents * 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 .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; padding: 19px 0 15px 0; }
.search section .turn-page a.left { left:0; }
.search section .turn-page a.right { right:0; }
.search section .turn-page a img { vertical-align: middle; }
.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; }
.search section .search-box .inner .form-area { position: static; } 
.search section .search-box .inner .form-area form {  }
.search section .search-box .search-form { position: static; margin: 14px -130px 13px 13px; padding: 0px 0px 0px 15px; width:497px; float: left; }
.search section .search-box .search-button { position: static; margin: 14px 13px 13px 0px; padding: 0; width:130px; float: right; }
.landscape .search section .search-box .search-form { width: 87.5%; }
.apple .search section .search-box .search-button { position: relative; top: -2px; } 
.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; }
.page-nav { padding: 75px 0 10px 0; text-align: center; font-size: 32px; }
footer { font-size: 21px !important; margin: 0 auto; text-align: center;  }
.copyright { padding: 20px 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; }


/*-----------------------------------
Asterisk
-----------------------------------*/
p.ast { padding-left: 30pt; text-indent: -22pt; font-size: 90%; }


/*-----------------------------------
top tips
-----------------------------------*/
.top div.postreq { padding: 40px 15px 20px; font-size: 32px; line-height: 1.25em; color: #666; }
.top .information.pattern2 p { padding: 5px 0px; }
.top .conbody { margin: 0px; padding: 0px;}
.top .article { margin: 0px; padding: 0px;}

.contents .postreq { margin: 0px; padding: 0px;}

/*-----------------------------------
thumbnail list
-----------------------------------*/
ul.list-dl {
	margin:0 !important;
	padding: 0 !important;
    margin-top: 1.6em;
    padding-bottom: 1.13em;
    padding-top: 0.38em;
}

ul.list-dl li {
	list-style: none outside none;
	padding: 0.5em 0 !important;
	position: relative;
}

ul.list-dl li dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

ul.list-dl li dl dt {
    display: block;
    float: left;
	vertical-align: middle;
}

ul.list-dl li dl dd {
	padding-left: 90px;
	padding-top: 12px;
	margin: 0;
}