@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
/*
#gNavi ul {
	height: 84px;
}
*/
#gNavi ul li .navi02 {
	/*margin-bottom: -2px;
	height: 44px;
	position: relative;
	z-index: 999;*/
	background: url(/img/common/gnavi02_on.gif) no-repeat !important;
}

.titBox h1 {
	/*padding: 9px 0;*/
	padding: 9px 251px 9px 0;
	background: none;
	/*width: 988px;*/
	width:737px;
}

.line02 {
	padding: 10px 0 5px;
}

.line02 h1 {
	padding: 0;
	line-height: 1.3;
}

#main .planList li {
	margin-bottom: 19px;
}

#main .planList li .txtBox .last {
    padding: 6px 8px 4px;
}

#main .planList li .txtBox h3 {
	display: inline;
}

#main .planTxt {
    margin: 0 0 50px 0;
}

#main .partner {
	margin: 20px -20px 0 0;
	width: 1009px;
}

#main .partner li {
	margin: 0 19px 19px 0;
	padding: 6px;
	float: left;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	background-color: #f3f3f3;
}

#main .partner li a {
	display: block;
	background-color: #fff;
}

#main .orange {
	font-weight: bold;
	color: #FF9900;
}



#conts .textDl {
}

#conts .textDl dt {
	margin-bottom:5px;
}

#conts .textDl dd {
	margin-bottom:5px;
	padding-left:14px;
}

#main ul.disc li,
#conts ul.disc li {
	margin-left: 30px;
	line-height: 1.7;
	list-style-type:disc;
}



@media all and (min-width: 0px) and (max-width: 600px)  {
	.titBox h1 {
    	width: auto;
    	padding: 0 9px;
	}
	
	#gNavi ul {
		height: auto;
	}	
	
	#gNavi ul li .navi02 {
		padding-bottom: 10px;
		margin: 0;
		color: #fff;
		background: #009da5 url(/img/common/navi_line.gif) repeat-x left bottom !important;
	}
	
	.rHommend #gNavi ul li .navi11:after,
	.spinOff #gNavi ul li .navi10:after,
	.plan #gNavi ul li .navi07:after,
	.plan #gNavi ul li .navi08:after,
	.option #gNavi ul li .navi09:after,
	.option #gNavi ul li .navi07:after,
	#gNavi ul li .navi02:after {
		background: none;
	}
	
	#gNavi ul li .serviceNavi {
		display: block;
	}
	
	.recommend #gNavi ul li .serviceNavi .fristNone,
	.spinOff #gNavi ul li .serviceNavi .fristNone,
	.option #gNavi ul li .serviceNavi .fristNone,
	.plan #gNavi ul li .serviceNavi .fristNone,
	.index #gNavi ul li .serviceNavi .fristNone {
		display: none;
	}
	
	.basic #gNavi ul li .basicNavi,
	.basic #gNavi ul li .basicNavi ul,
	.plan #gNavi ul li .planNavi01,
	.plan #gNavi ul li .planNavi01 ul,
	.plan #gNavi ul li .planNavi,
	.option #gNavi ul li .optionNavi01,
	.option #gNavi ul li .optionNavi01 ul,
	.option #gNavi ul li .planNavi,
	.spinOff #gNavi ul li .spinNavi,
	.recommend #gNavi ul li .recommendNavi {
		display: block;
	}

	#main .planList li {
		margin-bottom: 19px;
		float: none;
	}
	
	#main .planTxt {
		margin: 0 0 50px 0;
	}
	
	#main .planTxt li dl dd {
		height: auto !important;
	}
	
	#main .planTxt li {
		margin-bottom: 35px;
	}
	
	#main .planTxt li:last-child {
		margin-bottom: 0;
	}
	
	#main .planTxt li dl dd {
		margin-right: 0;
	}
	
	#main .partner {
		margin: 20px 0 0 0;
		width: auto;
	}
	
	#main .partner li {
		margin: 0 0 19px 0;
		float: none;
		text-align: center;
	}
	
	#main .partner li img {
		display: inline;
	}
}

/*------------------------------------------------------------
	/service/burst.html
------------------------------------------------------------*/
#main .section01 {
	margin: 0 20px 45px 0;
}

#main .section01 .inner {
	width: 445px;
	float: right;
}

#main .section01 .inner h2 {
    margin-bottom: 13px;
	font-size: 20px;
	color: #333;
	line-height: 1.4;
}

#main .section01 .inner p {
	margin-bottom: 20px;
	line-height: 1.7;
}

#main .burst {
	border: solid 1px #e0e0e0;
}

#main .burst .section {
	padding: 29px;
	background: url(/img/common/line02.gif) repeat-x left bottom;
}

#main .burst .section .txtRig {
	padding-top: 40px;
	width: 327px;
	float: right;
	font-size: 14px;
	text-align: left;
}

#main .burst .section p {
	margin-bottom: 20px;
	line-height: 1.7;
}

#main .burst .section h3 {
    margin-bottom: 18px;
}

#main .burst .section h3 span {
	font-size: 14px;
	font-weight: normal;
}

#main .burst .section .ttl {
	margin-bottom: 0;
	padding: 15px 0 10px;
	font-weight: bold;
}

#main .burst .section .pattern {
	margin-bottom: 10px;
}

#main .burst .section .pattern p {
	margin: 0;
}

#main .burst .section .txtList li {
	margin-bottom: 5px;
	padding-left: 18px;
	font-size: 12px;
	text-indent: -18px;
}

#main .burst .last {
	background: none;
}

#main .section03 {
	margin: 0 20px 45px 0;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .section01 {
		margin: 0 0 30px 0;
	}
	
	#main .section01 .inner {
		width: auto;
		float: none;
	}
	
	#main .burst .ftL,
	#main .section01 .ftL {
		text-align: center;
		float: none !important;
	}
	
	#main .section01 .ftL {
		margin-bottom: 20px;
	}
	
	#main .section01 .inner p {
		margin-bottom: 25px;
		line-height: 1.7;
	}
	
	#main .burst {
		padding: 0 10px;
		margin: 0 -10px;
		border: none;
		border-top: solid 1px #e0e0e0;
	}
	
	#main .burst .section {
		padding: 29px 0;
	}
	
	#main .burst .section .txtRig {
		margin: 0;
		padding: 20px 0 0;
		width: auto;
		float: none;
	}
	
	#main .burst .section img {
		width: 100%;
	}
	
	#main .burst .section .ttl {
		padding: 25px 0 10px;
		color: #000;
	}
	
	#main .burst .section .pattern {
		margin-bottom: 30px;
		width: 100%;
		overflow-x: scroll;
	}
	
	#main .burst .pattern p {
		width: 677px;
	}

}

