@charset "utf-8";

/* From shared_V2/css/reset.css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; word-spacing: 0; letter-spacing: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins {text-decoration: none; }
li { list-style: none; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/* overwrite style
-----------------------------------------------*/
.pbAreaWrapper1 { margin-top: 0; }
.pbRightArea { margin-top: 27px; }
.pbFooterArea { margin-top: 0; }
.breadList { margin: 17px auto 0; }
.breadList li.cur strong { font-weight: normal; }
#footerArea .breadList { margin: 20px auto 30px; width: 980px; }
#footerArea .breadList ul li { margin-right: 5px; padding-right: 10px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_breadcrumb.gif") no-repeat right 1px; font-size: 11px; }
.h1Mode { margin-top: 27px; }
.h2Mode { position: relative; margin: 30px auto 20px; }
a.icnBullet,
a.icnBlank,
a.icnDownload,
span.icnBullet,
span.icnBlank,
span.icnDownload { background-position: 0 center; }
.bltList .icnUnlink .icnBlank { display: inline-block; }
.udl { text-decoration:underline !important; }
.text_anchor { padding-left:15px; background:url("http://media4.kddi.com/extlib/library_ip/images/common/icn_pageanc.png") no-repeat left center;}
.ttl.ip-ttl { padding-bottom: 5px; border-bottom: 1px solid #b3b3b3; }
/* @end */


/* ip original style
-----------------------------------------------*/
.ip-infobox { padding: 15px; text-align: center; border: 1px #e5e5e5 solid; background-color: #fff5ef; }
.ip-infobox .em { font-size: 150%; }
.ip-tax:before { content: ''; clear: both; display: block; overflow: hidden; height: 4px; width: 980px; margin: 20px 0 0; border-top: 1px dotted #b3b3b3; }
.ip-trademark { margin: 0 auto; width: 980px; list-style: disc; list-style-position: inside; margin: 15px 0 20px !important; font-size: 85%!important; }
.ip-trademark li { list-style: disc; list-style-position: inside; }
.ip-wrapper { margin: 0 auto; width: 980px; }
.rc_btn_ttl span.nolink { font-weight:bold; width:220px; height:43px; display:inline-block; background:url("http://media4.kddi.com/extlib/library_ip/images/common/bg_btn_rc_ttl.jpg") no-repeat top left; }
.rss { display: block; background: url("http://media4.kddi.com/extlib/ai/images/common/ico_rss_s.gif") 0 0 no-repeat; padding-left: 16px; }
.news_box.half { width: 478px; }
.lineTopDot { border-top:1px dotted #b3b3b3; padding-top:5px; margin-top:5px; }
.gb_box { border: 1px solid #ccc; padding: 15px; }
.mt75 { margin-top:75px!important; }
.mr80 { margin-right:80px!important; }
.pt75 { padding-top:75px!important; }
.cRed       { color: #ff0000; }
.cOrange    { color: #ff7100; }
.cOrange2   { color: #eb5505; }
.cDarkGray  { color: #666666; }
.cGray      { color: #777777; }
.cBlue      { color: #048cff; }
.cAttention { color: #dd2211; }
.AttentionColor { color:#ff0000; }
.tCenter { text-align: center !important; }
.clear   { clear: both; }
.floatL  { float: left; _display: inline; }
.floatR  { float: right; _display: inline; }
.tRight  { text-align: right!important; }
.tLeft   { text-align: left!important; }
.tCenter { text-align: center!important; }
.tBold   { font-weight: bold !important; }
.icn_recommend img { margin-left: .5em; padding-bottom: 2px; vertical-align: bottom; }
.qaContents iframe { width: 723px; }
.lineTop { border-top:1px solid #b3b3b3; padding-top:5px; margin-top:5px; }
.lineTopDot { border-top:1px dotted #b3b3b3; padding-top:5px; margin-top:5px; }
.lineBottom { border-bottom:1px solid #b3b3b3; padding-bottom:5px; margin-bottom:10px; }
.lineRight { border-right:1px dotted #b3b3b3; }
.lineLeft { border-left:1px dotted #b3b3b3; }
.icnBlank.linkWhite { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_m_02.gif"); }
.icnBlank.linkWhite a { color: #fff; text-decoration: underline; }
/* @end */


/* maincontents
-----------------------------------------------*/
#contentBodyArea:after,
#maincontents:after { content: ''; clear: both; display: block; height: 0; visibility: hidden; }
#maincontents { margin-bottom: 25px; }
#maincontents p { margin-bottom: .5em; line-height: 1.6; }
#maincontents li { line-height: 1.8; }
#maincontents .linkBox p { margin-bottom: 0; }
/* @end */


/* @contentHeader
-----------------------------------------------*/
#cHead { position: relative; margin: 30px auto 0; width: 980px; height: 46px; }
#cHead h1 a,
#cHead p.logo a { display: block; float: left; margin: 0; height: 26px; }
#cHead p.logo { margin-bottom: 0; line-height: 1; }
#cHead:after { content : ''; display : block; clear : both; overflow: hidden; white-space: nowrap; }
#cHead .head_btn { position: relative; float: right; }
/* @end */


/* pbRightArea
-----------------------------------------------*/
.pbRightArea .localmenu { margin-bottom: 10px; background-color: #f9f9f9; }
.pbRightArea .localmenu ul li span.icnBlank a { background: none;  padding-left:0; }
.pbRightArea .localmenu ul li a.current { font-weight: bold; color: #eb5505 !important; }
.pbRightArea .localmenu ul li a { padding-left:12px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet.png") no-repeat 0 0.3em; zoom: 1; }
.pbRightArea .localmenu p.content_subtitle { padding:  12px 15px;  background:  #fff4ee; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-weight: bold; }
.pbRightArea .localmenu p a.current { font-weight: bold; color: #eb5505 !important; }
.pbRightArea .localmenu .rc_btn_ttl a { color: #222 !important; }
.pbRightArea .localmenu .rc_btn_ttl a:hover { color: #eb5505 !important; text-decoration: none; }
.pbRightArea .localmenu.categorymenu.supportsub .rc_icnBullet > .inner { padding-left: 0; }
.pbRightArea .localmenu.categorymenu.supportsub .rc_btn_ttl a .rc_icnBullet > span { padding-left: 0; }
.pbRightArea .localmenu.categorymenu .rc_btn_ttl { border-bottom: 1px solid #e2e2e2; }
.pbRightArea .localmenu.categorymenu .rc_btn_ttl span.nolink { color: #fff !important; background: #e85200; }
.pbRightArea .localmenu.categorymenu .rc_btn_ttl a { color: #fff !important; background: #e85200; }
.pbRightArea .localmenu.categorymenu .rc_btn_ttl a .rc_icnBullet { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet_white.png"); }
.pbRightArea .localmenu.categorymenu .rc_btn_ttl .rc_icnBase { background-image: url("http://media4.kddi.com/extlib/ai/images/iphone/common/icn_base_w.gif"); }
.pbRightArea .localmenu.categorymenu .localmenu_link .localmenu_linkinner { padding-bottom: 1px; }
.pbRightArea .localmenu:not(.categorymenu) .localmenu_link { background-color: #fff; }
.pbRightArea .localmenu:not(.categorymenu) .localmenu_link ul li { margin: 8px 0; }
.pbRightArea .localmenu .local_box { position: relative; padding: 12px 0 0 0; border-top: 1px solid #e2e2e2; }
.pbRightArea .localmenu .local_box.first { border-top-width: 0; }
.pbRightArea .localmenu .local_box ul { padding-right: 10px; padding-bottom: 10px; }
.pbRightArea .localmenu .local_box ul li { margin-bottom: 0; padding-left: 16px; padding-right: 10px; }
.pbRightArea .localmenu .local_box p.nolink:before { content: ''; clear: both; display: block; position: absolute; left: 0; height: 0; width: 100%; margin-top: -12px; border-top: 1px solid #e2e2e2; }
.pbRightArea .localmenu .local_box p.nolink { padding-top: 10px; padding-left: 28px; padding-bottom: 10px; margin-bottom: 0; font-weight: bold; background: #fff; }
.pbRightArea .localmenu .local_box p.nolink + ul:before { border: none; }
.pbRightArea .localmenu .local_box p.nolink + ul { margin-top: -18px; }
.pbRightArea .localmenu .local_box p { margin-bottom: 11px; padding-left: 16px; padding-right: 10px; }
.pbRightArea .localmenu .local_box p a { padding-left:12px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet.png") no-repeat 0 0.3em; zoom: 1; }
.pbRightArea .localmenu .local_box p + ul:before { content: ''; clear: both; display: block; position: absolute; left: 0; height: 0; width: 100%; margin-top: -12px; border-top: 1px solid #e2e2e2; }
.pbRightArea .localmenu .local_box p + ul { padding-top: 12px; padding-left: 15px; background: #fff; }
.pbRightArea .localmenu .local_box p + ul li { margin: 8px 0; }
.pbRightArea .localmenu_link { width: 220px; padding: 0; margin: 0; background: url("http://media4.kddi.com/extlib/library_ip/images/common/bg_block_rc_btm.gif") no-repeat left bottom; }
.pbRightArea .localmenu_link .localmenu_linkinner { border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding-bottom: 12px; }
.pbRightArea .localmenu_linkinner p:first-child { border-top: none !important; }
.pbRightArea .localmenu_linkinner div:last-child { margin-bottom: 0; }
.pbRightArea .localmenu_linkinner div:last-child ul li:last-child { margin-bottom: 0; }
.pbRightArea .localmenu_linkinner div:last-child p.catetitle { margin-bottom: 0; }
.pbRightArea .localmenu_linkinner div:last-child p.catetitle + ul { margin-top: 10px; }
.pbRightArea span.nolink .rc_icnBullet { background: none; }
.pbRightArea .local_anshin .rc_btn_ttl span.nolink { height: 59px; background: url(http://media4.kddi.com/extlib/library_ip/images/common/bg_btn_rc_ttl_l.jpg) no-repeat top left; }
.pbRightArea .local_anshin .rc_icnBase { background: url(http://media4.kddi.com/extlib/library_ip/images/common/icn_base_l.gif) no-repeat 12px 16px; }
.pbRightArea .local_anshin .localmenu_link { background-color: #fff; }
.pbRightArea .local_anshin .localmenu_linkinner { padding: 10px 16px 12px; }
.pbRightArea .local_anshin .localmenu_linkinner:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pbRightArea .local_anshin .floL { float: left; margin-left: 1em; width: 100px; }
.pbRightArea .local_anshin .floR { float: right; }
.pbRightArea .local_anshin .floL p { text-indent: -1em; line-height: 1.5; }
/* @end */


/* .ip-rnav_banner
-----------------------------------------------*/
.ip-rnav_banner { margin-top: 10px; margin-bottom: 10px; }
.ip-rnav_banner div { height: auto; overflow: hidden; }
.ip-rnav_banner div img { max-width: 218px; }
/* end */


/* faq_box
-----------------------------------------------*/
.faq_box { padding: 0 15px; }
.faq_box ul li { margin-bottom: 10px; padding-left: 12px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_m.gif") no-repeat 0 0.35em; zoom: 1; }
/* @end */


/* info_box
----------------------------------------------- */
.info_box { margin-bottom: 15px; padding: 15px; background: #fff4ee; border: 1px solid #e5e5e5; }
.info_box h2,
.info_box h3 { font-weight: bold; font-size: 1.1em; }
/* @end */


/* infoListBox
-----------------------------------------------*/
.infoListBox li { line-height: 1.8; }
.infoListBox .infoList .infoListItem { margin-bottom: 5px; }
.infoListBox .infoList .infoListItem dt { width:125px; }
.infoListBox .infoList .infoListItem dt.icn_important { background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_important.png") no-repeat right 0 ; }
.infoListBox .infoList .infoListItem dt.icn_mobile { background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_mobile.png") no-repeat right 0 ; }
.infoListBox .infoList .infoListItem dt.icn_internet { background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_internet.png") no-repeat right 0 ; }
.infoListBox .infoList .infoListItem dt.icn_content { background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_content.png") no-repeat right 0 ; }
.infoListBox .infoList .infoListItem dt.icn_csr { background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_csr.png") no-repeat right 0 ; }
.infoListBox .infoList .infoListItem dt.icn_area { background: url("http://media4.kddi.com/extlib/ai/images/common/icn_area.png") no-repeat right 0 ; }
.infoListBox .infoList .infoListItem dt.icn_subway { background: url("http://media4.kddi.com/extlib/ai/images/common/icn_subway.png") no-repeat right 0 ; }
/* @end */


/* ip-vote_box
-----------------------------------------------*/
.ip-vote_box .vote_title { margin-bottom: 10px; }
.ip-vote_box .vote_title h2 { float: left; margin-right: 20px; font-size: 16px; }
.ip-vote_box .vote_title p { font-size: 14px; font-weight: bold; padding-top: 0.2em; }
.ip-vote_box .vote_text { padding: 20px 20px 10px; border: #edebeb 1px solid; background: #f5f5f5; text-align: center; }
.ip-vote_box .vote_text ul li { display: inline-block; margin: 20px; }
.ip-vote_box .vote_text ul li input { -webkit-appearance: none; font-size:120%; font-weight: bold; width:150px; height: 46px; display:inline-block; background:url("http://media4.kddi.com/extlib/ai/images/common/bg_btn_vote.png") no-repeat top center; cursor:pointer; border: none;}
.ip-vote_box .vote_text ul li input:hover { background-position:bottom left; color: #eb5505;}
.ip-vote_box .vote_text p strong { font-size: 16px; }
.ip-vote_box .vote_text p { margin-top: 10px; margin-bottom: 10px; }
/* @end */


/* Masked Icon
-----------------------------------------------*/
.masked_icon { position: relative; width: 80px; height: 80px; }
.masked_icon_mask { display: block; position: absolute; top: 0; left: 0; width: 80px; height: 80px; background: transparent url("http://media4.kddi.com/extlib/ai/images/common/icon_mask80.png") no-repeat 0 0; }
/* end */


/* notes
-----------------------------------------------*/
#contentBodyArea .notes      { margin: 0; text-indent: -1em; padding-left: 1em; text-align: left; }
#contentBodyArea .notes.notes_2 { text-indent: -2em; padding-left: 2em; }
#contentBodyArea .notes.notes_28 { text-indent: -2.8em; padding-left: 2.8em; }
#contentBodyArea .notes.notes_3 { text-indent: -3em; padding-left: 3em; }
#contentBodyArea .notes a { text-indent: 0; }
/* @end */


/* tax_notes
-----------------------------------------------*/
p.tax_notes { padding: 0; }
p.tax_notes.fleft { padding-bottom: .5em; }
p.tax_notes.fleft span { float: left; margin-bottom: .8em; }
p.tax_notes.right { text-align: right; }
p.tax_notes span { padding: .3em .5em; border: #000 1px solid; }
p.tax_notes strong { color: #f00; }
/* @end */


/* tableA01 (service)
----------------------------------------------- */
.tableA01 { border-collapse: collapse; border: 2px solid #d1d1d1; width:100%; }
.tableA01 th { vertical-align: middle; }
.tableA01 th,
.tableA01 td { font-weight:normal; text-align:center; padding:5px 10px; border:1px solid #d1d1d1; }
.tableA01 .thBG { font-weight:bold; color:#fff; background:#bbbcc0; }
/* @end */


/* nav_textlink (service)
----------------------------------------------- */
.nav_textlink { white-space: -.40em; padding: 0 !important; }
.nav_textlink li { display: inline-block; padding-right: 10px; white-space: normal; }
.nav_textlink li a,
.nav_textlink li a:before { display: inline-block; }
.nav_textlink li a:before { content: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet.png"); display: inline-block; padding: 0.6em 0.5em 0 0; }
/* @end */


/* icn_pdf
----------------------------------------------- */
.icn_pdf,
.icn_pdf:before,
.icn_pdf:after { vertical-align: middle; }
.icn_pdf:before,
.icn_pdf:after { display: inline-block; }
.icn_pdf:before { content: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_download.png"); padding-right: 0.5em; }
.icn_pdf:after { content: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_pdf_01.png"); padding-left: 0.5em; }
.msie7 .icn_pdf { padding-left: 14px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_download.png") no-repeat left 50%; }
.msie7 .icn_pdf a { padding-right: 30px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_pdf_01.png") no-repeat right 50%; }
/* @end */


/* udrTabLink
----------------------------------------------- */
.udrTabLink ul li + li { margin-top: 10px; }
.udrTabLink ul li a.current { color:#eb5505 !important; font-weight:bold; }
/* @end */


/* tab
-----------------------------------------------*/
div.cmnparts_tab { position: relative; width: 100%; }
div.cmnparts_tab:after { content: ''; clear: both; display: block; height: 0; }
div.cmnparts_tab > ul.tab_title:after { content: ''; clear: both; display: block; width: 100%; height: 0; border-bottom: 2px solid #ff7100; }
div.cmnparts_tab > ul.tab_title li.tab_current:after { content: ''; position: absolute; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; border-left: 2px solid #ff7100; border-right: 2px solid #ff7100; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.cmnparts_tab > ul.tab_title { width: 100%; margin: 1em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-weight: bold; }
div.cmnparts_tab:first-child > ul.tab_title { margin-top: 0; }
div.cmnparts_tab > ul.tab_title li { position: relative; display: inline-block; height: 3.3em; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: bottom; }
div.cmnparts_tab > ul.tab_title li a { display: block; width: 100%; height: 100%; padding: 0.75em 0.5em 0; line-height: 1.4; font-size: 1.25em; text-align: center; vertical-align: text-top; color: #000 !important; border: 2px solid #d2d2d2; border-bottom-width: 0; background-color: #f1f1f1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
div.cmnparts_tab > ul.tab_title li.tab_current a,
div.cmnparts_tab > ul.tab_title li.tab_current a:hover { text-decoration: none !important; }
div.cmnparts_tab > ul.tab_title li.tab_current a {
 border-color: #ff7100 !important; color: #eb5505 !important;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #fbf1ec), color-stop(0.8, #ffffff));
 background-image: -webkit-linear-gradient(top, #fbf1ec 30%, #ffffff 80%);
 background-image: -moz-linear-gradient(top, #fbf1ec 30%, #ffffff 80%);
 background-image: -ms-linear-gradient(top, #fbf1ec 30%, #ffffff 80%);
 background-image: -o-linear-gradient(top, #fbf1ec 30%, #ffffff 80%);
 background-image: linear-gradient(top, #fbf1ec 30%, #ffffff 80%);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbf1ec, endColorstr=#ffffff)";
}
div.cmnparts_tab > ul.tab_title > li:first-child { margin-left: 1em !important; }
div.cmnparts_tab > ul.tab_title.tab_num2 > li:first-child { margin-left: 2.0em !important; }
div.cmnparts_tab > ul.tab_title.tab_num3 > li:first-child { margin-left: 2.0em !important; }
div.cmnparts_tab > ul.tab_title.tab_num6 > li:first-child,
div.cmnparts_tab > ul.tab_title.tab_num7 > li:first-child,
div.cmnparts_tab > ul.tab_title.tab_num8 > li:first-child { margin-left: 0.5em !important; }
div.cmnparts_tab > ul.tab_title.tab_num4 > li:first-child { margin-left: 1.0em !important; }
div.cmnparts_tab > ul.tab_title.tab_num9 > li:first-child { margin-left: 0.25em !important; }
div.cmnparts_tab > ul.tab_title.tab_num2 > li + li { margin-left: 1.2em !important; }
div.cmnparts_tab > ul.tab_title.tab_num3 > li + li { margin-left: 1.1em !important; }
div.cmnparts_tab > ul.tab_title.tab_num4 > li + li { margin-left: 0.7em !important; }
div.cmnparts_tab > ul.tab_title.tab_num5 > li + li { margin-left: 0.4em !important; }
div.cmnparts_tab > ul.tab_title.tab_num6 > li + li { margin-left: 0.42em !important; }
div.cmnparts_tab > ul.tab_title.tab_num7 > li + li { margin-left: 0.4em !important; }
div.cmnparts_tab > ul.tab_title.tab_num8 > li + li { margin-left: 0.3em !important; }
div.cmnparts_tab > ul.tab_title.tab_num9 > li + li { margin-left: 0.2em !important; }

div.cmnparts_tab_reverse { padding-bottom: 5.5em; }
div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse { clear: both; position: absolute; bottom: 0; margin: 0; }
div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li { vertical-align: top; }
div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse:after { position: absolute; top: 0; border-bottom-width: 0; border-bottom: 2px solid #ff7100; }
div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li a { padding-bottom: 1.8em; border-bottom-width: 2px; }
div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li.tab_current:after { bottom: auto; top: 0; background-color: #fff; z-index: 10000; }
div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li.tab_current a {
 border-color: #eb5505 !important; color: #ff7100 !important;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #fff), color-stop(0.7, #fbf1ec));
 background-image: -webkit-linear-gradient(top, #fff 30%, #fbf1ec 70%);
 background-image: -moz-linear-gradient(top, #fff 30%, #fbf1ec 70%);
 background-image: -ms-linear-gradient(top, #fff 30%, #fbf1ec 70%);
 background-image: -o-linear-gradient(top, #fff 30%, #fbf1ec 70%);
 background-image: linear-gradient(top, #fff 30%, #fbf1ec 70%);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#fbf1ec)";
}

div.cmnparts_tab .tab_contents { display: none; opacity: 0; }
div.cmnparts_tab .tab_contents.tab_current { display: block; opacity: 1;
 -webkit-animation-name: 'tabboxopacity'; -webkit-animation-duration: 0.5s;
 animation-name: tabboxopacity; animation-duration: 0.5s;
}
@-webkit-keyframes tabboxopacity { 0% { opacity: 0.1; } 100% { opacity: 1.0; } }
@keyframes tabboxopacity { 0% { opacity: 0.1; } 100% { opacity: 1.0; } }

.msie7 div.cmnparts_tab > ul.tab_title { padding-bottom: 0.8em; border-bottom: 2px solid #ff7100; }
.msie7 div.cmnparts_tab > ul.tab_title:after { content: ''; clear: both; display: block; height: 0; }
.msie7 div.cmnparts_tab > ul.tab_title li { height: 3em; }
.msie7 div.cmnparts_tab > ul.tab_title li a { padding: 0.75em 0 0; vertical-align: bottom; }
.msie7 div.cmnparts_tab > ul.tab_title li { float: left; position: relative; display: block; zoom: 1; }
.msie7 div.cmnparts_tab > ul.tab_title li:before { content: ''; display: block; width: 1em; height: 100%; }
.msie7 div.cmnparts_tab > ul.tab_title li.tab_current { border-bottom: 2px solid #fff; z-index: 1000 !important; }
.msie7 div.cmnparts_tab > ul.tab_title li a { width: 98%; height: 98%; outline: none; line-height: 1.1 !important; }
.msie7 div.cmnparts_tab > ul.tab_title li.tab_current a { height: 102%; background: #fff !important; z-index: 1010 !important; zoom: 1; }
.msie7 div.cmnparts_tab > ul.tab_title > li:first-child { margin-left: 0 !important; }

.msie7 div.cmnparts_tab_reverse { padding-bottom: 7em; }
.msie7 div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse { margin-top: 2em; border-bottom-width: 0; border-top: 2px solid #ff7100; }
.msie7 div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse:after { content: ''; display: block; width: 100%; height: 4px;  }
.msie7 div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li a { border-top-width: 0 !important; }
.msie7 div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li.tab_current { margin-top: -4px; border-top: 2px solid #fff; border-bottom-width: 0; }
.msie7 div.cmnparts_tab_reverse > ul.tab_title.tabtitle_reverse li.tab_current a { height: 104%; }

.msie7 div.cmnparts_tab > ul.tab_title.tab_num6 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num7 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num8 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num9 > li:first-child { margin-left: 0 !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num2 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num2 > li { width: 48% !important; margin-left: 14px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num3 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num3 > li { width: 31.5% !important; margin-left: 14px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num4 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num4 > li { width: 23.5% !important; margin-left: 12px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num5 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num5 > li { width: 19% !important; margin-left: 8px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num6 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num6 > li { width: 15.8% !important; margin-left: 7px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num7 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num7 > li { width: 13.6% !important; margin-left: 6px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num8 > li:first-child { margin-left: 8px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num8 > li { width: 11.7% !important; margin-left: 6px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num9 > li:first-child,
.msie7 div.cmnparts_tab > ul.tab_title.tab_num9 > li { width: 10.5% !important; margin-left: 5px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num2 > li { width: 47.5% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num3 > li { margin-left: 11px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num4 > li { width: 22.9% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num5 > li { width: 18.6% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num6 > li { width: 15.5% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num7 > li { width: 13.3% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num7 > li:first-child { margin-left: 8px !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num8 > li { width: 11.5% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num9 > li { width: 10.3% !important; }
.msie7 div.cmnparts_tab > ul.tab_title.tab_num9 > li:first-child { margin-left: 3px !important; }
/* @end */


/* ai linkbox
-----------------------------------------------*/
.aiLinkBox { display: block; position: relative; margin: 1px; border: 1px solid transparent; outline: 1px solid #e2e2e2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.aiLinkBox:after { content: ''; display: block !important; position: absolute !important; right: 0; top: 0; width: 16px; height: 16px; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet_linkable.png") no-repeat center center; }
.aiLinkBox:hover { border-color: #eb5505; outline-color: #eb5505; text-decoration: none; color: #555; }
.aiLinkBox:hover a {  color: #eb5505 !important; text-decoration: underline !important; }
.aiLinkBox:hover:after { width: 16px; height: 16px; background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet_linkable_on.png"); }
.aiLinkBox.linkBlank:after { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_linkable.png"); }
.aiLinkBox.linkBlank:hover:after { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_linkable_on.png"); }
.aiLinkBox.linkWhite { border: none; outline: none; }
.aiLinkBox.linkWhite:after { background-image: url("http://media4.kddi.com/extlib/ai/images/common/icn_bullet_linkable_white_on.png"); }
.aiLinkBox.linkWhite:hover { text-decoration: none; color: #555; opacity: .8; }
.aiLinkBox.linkWhite:hover:after { background-image: url("http://media4.kddi.com/extlib/ai/images/common/icn_bullet_linkable_white_on.png"); }
.aiLinkBox.linkWhite.linkBlank:after { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_linkable.png"); }
.aiLinkBox.linkWhite.linkBlank:hover:after { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_linkable_on.png"); }
.aiLinkBoxcover .aiLinkBox { padding: 20px; }
.aiLinkBoxcover .aiLinkBox p { float: left; }
.aiLinkBoxcover .aiLinkBox dl { margin-left: 100px; }
.aiLinkBoxcover .aiLinkBox dl:after { content: ""; clear: both; height: 0px; display: block; visibility: hidden; }
.aiLinkBoxcover .aiLinkBox dl dt { width: 150px; font-weight: bold; font-size: 1.2em; }
.msie .aiLinkBox { margin-left: 2px; }
.msie .aiLinkBoxcover { margin-left: 2px; width: 718px; }
.msie7 .aiLinkBox { border: 2px solid #e2e2e2; background: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet_linkable.png") no-repeat top right; }
.msie7 .aiLinkBox:hover { border: 2px solid #eb5505; background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet_linkable_on.png"); }
.msie7 .aiLinkBox.linkBlank { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_linkable.png"); }
.msie7 .aiLinkBox.linkBlank:hover { background-image: url("http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_linkable_on.png"); }
/* @end */


/* purchase_box
-----------------------------------------------*/
.ip-purchase_box { letter-spacing: -.40em; }
.ip-purchase_box > div { display: inline-block; letter-spacing: normal; border: 1px solid #e5e5e5; vertical-align: top; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; }
.ip-purchase_box > div > div { display: inline-block; padding: 20px 15px 15px; }
.ip-purchase_box > div > div > ul { margin: 10px auto 12px; padding: 0; letter-spacing: -.40px; }
.ip-purchase_box > div > div > ul:after { content: ""; display: block; clear: both; }
.ip-purchase_box > div > div > ul li { display: inline-block; letter-spacing: normal; }
.ip-purchase_box > div > div .height_ttl { height: 3.4em; }
.ip-purchase_box > div > h3 { padding: 10px; text-align: center; background: #f9f9f9; border-bottom: 1px solid #e5e5e5; font-weight: bold; font-size: 14px; color: #333; }
.ip-purchase_box > div.purchase_online > div { margin: 0 4px; }
.ip-purchase_box > div.purchase_online > div > ul li { margin-left: 4px; }
.ip-purchase_box > div.purchase_shop > div > ul li:first-child { margin-right: 20px; }
.ip-purchase_box > div > div .zizenn { width: 290px; margin-bottom: 0; line-height: 1.5; }
.ip-purchase_box > div > div > ul > li > .btnM > a { width: 280px; }
.ip-purchase_box.short > div > div > .zizenn { width: 205px; }
.ip-purchase_box.short > div > div > ul > li > .btnM > a { width: 195px; font-size: 1.1em; }
/* XXXX */
.ip-purchase_box.XXXX > div.purchase_shop { width: 318px; margin-left: 20px; }
.ip-purchase_box.XXXX > div.purchase_online { width: 638px; }
.ip-purchase_box.XXXX > div > div { display: block; padding: 15px 10px 10px; }
.ip-purchase_box.XXXX > div > div p.ttl { font-weight: bold; margin-bottom: 5px; }
.ip-purchase_box.XXXX > div > div > div { height: 6.5em; }
.ip-purchase_box.XXXX > div.purchase_online > div { float: left; width: 299px; margin: 0 0; }
.ip-purchase_box.XXXX > div.purchase_online > div > ul li { margin-left: 0; }
.ip-purchase_box.XXXX > div.purchase_online > div > ul > li > span.btnM > a { width: 290px; }
.ip-purchase_box.XXXX.short > div.purchase_online { width: 480px; }
.ip-purchase_box.XXXX.short > div.purchase_online > div { float: left; width: 220px; }
.ip-purchase_box.XXXX.short > div.purchase_online > div > ul > li > span.btnM > a { width: 210px; }
.ip-purchase_box.XXXX.short > div.purchase_shop { width: 231px; margin-left: 10px; }
.ip-purchase_box.XXXX.short > div > div > div { height: 6.5em; }
.ip-purchase_box.XXXX .separator { position: relative; }
.ip-purchase_box.XXXX .separator h3 { position: relative; z-index: 2; }
.ip-purchase_box.XXXX .separator::before { content: ''; display: block; height: 100%; width: 1px; position: absolute; top: 0; left: 319px; background-color: #e5e5e5; z-index: 1; }
.ip-purchase_box.XXXX.short .separator::before { left: 240px; }
/* iPhone6 */
.ip-purchase_box.iphone6 > div { min-height: 256px; }
.ip-purchase_box.iphone6 > div.purchase_shop { width: 634px; }
.ip-purchase_box.iphone6 > div.purchase_online { width: 337px; margin-right: 5px; }
.ip-purchase_box.iphone6.short > div { min-height: 274px; }
.ip-purchase_box.iphone6.short > div.purchase_shop { width: 464px; }
.ip-purchase_box.iphone6.short > div.purchase_online { width: 251px; }
/* iPad2014 */
.ip-purchase_box.ipad2014 > div { min-height: 236px; }
.ip-purchase_box.ipad2014 > div.purchase_shop { width: 318px; margin-left: 20px; }
.ip-purchase_box.ipad2014 > div.purchase_online { width: 638px; }
.ip-purchase_box.ipad2014 > div > div { display: block; padding: 15px 10px 10px; }
.ip-purchase_box.ipad2014 > div > div p.ttl { font-weight: bold; margin-bottom: 5px; }
.ip-purchase_box.ipad2014 > div > div > div { height: 6.5em; }
.ip-purchase_box.ipad2014 > div.purchase_online > div { float: left; width: 299px; margin: 0 0; }
.ip-purchase_box.ipad2014 > div.purchase_online > div > ul li { margin-left: 0; }
.ip-purchase_box.ipad2014 > div.purchase_online > div > ul > li > span.btnM > a,
.ip-purchase_box.ipad2014 > div.purchase_shop > div > ul > li > span.btnS > a { width: 290px; }
.ip-purchase_box.ipad2014 > div.purchase_shop > div > ul > li:first-child { margin-bottom: 10px; }
.ip-purchase_box.ipad2014.short > div { min-height: 250px; }
.ip-purchase_box.ipad2014.short > div.purchase_online { width: 480px; }
.ip-purchase_box.ipad2014.short > div.purchase_online > div { float: left; width: 220px; }
.ip-purchase_box.ipad2014.short > div.purchase_online > div > ul > li > span.btnM > a { width: 210px; font-size: .95em; line-height: 1.8; }
.ip-purchase_box.ipad2014.short > div.purchase_shop { width: 231px; margin-left: 10px; }
.ip-purchase_box.ipad2014.short > div.purchase_shop > div > ul > li > span.btnS > a { width: 200px; font-size: 1.1em; }
.ip-purchase_box.ipad2014.short > div > div > div { height: 7.5em; }
/* end */

/* conversion button
-----------------------------------------------*/
.convGrn a,
.convGrn a:hover,
.convBlue a,
.convBlue a:hover { color: #fff; }

.convGrn a:hover,
.convBlue a:hover { text-decoration:none !important; background-position: bottom left !important; }
.convGrn a:hover .inner,
.convBlue a:hover .inner { background-position: bottom right !important; }

.convGrn .icnBullet,
.convBlue .icnBullet { background-image: url(http://media4.kddi.com/extlib/library_ip/images/common/icn_bullet_white.png); }
.convGrn .icnBlank,
.convBlue .icnBlank { background-image: url(http://media4.kddi.com/extlib/library_ip/images/common/icn_blank_m_02.gif); }

/* convGrn */
.btnM.convGrn a,
.btnM.convGrn .inner { background-image: url(http://media4.kddi.com/extlib/ai/images/common/bg_btn_convGrn_m.png); background-repeat: no-repeat; }
.btnL.convGrn a,
.btnL.convGrn .inner { background-image: url(http://media4.kddi.com/extlib/ai/images/common/bg_btn_convGrn_l.png) !important; background-repeat: no-repeat; }

.btnM.convGrn a,
.btnL.convGrn a { background-position: top left; }
.btnM.convGrn .inner,
.btnL.convGrn .inner { background-position: top right; }

/* convBlue */
.convBlue a { background: url(http://media4.kddi.com/extlib/library_ip/images/common/bg_btn_conv_m.jpg) no-repeat top left !important; }
.convBlue .inner { background: url(http://media4.kddi.com/extlib/library_ip/images/common/bg_btn_conv_m.jpg) no-repeat top right !important; }
.purchase_box .convBlue .inner { padding-left: 0 !important; }
/* end */

/* button shine
-----------------------------------------------*/
.btn_shine a { position: relative; overflow: hidden; vertical-align: top; }
.btn_shine .shine {
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: 50%;
	-webkit-transform: translateY(30%);
	-moz-transform: translateY(30%);
	-ms-transform: translateY(30%);
	transform: translateY(30%);
	left: -120%;
	background-image: url(http://media4.kddi.com/extlib/ai/images/common/bg_shine.png);
}
/* end */

/* step title
-----------------------------------------------*/
.h2StepMode { position: relative; margin: 30px auto 20px; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 120%; background: #f9f9f9; vertical-align: middle; display: table; table-layout: fixed; width: 100%; }
.h2StepMode span { display: inline-block; width: 90px; margin: 0 18px 0 0; padding: 1.2em 0; color: #fff; text-align: center; font-size: 80%; font-weight: bold; font-style: normal; background-color: #eb5505; }
.h2StepMode > span,
.h2StepMode > h1 { display: table-cell; }
.h2StepMode > span + h1 { padding-left: 18px; vertical-align: middle; }
/* end */