@charset "utf-8";


/* ------------------------------------------
 * 
 * CSS file for: Alpine Users Room 2012
 * FileName: common.css
 * 
 * ------------------------------------------
 */

/* ===================================================================
 * font size
 * 9px = 0.692em	10px = 0.769em	11px = 0.846em	12px = 0.923em
 * 13px = 1em		14px = 1.077em	15px = 1.154em	16px = 1.231em
 * 17px = 1.308em	18px = 1.385em	19px = 1.462em	20px = 1.538em
 * 21px = 1.615em	22px = 1.692em	23px = 1.769em	24px = 1.846em
 * 24px = 1.923em	26px = 2em
 * ================================================================== */


/* CONTENTS
 * ===========================================
 * 
 * 1: INITIALIZE
 ** 1-1: basic
 ** 1-2: link
 * 2: COMMON
 * 3: HEADER
 * 4: FOOTER
 * 5: MAIN
 ** 5-1: basic
 ** 5-2: help
 * 6: UNIVERSAL
 * 
 * ===========================================
 */


 
/* @group INITIALIZE */
/*
 * 1: INITIALIZE
 * ===========================================
 */

/* 1-1: basic
 * -----------------------------------------*/


/* 1-2: link
 * -----------------------------------------*/
a, a:link, a:visited {
	color: #1f60B6;
	text-decoration: underline;
}

a:hover {
	color: #01c5ff;
	text-decoration: underline;
}

a:active, a:focus {  
	outline:none;
}

a.select, a.dis {
	cursor: default !important;
}

a.update_btn_sd{
display:inline-block;
width:368px;
height:35px;
background-image:url(../images/title_help_update_sd.png);
text-indent:-9999px;
margin-left:60px;
}

.update_btn_sd:hover{
background-position:left bottom;
}


a.update_btn_wifi{
display:inline-block;
width:368px;
height:35px;
background-image:url(../images/title_help_update_wifi.png);
text-indent:-9999px;
margin-left:50px;
}

.update_btn_wifi:hover{
background-position:left bottom;
}


a.update_btn_xseries_17{
display:inline-block;
width:350px;
height:34px;
background-image:url(../images/title_help_update_2017.png);
text-indent:-9999px;
margin-left:50px;
}

.update_btn_xseries_17:hover{
background-position:left bottom;
}


a.update_btn_xseries_18{
display:inline-block;
width:350px;
height:34px;
background-image:url(../images/title_help_update_2018.png);
text-indent:-9999px;
margin-left:50px;
}

.update_btn_xseries_18:hover{
background-position:left bottom;
}


/* @end INITIALIZE */


/* @group COMMON */

/*
 * 2: COMMON
 * ===========================================
 */
body {
	font: 13px/1.6 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic', Helvetica, Arial, sans-serif;
	color: #333;
}

a.arrow {
	text-decoration: none;
	font-size: 0.923em;
	padding-left: 16px;
	background: url('../images/sublink_arrow.png') no-repeat left -2px;
}

a.arrow:hover {
	background-position: left -19px;
}

h3.titleM {
	height: 36px;
	margin: 0 0 20px 0;
	padding: 0 0 0 16px;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 38px;
	background: #0164cc url('../images/bg_titlebar_1.png') no-repeat left top;
}

h3.titleM:after {
	content: "";
	display: block;
	clear: both;
}
/* for IE7 */
html.isWinIE7 h3.titleM { zoom: 1; }

h3.titleM span {
	height: 36px;
	font-weight: bold;
	line-height: 38px;
	display: block;
	float: left;
}

h3.titleM .num {
	padding: 0 12px 0 4px;
	font: bold 2.308em/36px "Helvetica Neue", "Arial Black", Helvetica, Geneva, sans-serif;
	color: #01c5ff;
}

/* @end COMMON */



/* @group HEADER */
/*
 * 3: HEADER
 * ===========================================
 */
header {
	width: 100%;
	margin: 0 0 10px 0;
}

header.usersRoom {
	height: 61px;
	border-top: 5px solid #003c9c;
	border-bottom: 14px solid #003c9c;
}

header.usersRoomHelp {
	height: 44px;
	border-top: none;
	border-bottom: 5px solid #003c9c;
}
html.isWinIE7 header.usersRoomHelp { height: 61px; }

header h1 {
	width: 934px;
	height: 29px;
	margin: 17px auto 0;
}

/* @end HEADER */



/* @group FOOTER */
/*
 * 4: FOOTER
 * ===========================================
 */
footer.usersRoom {
	width: 100%;
	height: 56px;
	margin: 30px 0 0 0;
	color: #fff;
	background-color: #055cd3;
}

.isWinIE8 footer.usersRoom {
	margin: 0;;
	padding: 30px 0 0 0;
	background: #fff url(../images/bg_footer_for_ie8.png) repeat-x;
}

footer.usersRoom p {
	width: 934px;
	margin: 0 auto;
	text-align: right;
	line-height: 56px;
}
html.isWinIE7 footer.usersRoom p { padding-top: 20px; }

footer.usersRoom p small {
	font-size: 0.846em;
}


/* @end FOOTER */


/* @group MAIN */
/*
 * 5: MAIN
 * ===========================================
 */

/* 5-1: basic
 * -----------------------------------------*/
.mainContent {
	width: 934px;
	margin: 0 auto;
}

.topline {
	padding: 35px 0 0 0;
	background: url('../images/bg_blue_dotLine.png') repeat-x center 0px;
}

/* @group HELP */

/* 5-2: help
 * -----------------------------------------*/

#subnaviHelp {
	width: 100%;
	margin: 6px 0 30px;
}