/*------------------------------------------------------------
	/service/fullmanaged.html
------------------------------------------------------------*/
#main  .awsTxt {
	margin-bottom: 45px;
	line-height: 1.7;
}

#main .fullmanaged {
	margin-right: -20px;
	width: 757px;
}

#main .fullmanaged li {
	margin: 0 19px 30px 0;
	width: 359px;
	float: left;
	line-height: 1.7;
}

#main .fullmanaged a {
	color: #333;
	text-decoration: none;
}

#main .fullmanaged span {
	display: block;
}

#main .fullmanaged .ttl.strong,
#main .fullmanaged a .ttl {
	margin: 20px 0 15px;
	font-size: 18px;
	color: #009da5;
	text-align: center;
	line-height: 1.3;
	font-weight: bold;
}

#main .fullmanaged .ttl span {
	font-size: 14px;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main  .awsTxt {
		margin-bottom: 25px;
	}
	
	#main .fullmanaged {
		margin-right: 0;
		width: auto;
	}
	
	#main .fullmanaged li {
		margin: 0 0 25px;
		width: auto;
		float: none;
		height: auto !important;
	}
	
	#main .fullmanaged li img {
		width: 100%;
	}
}


/*------------------------------------------------------------
	/service/support.html
------------------------------------------------------------*/
#main .supportList {
	margin: 0 -20px 30px 0;
	width: 757px;
}

#main .supportList li {
	margin: 0 19px 19px 0;
	float: left;
	font-size: 14px;
	color: #000;
	width: 357px;
	background-color: #c3e7ea;
	border: solid 1px #8bd1d5;
}

#main .supportList li .ttl {
	padding: 20px;
	font-weight: bold;
	text-align: center;
}

#main .supportList li .txt {
	padding: 0 6px 0 8px;
	margin: 0 9px 9px;
	line-height: 1.7;
	height: auto !important;
	background-color: #e0f3f4;
}

#main .supportList li .txt p {
	padding: 10px 0 14px;
}

#main .supportBox {
	margin-bottom: 20px;
}

#main .supportBox .inner {
	width: 485px;
	float: right;
}

#main .supportBox .inner p {
	margin-bottom: 25px;
	line-height: 1.7;
}

#main .notesBox {
	padding: 13px 19px;
	line-height: 1.9;
	border: solid 1px #e0e0e0;
}

#main .notesBox .ttl {
	font-size: 18px;
	font-weight: bold;
	color: #fab700;
}

#main .supportTxt {
	margin-bottom: 25px;
	line-height: 1.8;
}

.mb25 {
	margin-bottom: 25px !important;
}


@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .supportList {
		margin: 0 0 30px 0;
		width: auto;
	}
	
	#main .supportList li {
		margin-right: 0;
		float: none;
		width: 100%;
		height: auto !important
	}
	
	#main .supPhoto img {
		width: 100%;
	}
	
	#main .supportBox .ftL {
		float: none;
		text-align: center;
	}
	
	#main .supportBox .inner {
		padding-top: 15px;
		width: auto;
		float: none;
	}
	
	#main .notesBox .ttl {
		margin-bottom: 10px;
		text-align: center;
		font-size: 20px;
	}
	
	#main .notesBox {
		padding: 20px 10px 15px;
	}
	
	#main .spNone {
		display: none;
	}

}

/*------------------------------------------------------------
	/service/plan/
------------------------------------------------------------*/
.titBox .planH2 {
	margin: 0 auto;
	/*width: 878px;*/
	width: 697px;
	/*padding: 12px 50px 12px 60px;*/
	padding: 12px 231px 12px 60px;
	font-size: 27px;
	background: url(/img/common/icon01.gif) no-repeat 0 50%;
}

.titBox .planH202 {
	background: url(/img/service/icon01.gif) no-repeat 0 50%;
}

.titBox .dbH2 {
	background: url(/img/service/icon02.png) no-repeat 0 50%;
}

.titBox .cacH2 {
	background: url(/img/service/icon03.png) no-repeat 0 50%;
}

.titBox .ecH2 {
	background: url(/img/service/icon04.png) no-repeat 0 50%;
}

.titBox .bacH2 {
	background: url(/img/service/icon05.png) no-repeat 0 50%;
}

.titBox .s3H2 {
	background: url(/img/service/icon06.png) no-repeat 0 50%;
}

.titBox .barraH2 {
	background: url(/wp-content/uploads/2015/05/icon09.gif) no-repeat 0 50%;
}

.titBox .cdnH2 {
	background: url(/wp-content/uploads/2015/08/icon10.png) no-repeat 0 50%;
}


#main .section03 .inner03 {
    width: 390px;
}

#main .planList02 {
	margin-bottom: 45px;
}

#main .planList02 li {
	position: relative;
    width: 315px;
	font-size: 12px;
	line-height: 1.7;
}

#main .planList02 li.dx {
    width: 357px;
	font-size: 12px;
	line-height: 1.7;
}

#main .planList02 .awsImg {
	left: -6px;
	bottom: -14px;
	position: absolute;
	z-index: 999;
}

#main .planList02 li .txtBox .tit {
	padding: 7px 0 7px 4px;
	overflow: hidden;
}

#main .planList02 li .txtBox .txt {
	padding: 10px 9px 0 10px;
	clear: both;
}

#main .planList02 li .txtBox .txtRight {
	padding: 0;
	margin-top: -16px;
	padding-right:7px;
	float: right;
}

#main .planList02 li .txtBox .plaImg {
	padding-right: 4px;
	float: left;
}

#main .planList03 {
	margin-bottom: 0;
}

#main .planList03 li .txtBox span {
    padding: 4px 2px;
}

#main .planList03 li .txtBox .tit {
	padding: 6px 4px 3px 4px;
}

