@charset "utf-8";

/* ****************************************************
  manual styles
***************************************************** */




/* solution-area
=========================================*/
#content-body .solution-area {
	padding: 30px 10px 10px 7px;
	border-right: solid 1px #d1d9ec;
	border-bottom: solid 1px #d1d9ec;
	border-left: solid 1px #d1d9ec;
	background-color: #f7faff;
}
#content-body .solution-section {
/*	padding: 0 0 0 10px;*/
}
#content-body .solution-sub-section {
/*	padding: 0 0 0 5px;*/
}
#content-body .solution-area h3 {
	margin-bottom: 20px;
}
#content-body .solution-area h4 {
	margin-bottom: 10px;
}
#content-body .solution-area .two-columns {
	width: 603px;
}
#content-body .solution-area .layout-01 .col-01 {
	float: left;
	width: 108px;
}
#content-body .solution-area .layout-01 .col-02 {
	float: right;
	width: 484px;
}
#content-body .solution-area .layout-01 .col-02 table {
	width: 484px;
	margin: 0;
	background-color: #ffffff;
}
#content-body .solution-area .layout-01 .col-02 table th {
	width: auto;
	font-weight: normal;
}
#content-body .solution-area .layout-01 .col-02 table td.cell-01 {
	text-align: center;
}
#content-body .solution-area .solution-list {
	clear: both;
}
#content-body .solution-area .solution-list .solution-block {
	margin: 2px 0 0 0;
	border: solid 1px #fad1a2;
}
#content-body .solution-area .solution-list .solution-title {
	padding: 8px 10px;
	border-bottom: solid 1px #fad1a2;
	background-color: #fae8d4;
}
#content-body .solution-area .solution-list .solution-title img {
	position: relative;
	vertical-align: top;
	margin: -0.2em 10px 0 0;
}
#content-body .solution-area .solution-list .solution-body {
	padding: 10px;
	background-color: #ffffff;
}
#content-body .solution-area .solution-list .solution-body ol.procedure-type li {
	margin: 20px 0 0 0;
}
#content-body .solution-area .solution-list .solution-body ol.procedure-type .link-list {
	margin: 0;
}
#content-body .solution-area .solution-list .solution-body ol.procedure-type .link-list li {
	margin: 3px 0 0 0;
}
#content-body .image-design {
	border: solid 1px #d1d9ec;
}


/* CSS for manual
=========================================*/
p.wi_dgm{
	margin:585px;
	padding:15px 0;
	border:1px solid #d1d9ec;
	text-align:center;
}

ul.link-open li{
	cursor:pointer;
}

.ilborder img{
	padding:5px;
	border:1px solid #d1d9ec;
}


/*********************** internet/mobilebb
=========================================*/
.red-box{
 padding:15px 15px 5px; 
	border:1px #FF0033 solid;
	}

img.topsp{
 margin-top:15px;
	}
	
/*********************** internet/dialup
=========================================*/
div.icon-box{
	margin:15px 15px 5px 15px;
	}
	
div.icon-box p{
	font-weight:bold;
	margin-bottom:10px;
	}
	
div.icon-box img{
	margin:-2px 0 0 5px;
	}


/* haisenzu
=========================================*/
.haisen-point table {
	border-collapse:collapse;
	border:1px solid #bbcfe8;
}

.haisen-point table th {
	background-color:#d6e2f1;
	border:1px solid #bbcfe8;
	padding:5px 10px;
	width:50%;
}

.haisen-point table td {
	border:1px solid #bbcfe8;
	vertical-align:top;
	color:#2a2a2a;
	padding:10px;
}

.tab .haisen-point{margin:0 20px 20px 20px;}


/* tabed manual
=========================================*/
#content-body .TabbedPanels .tab-contents-border li.tab-contents{border:none;}





/* new style(step)
=========================================*/
.manustep dl.manustepblock{
	background:url(/support/common/images/nextstep.jpg) center bottom no-repeat;
	margin:0 0 5px 0;
	padding:0 0 25px 0;
}

.manustep dt.steptitle{
	background:url(/support/common/images/tab_manuhead.jpg) 0 0 repeat-x;
	padding:10px;
	font-size:120%;
	color:#fff;
	font-weight:bold;
}

.manustep dd.stepbody{
	border-right:5px solid #0072c2;
	border-bottom:5px solid #0072c2;
	border-left:5px solid #0072c2;
	padding:0;
	overflow:hidden;
}

.manustep dd.stepbody div.stepbodyinner{
	padding:20px;
	border:1px solid #d9e9f6;
	overflow:hidden;
}

.manustep dd.stepbody div.tab{
	padding:0px !important;
	border:none !important;
}

#content-body .manustep dl.manustepblock .btn-two-columns, #content-body .manustep dl.manustepblock .btn-three-columns{
margin:0px;
}

p.wi_dgm {
	border:none;
	margin:585px;
	padding:15px 0;
	text-align:center;
}

.haisen-point{margin:20px 0px 0px 0px;}
.haisen-point table td {padding:3px;}

#content-body .block-01 .photo{margin:0 0 0 10px;}

/* tab */
#content-body .tab-blue {border-top:solid 1px #44addd;}

#content-body .tab-blue{
	line-height:100%;
	background:#018cd1 url(/support/common/images/tab_noselected.jpg) 0 0 no-repeat;
}