#subnaviHelp:after {
	content: "";
	display: block;
	clear: both;
}
/* for IE7 */
html.isWinIE7 #subnaviHelp { zoom: 1; }

#subnaviHelp ul {
	margin: 0 0 0 15px;
}

#subnaviHelp ul:after {
	content: "";
	display: block;
	clear: both;
}
/* for IE7 */
html.isWinIE7 #subnaviHelp ul { zoom: 1; }

#subnaviHelp ul li {
	margin: 0 25px 0 0;
	padding: 0;
	font-size: 0.846em;
	line-height: 19px;
	float: left;
}

#subnaviHelp ul li a {
	height: 18px;
	padding: 0 22px 0 0;
	text-decoration: none;
	display: block;
	background: url('../images/sublink_help_arrow.png') no-repeat right top;
}

#subnaviHelp ul li a:hover {
	background-position: right -18px;
}

.mainContent h2.help {
	margin: 23px 0;
}

.mainContent h2.help img {
	margin: 0;
	line-height: 1;
}

.helpCategory {
	margin: 0 6px 35px;
}

.helpCategory .helpInformation {
	padding: 15px;
	font-size: 0.846em;
	color: #666;
	background-color: #f7f7f7;
	border: 1px solid #e6e6e6;
}

.faqCategory {
	margin: 0;
	padding: 0 6px 25px;
}

.faqCategory h3.titleM {
	margin: 0;
}

dl.faqList {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

dl.faqList dt.faqQ {
	margin: 0;
	padding: 5px 0;
	outline:none;
}

dl.faqList dt.faqQ p {
	margin: 0;
	padding: 0;
	border: solid 1px #e6e6e6;
	background: url('../images/bg_faq_q.png');
	outline:none;
}

dl.faqList dt.faqQ a {
	padding: 12px 10px 10px 48px;
	font-size: 0.923em;
	color: #1f60B6;
	line-height: 1.3;
	text-decoration: none;
	background: url('../images/bg_faq_q_arrow.png') no-repeat 22px 14px;
	display: block;
	outline:none;
}

dl.faqList dt.faqQ a.close {
	background-position: 22px 14px;
}

dl.faqList dt.faqQ a.open {
	background-position: 22px -96px;
}

dl.faqList dd.faqA {
	font-size: 0.846em;
	line-height: 1.5;
	margin: 0 0 0 0;
	/*padding: 18px 10px 20px 48px;*/
	padding: 0;
	display: block;
}

dl.faqList dd.faqA > div {
	padding: 10px 10px 20px 48px;
	display: none;
}

.helpCategory .helpSection_l {
	width: 60%;
	margin-left: 2.2%;
	float: left;
}

.helpCategory .helpSection_r {
	width: 35%;
	float: right;
}

.helpCategory ul {
	padding-left: 2.2em;
	list-style-type: disc;	
}

.helpCategory ol {
	padding-left: 2.2em;
	list-style-type: decimal;
	list-style-position: outside;
}

.helpCategory ul li,
.helpCategory ol li {
	margin: 0 0 0.8em 0;
}

/* @end HELP */

/* @end MAIN */






/* @group UNIVERSAL */

/*
 * 6: UNIVERSAL
 * ===========================================
 */
.clearFix:after {
	content: "";
	display: block;
	clear: both;
}
/* for IE7 */
html.isWinIE7 .clearFix { zoom: 1; }

.clr {
	clear: both;
}

.fs9 { font-size: 0.692em !important; }
.fs10 { font-size: 0.769em !important; }
.fs11 { font-size: 0.846em !important; }
.fs12 { font-size: 0.923em !important; }
.fs13 { font-size: 1em !important; }
.fs14 { font-size: 1.077em !important; }
.fs15 { font-size: 1.154em !important; }
.fs16 { font-size: 1.231em !important; }
.fs17 { font-size: 1.308em !important; }
.fs18 { font-size: 1.385em !important; }
.fs19 { font-size: 1.462em !important; }
.fs20 { font-size: 1.538em !important; }
.fs21 { font-size: 1.615em !important; }
.fs22 { font-size: 1.692em !important; }
.fs23 { font-size: 1.769em !important; }
.fs24 { font-size: 1.846em !important; }
.fs25 { font-size: 1.923em !important; }
.fs26 { font-size: 2em !important; }

.small { font-size: 0.769em !important; }
.large { font-size: 1.333em !important; }

.fwBold { font-weight: bold !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt7 { margin-top: 7px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb100{ margin-bottom:100px !important; }
.mb150{ margin-bottom:150px !important; }
.mb200{ margin-bottom: 200px !important; }

.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml5 { margin-left: 5px !important; }
.ml7 { margin-left: 7px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr5 { margin-right: 5px !important; }
.mr7 { margin-right: 7px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.fc-red { color: #bd0000; }
.fc-black { color: #000 !important; }
.fc-gray { color: #aaa !important; }
.fc-white { color: #fff !important; }
.fc-blue { color: #2879ff !important; }
.fc-lightblue { color: #74afd9 !important; }
.fc-greenblue { color: #008484 !important; }
.fc-darkpink { color: #a73a51 !important; }

.lh1 { line-height: 1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh20 { line-height: 2 !important; }

.msg {color: #ae8a44 !important; }

.flt-l { float: left; }
.flt-r { float: right; }

.ta-l { text-align: left; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }

.radius {
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius-tl {
	-webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.radius-tr {
	-webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.radius-bl {
	-webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.radius-br {
	-webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.boxShadow {
	-webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    box-shadow: 1px 1px 3px #999;
}

.textShadow {
	text-shadow: 1px 1px 0 #999;
}









 /* @end UNIVERSAL */