#main .planList03 li .txtBox .tit .img {
	padding: 0;
	width: auto;
	float: left;
}

#main .planList03 li .txtBox .tit span {
	padding: 0 0 0 48px;
	*+padding: 0 0 0 5px;
	font-size: 12px;
	color: #000;
	text-align: left;
}

#main .planList03 li .txtBox .tit span img {
	margin-bottom: 3px;
}

#main .planList03 li .txtRight {
	overflow: hidden;
}

#main .planList03 li .txtRight img {
	float: right;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .section03 .inner03 {
    	width: auto;
	}
	
	#main .planList02 li {
   		width: auto;
	}
	
	#main .planList02 .tit .plaImg {
		width: 47px;
	}
	
	#main .planList02 .tit .txtImg {
		max-width: 78%;
	}
	
	#main .planList02 .tit .txtRight img {
		width: 107px;
	}
	
	#main .planList02 li .awsImg img {
		width: 75px;
	}
	
	#main .planList02 .awsImg {
		bottom: -8px;
	}
	
	#main .planList02 .ftR {
		overflow: hidden;
	}
	
	#main .planList02 .ftR img {
		max-width: 79%;
		float: right;
	}
	
	#main .planList02 li .txtBox .txtRight {
		margin-top: -10px;
	}
	
	#main .planList03 li .txtBox span {
   		padding: 4px 8px;
	}	
	
	#main .planList03 .mb0 {
		margin-bottom: 19px !important;
	}
	
	#main .planList03 li .txtBox .txtImg img {
		max-width: 41%;
	}
	
	#main .planList03 li:nth-child(3) .txtBox .txtImg img,
	#main .planList03 li:nth-child(4) .txtBox .txtImg img {
		max-width: 49%;
	}
	
	#main .planList03 li:last-child .txtBox .txtImg img {
		max-width: 57%;
	}
	
	#main .planList03 li .txtBox .txtRight {
		padding-right: 5px;
	}
	
	#main .planList03 li .txtBox .txtRight img {
		max-width: 80%;
	}
	
	#main .planList03 li:nth-child(5) .txtBox .txtRight img,
	#main .planList03 li:last-child .txtBox .txtRight img {
		max-width: 22%;
	}
}

/*------------------------------------------------------------
	/service/plan/server.html
------------------------------------------------------------*/
#conts .subBox {
	padding: 10px;
	margin-top: 20px;
	border: solid 1px #E0F3F4;
}

#conts .subBox p {
	padding:  10px 0 0 60px;
}

#conts .subBox .imgLeft {
	float: left;
}

#conts .serTxt {
	margin-bottom: 25px;
	line-height: 1.7;
}

#main .comDl dt {
	padding: 9px 0 9px 15px;
	width: 180px;
}

.mb40 {
	margin-bottom: 40px !important;
}

.pad70 {
	padding-top: 70px;
	display: block;
}

.pad40 {
	padding-top: 40px;
	display: block;
}

.pad30 {
	padding-top: 30px;
	display: block;
}

.pad25 {
	padding-top: 25px;
	display: block;
}

#main .serTable {
	margin-bottom: 10px;
}

#main .comTable td {
	width: 74px;
}

#main .comTable .w95 {
	width: 100px;
}

#main .comTable .w70 {
	width: 70px;
}

#main .comTable .w108 {
	width: 108px;
}

#main .comTable .w125 {
	width: 140px;
}
/*追記 記事ページに料金表を掲載する場合*/
.table-single #main .comTable td {
    width: 62px;
}
.table-single #main .comTable td {
	padding:10px 0 !important;
}

.table-single #main .comTable .txt01 {
	padding-left: 27px !important;
}


/*---------------ここまで----------------*/


#main .blue {
	color: #009da5;
	font-weight: bold;
}

#main .comTable .txt01 {
	margin-bottom: 3px;
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/ser_img01.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
	text-align:left;
}

#main .comTable .txt02 {
	margin-bottom: 3px;
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/ser_img02.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#main .comTable .txt03 {
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/ser_img03.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#main .comTable .txt04 {
	margin-bottom: 3px;
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/data_icon01.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#main .comTable .txt05 {
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/data_icon02.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#main .comTable .txt06 {
	margin-bottom: 2px;
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/cac_icon01.png) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#main .comTable .txt07 {
	margin-bottom: 2px;
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/ser_img04.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#main .comTable .txt08 {
	margin-bottom: 2px;
	padding-left: 30px;
	text-align: left;
	background: url(/img/service/ser_img05.gif) no-repeat 5px 3px;
	width:100%;
	margin-right:-30px;
}

#conts .backTable th {
	padding: 10px;
	width: 110px;
	text-align: left;
}

#conts .backTable .bg01 {
	width: 260px;
}

#conts .backTable td {
	padding: 10px;
	width: 130px;
	text-align: left;
}

#main .notesTxt {
	margin-bottom: 40px;
	font-size: 12px;
	line-height: 1.8;
}

.mb65 {
	margin-bottom: 65px !important;
}

#main .notesTxt li {
	padding-left: 13px;
	text-indent: -13px;
}

#main .notesTxt img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

#main .red {
	color: #ff0000;
}

#main .notesList,
.notesList {
	padding-top: 10px;
	font-size: 12px;
}

#conts .notesList li,
.notesList li {
	padding: 0 0 2px 23px;
	text-indent: -23px;
	line-height: 1.7;
}

#conts .notesList span,
.notesList span {
	margin-right: 5px;
	color: #009da5;
}

#main .comDl .blue {
	font-weight: normal;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	.titBox .planH2 {
		padding: 8px 0 5px 60px;
		width: auto;
		font-size: 24px;
		/*background-size: auto 90%;*/
		background-size: auto;
	}

	.pad70,
	.pad40,
	.pad30,
	.pad25 {
		padding-top: 0;
	}
	
	#main .serTable {
		margin-bottom: 10px;
		width: 100%;
		overflow-x: scroll;
	}
	
	#main .notesTxt {
		margin-bottom: 45px;
	}
	
	#main .notesTxt .txt {
		margin-left: 13px;
		display: block;
	}
	
	#main .comTable {
		width: 737px !important;
	}
}