#content-body .tab-blue li{
	margin:0 1px 0 0;
	float:left;
	padding:12px 15px;
	display:block;
	font-weight:bold;
	background:#018cd1 url(/support/common/images/tab_noselected.jpg) right 0 no-repeat;
	border-top:solid 1px #018cd1;
	border-right:solid 1px #44addd;
	color:#fff;
	cursor:pointer;
}

#content-body .tab-blue li.TabbedPanelsTabSelected{
	background:url(/support/common/images/tab_selected.jpg) 0 0 repeat-x;
	border-top:solid 1px #002e90;
	border-right:none;
	color:#000;
}

#content-body .tab-blue li.TabbedPanelsTabHover{
text-decoration:underline;
}

#content-body .tab-blue li.TabbedPanelsTabSelected:hover{
text-decoration:none;
}

.manustepblock .TabbedPanelsContentGroup{padding:20px;}



/* new style(detail)
=========================================*/
/* history back */
p.goprev{
	width:616px;
	height:30px;
	background:url(/support/common/images/bar_manhb.gif) 0 0 no-repeat;
	padding:0 0 0 34px;
}

p.goprev span{
	line-height:30px;
	vertical-align:middle;
	font-weight:bold;
}
/* //history back */




h2.detailtitle, h3.detailtitle{
	border-bottom:2px solid #008ed0;
	margin:0 0 15px 0;
	padding:0 0 5px 10px;
	font-size:120%;
	font-weight:bold;
}


dl.man-detail{
	background:url(/support/common/images/nextstep.jpg) center bottom no-repeat;
	margin:0 0 5px 0;
	padding:0 0 25px 0;
}

dl.man-detail dt{
	border:1px solid #d2d9ec;
	background:#ebeffa;
	padding:10px 10px 10px 22px;
	font-size:120%;
	font-weight:bold;
	text-indent:-12px;
}


dl.man-detail dd{
	border-right:1px solid #d2d9ec;
	border-bottom:1px solid #d2d9ec;
	border-left:1px solid #d2d9ec;
}

dl.man-detail dd div.inner{
	padding:20px 20px 5px 20px;
	border:4px solid #ebeffa;
	overflow:hidden;
}

dl.man-detail dd div.inner p img{
	display:block;
	margin-left:auto; margin-right:auto;
	border:1px solid #d1d9ec;
	padding:5px;
}

.nobg{background:none !important;}


/* new style(detail-tab)
=========================================*/

.manustep dd.stepbody02{border:none;}

#content-body dl.manustepblock_tab .tab-blue02{
	background:url(/support/common/images/tab_manuhead2.jpg) 0 0 no-repeat;
	width:640px;
	height:42px;
	padding:0 10px;
	border:none;
}

#content-body dl.manustepblock_tab .tab-blue02 li {
	float:left;
	padding:12px 15px 11px 15px;
/*	padding:12px 15px;*/
	display:block;
	font-weight:bold;
	border-right:solid 1px #44addd;
	color:#fff;
	cursor:pointer;
	background:#018cd1 url(/support/common/images/tab_noselected2.jpg) right 0 no-repeat;
	height:16px;
	border-top:none;
	margin:2px 0 0 0;
/*	margin:3px 0 0 0;*/
}

#content-body dl.manustepblock_tab .tab-blue02 li span{padding:0 1px 0 0;}

#content-body dl.manustepblock_tab .tab-blue02 li.TabbedPanelsTabSelected{
	border-top:solid 1px #002e90;
	color:#000;
	background:url(/support/common/images/tab_selected2.jpg) 0 0 no-repeat;
	height:28px;
/*	height:16px;*/
	border:none;
	border-right:1px solid #0065ad;
	margin:2px 1px -1px -1px;
/*	margin:3px 1px 0 -1px;*/
	padding:0 0 12px 15px;
/*	padding:0 0 24px 15px;*/
}

#content-body dl.manustepblock_tab .tab-blue02 li.TabbedPanelsTabSelected span{
	background:url(/support/common/images/tab_selected2r.jpg) right 0 no-repeat;
	padding:12px 15px 0 1px;
	display:block;
}

#content-body .tab-blue02 li.TabbedPanelsTabHover{
	text-decoration:underline;
}

#content-body .tab-blue02 li.TabbedPanelsTabSelected:hover{
	text-decoration:none;
}

#content-body dl.manustepblock_tab .TabbedPanelsContentGroup{
	margin:20px 0 0 10px;
}


/* set-comp
=========================================*/
.setcomp{
	border:1px solid #f69640;
	height:55px;
	display:block;
	margin:0 0 20px 0;
}

.setcomp p{
	height:55px;
	text-indent:-10000px;
	margin:0px !important;
}

.setcomp p.comp01{background:url(/support/common/images/set_comp2.jpg) center -55px no-repeat;}
.setcomp p.comp02{background:url(/support/common/images/set_comp2.jpg) center 0 no-repeat;}
.setcomp p.comp03{background:url(/support/common/images/set_comp2.jpg) center -110px no-repeat;}


/* movie-manual
=========================================*/
.moviearea{
	text-align:center;
	padding-bottom:15px;
}
iframe.enc{
	overflow:hidden;
	margin:0 auto;
	padding:0;
}