/*------------------------------------------------------------
	/service/plan/direct-connect.html
------------------------------------------------------------*/
#conts .connect {
	padding-top: 5px;
	margin-bottom: 30px;
}

#conts .connect .inner {
	width: 485px;
	float: right;
	line-height: 1.7;
}


#conts .connect .inner .price2 {
	margin-bottom:35px;
}


#conts .connect .inner .price2 .txt1 {
	background-color: #009da5;
	color:#fff;
	text-align:right;
	line-height:1.231;
	font-size:26px;
	letter-spacing:2px;
	padding:14px 18px 8px 18px;
}

#conts .connect .inner .price2 .txt2 {
	background-color: #e0f3f4;
	text-align:right;
	line-height:1.231;
	padding:14px 18px 8px 18px;
	font-size:14px;
	font-weight: bold;
	letter-spacing:1px;
}

#conts .connect .inner .price2 .num {
	font-size: 45px;
	font-weight: bold;
}

#conts .connect .inner .price2 .tit {
	font-size:24px;
	color:#009da5;
}

#conts .connect .inner .price2 .pl {
	font-size:24px;
}




#conts .connect .inner .price {
	margin-bottom: 10px;
	background-color: #e0f3f4;
	clear: both;
}

#conts .connect .inner .price .txtLeft {
	width: 150px;
	float: left;
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	background-color: #009da5;
}

#conts .connect .inner .price .txtRig {
	margin: 0;
	padding: 15px 15px 0 0;
	font-size: 24px;
	width: 320px;
	float: right;
	line-height: 1.3;
	background: url(/img/service/dir_icon01.gif) no-repeat left center;
}

#conts .connect .inner .price .txtLeft span,
#conts .connect .price .txtRig span {
	font-size: 30px;
}

#conts .connect .inner .price .txtLeft .num {
	font-size: 60px;
	font-weight: bold;
}

#conts .connect .price .txtRig .num {
	font-size: 45px;
	font-weight: bold;
}

#conts .connect .txtRig {
	margin-bottom: 25px;
}

#conts .txtRig {
	margin-bottom: 15px;
	text-align: right;
	font-size: 12px;
}

#main .dirImg {
	margin: 30px 0 10px;
}

.pad50 {
	padding-top: 50px;
	display: block;
}

.lineHeight {
	line-height: 1.7;
}

#conts .notesList02 {
	padding: 0;
	margin-bottom: 25px;
	font-size: 14px;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	.titBox {
		padding: 10px 0 4px 5px;
	}
	
	.titBox .planH202 {
		/*padding: 8px 0 5px 40px;*/
		padding: 8px 0 5px 60px;
		width: auto;
		font-size: 24px;
		/*background-size: 35px 42px;*/
		/*background-size: auto 90%;*/
		background-size: auto;
	}
	
	#conts .connect {
		padding-top: 0;
		/*margin-bottom: 45px;*/
	}
	
	#conts .connect .inner {
		width: auto;
		float: none;
	}
	
	#conts .connect .inner p {
		word-wrap: break-word;
	}
	
	#conts .connect .inner .price {
		margin-bottom: 15px;
	}
	
	#conts .connect .inner .price .txtLeft {
		width: 31%;
		font-size: 10px;
		line-height: 1.5;
	}
	
	#conts .connect .inner .price .txtRig {
		margin: 0;
		padding: 5px 0 0 0;
		font-size: 15px;
		width: 69%;
		background-size: 3px 5px;
	}
	
	#conts .connect .inner .price .txtLeft span,
	#conts .connect .price .txtRig span {
		font-size: 16px;
	}
	
	#conts .connect .inner .price .txtLeft .num {
		font-size: 32px;
		font-weight: bold;
	}
	
	#conts .connect .price .txtRig .num {
		padding-right: 10px;
		font-size: 26px;
		font-weight: bold;
	}
	
	#conts .dirImg01 img,
	#conts .dirImg img {
		width: 100%;
	}
	
	#conts .connect .ftL {
		margin-bottom: 20px;
		float: none;
		text-align: center;
	}
	
	#conts .connect .ftL img {
		max-width: 300px;
		width: auto;
	}
	
	#conts .notesList02 {
		margin-bottom: 10px;
	}
	
	.pad50 {
		padding-top: 0;
	}
}

/*------------------------------------------------------------
	/service/option/
------------------------------------------------------------*/
#conts .connect .inner01 {
	width: 550px;
}

#conts .connect .inner02 {
	width: 359px;
}

#conts .connect .inner05 {
	width: 402px;
	float:right;
}


#conts .connect .inner .txtCen {
	padding: 10px 20px;
	font-size: 24px;
}

#conts .connect .inner .txtCen span {
	font-size: 20px;
}

#conts .systemBox {
	margin-bottom: 30px;
	clear: both;
}

#conts .systemBox .innerL {
	width: 359px;
	float: left;
}

#conts .systemBox .innerR {
	width: 359px;
	float: right;
}

#conts .systemBox h3 {
	margin-bottom: 5px;
	clear: inherit;
	color: #000;
}

#conts .systemBox .comTable {
	margin-top: 10px;
	width: 100% !important;
}

#conts .systemBox .comTable th {
	padding: 5px 10px;
	width: 140px;
	text-align: left;
	background-color: #fff;
}

#conts .systemBox .comTable td {
	padding: 5px 10px;
	width: 140px;
	text-align: left;
}

#conts .sslBox {
	padding-top: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #DDDDDD;
}

#conts .sslBox p {
	padding-top: 15px;
}

#conts .notesTop {
	margin: 0;
	padding-top: 20px;
	border-top: 1px solid #DDDDDD;
}

#conts .feeCases {
	margin-bottom: 10px;
    padding: 5px 10px;
	font-weight: bold;
    border: 1px solid #CCCCCC;
}

#conts .feeCases span {
    color: #FF9900;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#conts .connect .inner01,
	#conts .connect .inner02,
	#conts .connect .inner03 {
		width: auto;
	}
	
	#conts .systemBox .innerL {
		width: auto;
		float: none;
	}
	
	#conts .systemBox .innerR {
		padding-top: 20px;
		width: auto;
		float: none;
	}
	
	#conts .systemBox .innerR img {
		width: 100%;
	}
	
	#conts .systemBox .comTable th,
	#conts .systemBox .comTable td {
		width: 48%;
	}
	
	#conts .connect .ftL .img {
		width: 100%;
	}
}


/*------------------------------------------------------------
	/service/spin-off/
------------------------------------------------------------*/
#conts {
	word-wrap: break-word;
}

#main .spinBtn {
	text-align: center;
}

#main .spinBtn a,
#main .spinBtn span {
	display: inline-block;
	text-decoration: none;
}

#main .spinBtn span {
	padding: 10px 20px;
}

#main .dataBtn {
	margin: 0 auto;
	width: 350px;
}

#conts .dataImg {
	margin: 20px 0 35px;
	text-align: center;
}

#conts .section01 .inner .ttl {
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.3;
}

#conts .dataLink {
	margin: 0 !important;
}

#conts .spanPc {
	display: block;
}

#conts .mtSection {
	margin-bottom: 30px;
}

#conts .mtSection .boxRight {
	/*padding: 10px;*/
	width: 324px;
	float: right;
	font-size: 12px;
	/*border: solid 2px #bbb;*/
}

#conts .mtSection .boxRight li {
	padding-left: 10px;
	text-indent: -10px;
}

#conts .mtSection .boxRight .txtBox {
	float: right;
	width: 170px;
}

#conts .mtSection .inner {
	width: 400px;
	float: left;
}

#conts .sslSub {
	padding: 10px 0;
	margin-bottom: 25px;
	background-color: #e0f3f4;
}

#conts .sslSub .ttl {
	padding: 0 18px 10px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 1.3;
	background: url(/img/common/line02.gif) repeat-x left bottom;
}

#conts .sslSub .ttl span {
	font-size: 33px;
	font-weight: bold;
}

#conts .sslSub .notesTxt {
	margin: 0 0 0 18px;
}

#conts .loadtest {
	padding: 10px;
	margin-bottom: 30px;
	border: solid 1px #ccc;
}

#conts .loadtest .ftL {
	padding-top: 10px;
}

#conts .loadtest .inner {
	width: 550px;
	float: right;
}

#conts .invoiceList li {
	padding-bottom: 20px;
	font-size: 12px;
	word-wrap: break-word;
}

#conts .invoiceList li img {
	width: 100%;
}

#conts .invoiceList li span {
	padding: 10px 0 0 10px;
	text-indent: -10px;
	display: block;
}

#conts .invoiceBox {
	margin-bottom: 20px;
}

#conts .invoiceBox .comTable td {
	padding: 10px;
	text-align: right;
}

#conts .loadtest .innerL {
	width: 500px;
	float: left;
}

#main .txtList02 li {
	padding-bottom: 5px;
}

#main .caselist li {
	height: 170px;
}

.mb30 {
	margin-bottom: 30px !important;
}

#main ul.invoiceServiceUpdate{
	padding: 0 7px
}

#main ul.invoiceServiceUpdate li{
	float: left;
	margin: 20px;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#conts .dataImg img {
		width: 100%;
	}
	
	#main .dataBtn {
		width: auto;
	}
	
	#main .section01 .photoL {
		margin: 20px 0 0;
	}
	
	#conts .spanPc {
		display: inline;
	}
	
	#conts .mtSection .boxRight {
		margin-bottom: 20px;
		width: auto;
		float: none;
	}
	
	#conts .mtSection .boxRight .txtBox {
		padding-left: 130px;
		float: none;
		width: auto;
	}
	
	#conts .mtSection .inner {
		width: auto;
		float: none;
	}
	
	#conts .loadtest .ftL {
		margin-bottom: 10px;
		text-align: center;
		float: none;
	}
	
	#conts .loadtest .inner {
		width: auto;
		float: none;
	}
	
	#conts .invoiceBox .comTable {
		width: 100%;
	}
	
	#conts .invoiceBox .comTable td {
		width: auto;
	}
	
	#conts .loadtest .innerL {
		width: auto;
		float: none;
	}

	#main .caselist li {
		height: auto;
	}

	#main ul.invoiceServiceUpdate{
		padding: 0
	}

	#main ul.invoiceServiceUpdate li{
		float: none;
		width: 100%;
		margin: 0;
	}

	#main ul.invoiceServiceUpdate li img{
		margin: 20px auto;
	}
}

/*------------------------------------------------------------
	/service/spin-off/coordinate-service.html
------------------------------------------------------------*/
#conts .cooImg {
	margin-bottom: 25px;
	text-align: center;
}

#main .tabList {
	margin-right: -3px;
	width: 740px;
}

#main .tabList li {
	margin-right: 3px;
	width: 182px;
	float: left;
}

#main .tabList li a {
	font-size: 14px;
}

#conts .coordinateTab {
	padding: 25px 28px 30px;
	border: solid 1px #c5c5c5;
	border-top: solid 5px #009da5;
	background-color: #fff;
}

#conts .coordinateTab h2 {
	margin-bottom: 10px;
	font-size: 18px;
	color: #009da5;
}

#conts .coordinateTab p {
	margin-bottom: 25px;
	line-height: 1.7;
}

#conts .coordinateTab .txtBox {
	padding: 10px 0;
	margin-bottom: 25px;
	background-color: #e0f3f4;
}

#conts .coordinateTab .txtBox p {
	margin: 0;
	padding: 0 20px;
	font-size: 12px;
}

#conts .coordinateTab .txtBox .ttl {
	margin-bottom: 10px;
	padding: 0 20px 5px;
	font-size: 18px;
	font-weight: bold;
	background: url(/img/service/coo_line01.gif) repeat-x left bottom;
}

#conts .coordinateTab .txtBox .ttl span {
	font-size: 33px;
	letter-spacing: -1px;
}

.pad15 {
	padding-top: 15px;
	display: block;
}

#conts .coordinateTab .section {
	position: relative;
	padding: 10px 35px 10px 10px;
	background-color: #e0f3f4;
}

#conts .coordinateTab .cooBox {
	padding-right: 70px;
}

#conts .coordinateTab .section .cooImg02 {
	position: absolute;
	top: 20px;
	right: 20px;
}

#conts .coordinateTab .section .inner {
	width: 465px;
	float: right;
}

#conts .coordinateTab .section p {
	margin-bottom: 10px;
	word-wrap: break-word;
}


#conts .coordinateTab .section04 {
	position: relative;
}

#conts .coordinateTab .section04 .inner {
	width: 490px;
	padding:18px;
	float: right;
	background-color: #e0f3f4;
	min-height:198px;
	_height:198px;
	zoom:1;
}

#conts .coordinateTab .section04 .innerL {
	width: 490px;
	padding:18px;
	float: left;
	background-color: #e0f3f4;
	min-height:162px;
	_height:162px;
	zoom:1;
}

#conts .coordinateTab .section04 p {
	margin-bottom: 10px;
	word-wrap: break-word;
}




#conts .coordinateTab .comDl dt {
	padding: 15px 20px 9px 10px;
	width: 140px;
	line-height: 1.5;
}

#conts .coordinateTab .section .ttl {
	margin: 10px 0 0 !important;
	font-weight: bold;
	color: #000;
}

#conts .cooArrow {
	padding: 9px 0 8px;
	margin: 0 auto !important;
	width: 23px;
}

#conts .cooArrow img {
	width: 100%;
}

#conts .planBtn li {
	margin-right: 10px;
	width: 210px;
	float: left;
	font-size: 14px;
}

#conts .planBtn li.textlong {
	font-size:12px;
}

#conts .planBtn li.textlong .spanBtn {
	padding:12px 0 10px 0;
}

#conts .coordinateTab .txtRig {
	padding-bottom: 5px;
	margin-bottom: 10px !important;
	border-bottom: solid 1px #333;
}

#conts .coordinateTab .qaDl dt {
	padding-left: 20px;
	text-indent: -20px;
}

#conts .coordinateTab .qaDl dd {
	margin-bottom: 15px;
	padding-left: 20px;
	text-indent: -20px;
}

#conts .tabBox,
#conts .subTtl {
	display: none;
}

#conts .coordinateTab .comDl {
	margin-bottom: 30px;
	display: none;
}

#conts .comTable02 {
	margin-bottom: 30px;
	width: 100% !important;
	line-height: 1.7;
}

#conts .comTable02 th {
	padding: 0 10px;
	width: 150px;
	text-align: left;
}

#conts .comTable02 td {
	padding: 10px 15px;
	width: auto;
	text-align: left;
}


@media all and (min-width: 0px) and (max-width: 600px)  {
	#conts .cooImg img {
		width: 100%;
	}
	
	#conts .coordinateTab .comDl {
		display: block;
	}
	
	#conts .comTable02 {
		display: none;
	}

	#main .tabList {
		margin-right: 0;
		width: auto;
		display: none;
	}
	
	#main .tabList li {
		margin-right: 0;
		width: auto;
		float: none;
	}
	
	#main .tabList li a {
		font-size: 15px;
	}
	
	#conts .coordinateTab {
		padding: 25px 10px 35px;
		border: none;
		border-top: none;
	}
	
	#conts .coordinateTab .txtBox {
		margin-bottom: 30px;
	}
	
	#conts .coordinateTab .txtBox p {
		padding: 0 10px;
	}

	.pad15 {
		padding-top: 0;
	}
	
	#conts .coordinateTab .section {
		padding: 20px 9px 5px;
	}
	
	#conts .coordinateTab .section .ftL {
		text-align: center;
		float: none;
	}
	
	#conts .coordinateTab .section .ftL img {
		display: inline-block;
	}
	
	#conts .coordinateTab .section .inner {
		width: auto;
		float: none;
	}
	
	#conts .coordinateTab .comDl dt {
		padding: 12px !important;
		width: auto;
		height: auto !important;
	}
	
	#main .tabList li .coordinateTab .comBtn a {
		padding: 6px !important;
		text-align: center;
		background: #fff !important;
		border: 1px solid #E0E0E0;
    	border-radius: 3px;
	}
	
	#conts .coordinateTab .comDl {
   		line-height: 1.5;
	}
	
	#conts .coordinateTab .comDl dd {
		padding-bottom: 10px;
	}
	
	#conts .cooArrow {
		width: 42px;
	}
	
	.tabSp {
		display: block;
	}
	
	#main .tabList {
		margin: 0 -10px -40px;
	}
	
	#main .tabList li a {
		border-top: solid 1px #e0e0e0;
	}
	
	#conts .subTtl {
		display: block;
	}
	
	#conts .planBtn {
		margin-bottom: 0;
	}
	
	#conts .planBtn li {
		margin: 0 auto 10px;
		float: none;
		width: 90%;
	}
	
	#conts .coordinateTab .section .cooImg02 {
		position: absolute;
		top: 10px;
		right: 10px;
	}
	
	#conts .coordinateTab .cooBox {
   		padding-right: 60px;
	}
	
	.tabBtm {
		margin-bottom: -35px;
	}
	
	
	#conts .coordinateTab .section04 {
	}
	
	#conts .coordinateTab .section04 .inner {
		width: inherit;
		padding:18px;
		float: none;
		background-color: #e0f3f4;
		min-height: inherit;
		_height: inherit;
	}
	
	#conts .coordinateTab .section04 .innerL {
		width: inherit;
		padding:18px;
		float: none;
		background-color: #e0f3f4;
		min-height: inherit;
		_height: inherit;
	}
	
		#conts .coordinateTab .section04 .ftR,
		#conts .coordinateTab .section04 .ftL {
			display:none;
		}
	
	#conts .coordinateTab .section04 p {
		margin-bottom: 10px;
		word-wrap: break-word;
	}

}


/*------------------------------------------------------------
	/service/recommend/
------------------------------------------------------------*/
#main .volSection {
	margin-bottom: 30px;
}

#main .volSection .imgRight {
	width: 382px;
	float: right;
}

#main .volSection .imgRight li {
	margin-bottom: 20px;
}

#main .volSection .inner {
	width: 330px;
	float: left;
}

#main .volDl {
	margin-bottom: 20px;
}

#main .volDl .ddRight {
	width: 138px;
	text-align: right;
}

#main .volDl dd {
	width: 338px;
	float: left;
}

#main .recPoint {
	margin-bottom:25px;
}

#main .recPoint li {
	float:left;
}

#main .recPoint .plus {
	padding-top:112px;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .volSection .imgRight {
		margin-bottom: 20px;
		width: auto;
		float: none;
		text-align: center;
	}
	
	#main .volSection .imgRight img {
		width: 100%
	}
	
	#main .volSection .inner {
		width: auto;
		float: none;
	}
	
	#main .volDl .ddRight {
		width: auto;
		text-align: left;
	}
	
	#main .volDl dd {
		width: auto;
		float: none;
	}

	#main .recPoint {
	}
	
	#main .recPoint li {
		float:none;
		margin-bottom:10px;
	}
	
	#main .recPoint li img {
		margin:0 auto;
	}
	
	#main .recPoint .plus {
		padding-top:0;
	}

}

/*------------------------------------------------------------
	/service/payment.html
------------------------------------------------------------*/
#main .flatRate {
   	padding: 0;
}
	
#main .flatRate li {
    width: 340px;
}

#main .flatRate li .inner {
    padding: 25px 10px 10px 7px;
}

#main .flatRate li dl {
	padding-left: 5px;
    width: 190px;
}

#main .flatRate li dl p {
	padding-left: 15px;
	text-indent: -15px;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .flatRate li {
		width: auto;
	}
	
	#main .flatRate li dl {
		width: auto;
	}
}

/*------------------------------------------------------------
	/service/monitoring.html
------------------------------------------------------------*/
#main .monSec {
	padding-top: 30px;
}

#main .monSec .inner {
	width: 440px;
	float: left;
}

#main .monSec .inner p {
	margin-bottom: 15px;
}

#main .monImg {
	margin-bottom: 20px;
	text-align: center;
}

#main .monitoring {
	margin: 10px 0 20px;
}

#main .monitoring .tit {
	padding: 10px;
	float: left;
	width: 180px;
	border: 1px solid #009DA5;
	border-right: none;
	background-color: #96D7DA;
}

#main .monitoring .comDl {
	width: 536px;
	float: right;
	clear: inherit;
}

#main .monitoring .comDl dt {
	background-color: #E0F3F4;
}

#main .pad80 {
	padding-top: 80px;
	display: block;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .monSec .inner {
		width: auto;
		float: none;
	}
	
	#main .ftR {
		/*text-align: center;
		float: none;*/
	}
	
	#main .monImg img {
		width: 100%;
	}
	
	#main .monitoring .tit {
		float: none;
		width: auto;
		height: auto !important;
		border-right: 1px solid #009DA5;
		border-bottom: none;
	}
	
	#main .monitoring .comDl {
		width: auto;
		float: none;
		height: auto !important;
	}
	
	#main .pad80 {
		padding-top: 0;
	}
}

/*------------------------------------------------------------
	/service/security.html
------------------------------------------------------------*/
#conts .secList {
	margin-bottom: 20px;
}

#conts .secList li {
	padding-right: 30px;
	width: 200px;
	float: left;
}

#conts .secList li img{
	margin-bottom: 10px;
}

#conts .secList .list01 img {
	width: 200px;
}

#conts .secList02 li {
	padding-right: 25px;
	width: 220px;
}

#conts .backlogList {
	margin-bottom: 10px;
}

#conts .backlogList li {
	padding-bottom: 10px;
	font-size: 14px;
	overflow: hidden;
}

#conts .backlogList li img {
	float: left;
}

#conts .backlogList p {
	padding: 6px 0 0 40px;
}

#main .bannerBtm {
	padding-top: 40px;
	clear: both;
}

#main .bannerBtm li {
	margin-right: 10px;
	float: left;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#conts .secList li {
		padding: 0 0 10px;
		width: auto;
		float: none;
	}
	
	#conts .secList li img {
		margin: 0 auto 10px;
	}
	
	#conts .secList .list01 {
		width: auto;
	}

	#conts .secList02 li {
		width: auto;
	}
	
	#conts .backlogList p {
		padding-top: 0;
	}
	
	#main .bannerBtm li {
		margin: 0 0 10px 0;
		float: none;
		text-align: center;
	}
	
	#main .bannerBtm li img {
		display: inline;
	}
}

/*------------------------------------------------------------
	/tools/
------------------------------------------------------------*/
#conts .proxy {
    padding: 20px 15px;
    border: 1px solid #CFCFCF;
}

#conts .proxy .section {
	margin-bottom: 30px;
}

#conts .proxy .inner {
	width: 335px;
	float: left;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#conts .proxy .ftR {
		margin-bottom: 10px;
		float: none;
		text-align: center;
	}
	
	#conts .proxy .ftR img {
		width: 100%;
	}
	
	#conts .proxy .inner {
		width: auto;
		float: none;
	}

}

.priceTable .comTable {
	width: 100% !important;
}

/*------------------------------------------------------------
	os.html
------------------------------------------------------------*/
#main .osList {
	margin: 0 0 30px;
	width: auto;
}

#main .osList li {
    margin: 0 20px 0 0;
    width: 230px;
}

#main .osList li img {
	margin: 0 auto;
}

#main .osList .last {
	margin: 0 !important;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .osList li {
		margin-bottom: 20px;
    	width: auto;
	}
	
	#main .osList li img {
		width: auto;
	}
	
	#main .listUl01 li {
    	margin: 0 0 20px 0;
	}

}

/*------------------------------------------------------------
	ssl-application.html
------------------------------------------------------------*/
#main .sslTable {
	margin-bottom: 10px;
	width: 100% !important;
}

#main .sslTable th,
#main .sslTable td {
	padding: 5px 20px;
	text-align: left;
	width: auto;
	word-wrap: break-word;
}

#main .sslTable .td01 {
	width: 30%;
}

#main .sslTable .td02 {
	width: 40%;
}

#main .sslTxt {
	margin: 0 0 30px 0 !important;
	width: auto;
}

#main .sslTxt li {
	width: 979px;
}

#main .sslTxt .ttl {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#main .sslTxt dt {
	float: left;
}

#main .sslTxt dd {
	padding-left: 19em;
}

#main .size16 {
	font-size: 16px;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .sslTable td {
		padding: 2px;
	}
	
	#main .sslTxt li {
		width: auto;
	}
	
	#main .sslTxt dt {
		float: none;
	}
	
	#main .sslTxt dd {
		padding: 0 0 10px 0;
	}
	
	#main .ftImg {
		text-align: center;
	}
	
	#main .ftImg img {
		width: auto !important;
	}

}




@media all and (min-width: 0px) and (max-width: 600px)  {

#conts .connect .inner05 {
	width: auto;
	float:none;
}

}


/*------------------------------------------------------------
	/service/spin-off/securityassessment.html
------------------------------------------------------------*/
#conts .securityassessment .section {
	position: relative;
	padding: 10px 35px 10px 10px;
	background-color: #e0f3f4;
}

#conts .securityassessment .section .inner {
	width: 515px;
	float: right;
}
#conts .securityassessment .section .ttl {
	margin: 10px 0 0 !important;
	font-weight: bold;
	color: #000;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#conts .securityassessment .section {
		padding: 20px 9px 5px;
	}
	
	#conts .securityassessment .section .ftL {
		text-align: center;
		float: none;
	}
	
	#conts .securityassessment .section .ftL img {
		display: inline-block;
	}
	
	#conts .securityassessment .section .inner {
		width: auto;
		float: none;
	}
}


/*------------------------------------------------------------
	/service/option/docomo-cloud-package.html
------------------------------------------------------------*/
#main .dcpOverview,
#main .iotpack,
#main .addOption {
	margin: 28px -19px 28px 0 ;
}

#main .dcpOverview li,
#main .iotpack li,
#main .addOption li {
	width: 233px;
	float: left;
}

#main .iotpack li {
	width: 233px;
	float: left;
	margin-bottom: 20px;
}

#main .dcpOverview li dl dt,
#main .iotpack li dl dt,
#main .addOption li dl dt {
	width: 233px;
	text-align: center;
}

#main .dcpOverview li dl dt h3 {
	color: #cc1433;
	display: block;
}

#main .dcpOverview li dl dt.pt15,
#main .iotpack li dl dt.pt15 {
	padding: 15px 0;
}

#main .dcpOverview li dl dd,
#main .iotpack li dl dd,
#main .addOption li dl dd {
	margin: 0 7px;
}

#main .addOption li dl dd h3{
	display: block;
	text-align: center;
}

#main .dcpOverview li dl dd img,
#main .iotpack li dl dd img,
#main .addOption li dl dt img {
	margin: 0 auto 25px;
}


#main .step {
	margin: 28px -19px 0 0;
}

#main .step li {
	width: 233px;
	position: relative;
	float: left;
}

#main .step li .img {
	position: absolute;
	right: -27px;
	top: 155px;
	width: 38px;
}

#main .step li dl dt {
	margin-bottom: 45px;
}

#main .step li dl dt p {
	font-size: 18px;
	line-height: 1.5;
}

#main .step li dl dd {
	margin: 0 7px;
}

#main .step li dl dd img {
	margin: 0 auto 25px;
}

#main .step li dl dd p {
	margin-bottom: 25px;
	line-height: 1.7;
}

#main .step li dl dd .mb89 {
	margin-bottom: 89px;
}

#main .step li dl dd .mb28 {
	margin-bottom: 28px;
} 

#main .indList {
	margin: 0 -19px 0 0;
	width: 737px;
}

#main .indList li {
	margin-right: 12px;
	margin-bottom:25px;
	width: 233px;
	float: left;
	line-height:1.71;
	position: relative;
}

#main .indList li a {
}

#main .indList li .img {
	display:block;
	margin-bottom:10px;
	
	border:1px solid #e5e5e5;
	padding:6px;
	display:block;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#main .indList li .img img {
	border:1px solid #e5e5e5;
	display:block;
	margin:-1px;
}

#main .indList li .tit {
	display:block;
	margin-bottom:8px;
	font-size:14px;
}

#main .indList li .txt1 {
	display:block;
	margin-bottom:3px;
	font-size:12px;
}

#main .website {
	margin: 15px -19px 0 0;
	width: 737px;
}

#main .website li {
	margin-right: 12px;
	margin-bottom:25px;
	width: 219px;
	float: left;
	line-height:1.71;
	border:1px solid #e5e5e5;
	padding:6px;
	display:block;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #f3f3f3;
}

#main .website li p {
	background-color: #ffffff;
	text-align: center;
	padding: 15px 0;
}

@media all and (min-width: 0px) and (max-width: 600px)  {
	#main .dcpOverview li,
	#main .iotpack li,
	#main .addOption li {
		width: auto;
		float: none;
	}

	#main .dcpOverview li dl dt,
	#main .iotpack li dl dt,
	#main .addOption li dl dt {
		width: auto;
		text-align: center;
	}

	#main .dcpOverview li dl dd {
		width: auto;
		text-align: center;
		margin-bottom: 20px;
	}

	#main .iotpack li dl dd {
		width: auto;
		margin-bottom: 20px;
	}

	#main .addOption li dl dd {
		width: auto;
		margin-bottom: 20px;
	}

	#main .step {
		margin: 28px 0 0 0;
	}
	
	#main p .step {
		padding-top: 22px;
		display: inline-block;
	}
	
	#main .step li {
		margin: 0 0 9px;
		padding-bottom: 68px;
		width: auto;
		background: url(/img/about/sp_icon.gif) no-repeat center bottom;
	}
	
	#main .step li .img {
		display: none;
	}
	
	#main .step li dl dt {
		margin-bottom: 11px;
	}
	
	#main .step li dl dd {
		margin: 0;
	}
	
	#main .step li:nth-child(2), 
	#main .step li:nth-child(3) {
		display: block;
	}
	
	#main .step li:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
	}
	
	#main .step li dl dd .mb89,
	#main .step li dl dd .mb28 {
		margin-bottom: 25px;
	}

	#main .indList li img {
		width: 100%;
	}
	
	#main .indList {
		margin: 0 0 30px 0;
		width: auto;
	}
	
	#main .indList li {
		margin: 0;
		padding-top: 20px;
		width: auto;
		float: none;
	}

	#main .website {
		margin: 0 0 30px 0;
		width: auto;
	}

	#main .website li {
		margin: 10px;
		width: auto;
		float: none;
	}
}