@charset "utf-8";

/* ----------------------------------------------------
 Common
---------------------------------------------------- */

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}

body {
	margin: 0;
	padding: 0;
	background: #eee url(/common_v2/images/bg.png) repeat-y 50% 0;
}

body.noBg {
	background-image: none;
}

/* ----------------------------------------------------
 汎用クラス
---------------------------------------------------- */

a.ov:hover img,
img.ov:hover {
	opacity: 0.6;
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
}

.txtCenter { text-align: center!important; }
.txtLeft { text-align: left !important; }
.txtRight { text-align: right !important; }

.fLeft { float: left !important; }
.fRight { float: right !important; }

.vTop { vertical-align: top !important; }
.vMiddle { vertical-align: middle !important; }
.vBottom { vertical-align: bottom !important; }

.txtSmall{font-size: 65%;}

.ma_00 { margin: 0px!important; }
.ma_05 { margin: 5px!important; }
.ma_10 { margin: 10px!important; }
.ma_15 { margin: 15px!important; }
.ma_20 { margin: 20px!important; }
.ma_25 { margin: 25px!important; }
.ma_30 { margin: 30px!important; }
.ma_35 { margin: 35px!important; }
.ma_40 { margin: 40px!important; }
.ma_45 { margin: 45px!important; }
.ma_50 { margin: 50px!important; }
.ma_60 { margin: 60px!important; }
.ma_70 { margin: 70px!important; }
.ma_80 { margin: 80px!important; }

.mt00 { margin-top: 0px!important; }
.mt05 { margin-top: 5px!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; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt45 { margin-top: 45px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }

.mb00 { margin-bottom: 0px!important; }
.mb05 { margin-bottom: 5px!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; }
.mb35 { margin-bottom: 35px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb45 { margin-bottom: 45px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }

.ml00 { margin-left: 0px!important; }
.ml05 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml35 { margin-left: 35px!important; }
.ml40 { margin-left: 40px!important; }
.ml45 { margin-left: 45px!important; }
.ml50 { margin-left: 50px!important; }
.ml60 { margin-left: 60px!important; }
.ml70 { margin-left: 70px!important; }
.ml80 { margin-left: 80px!important; }

.mr00 { margin-right: 0px!important; }
.mr05 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr35 { margin-right: 35px!important; }
.mr40 { margin-right: 40px!important; }
.mr45 { margin-right: 45px!important; }
.mr50 { margin-right: 50px!important; }
.mr60 { margin-right: 60px!important; }
.mr70 { margin-right: 70px!important; }
.mr80 { margin-right: 80px!important; }

.pa_00 { padding: 0px!important; }
.pa_05 { padding: 5px!important; }
.pa_10 { padding: 10px!important; }
.pa_15 { padding: 15px!important; }
.pa_20 { padding: 20px!important; }
.pa_25 { padding: 25px!important; }
.pa_30 { padding: 30px!important; }
.pa_35 { padding: 35px!important; }
.pa_40 { padding: 40px!important; }
.pa_45 { padding: 45px!important; }
.pa_50 { padding: 50px!important; }
.pa_60 { padding: 60px!important; }
.pa_70 { padding: 70px!important; }
.pa_80 { padding: 80px!important; }

.pt00 { padding-top: 0px!important; }
.pt05 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt35 { padding-top: 35px!important; }
.pt40 { padding-top: 40px!important; }
.pt45 { padding-top: 45px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }

.pb00 { padding-bottom: 0px!important; }
.pb05 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb35 { padding-bottom: 35px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb45 { padding-bottom: 45px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }

.pl00 { padding-left: 0px!important; }
.pl05 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl35 { padding-left: 35px!important; }
.pl40 { padding-left: 40px!important; }
.pl45 { padding-left: 45px!important; }
.pl50 { padding-left: 50px!important; }
.pl60 { padding-left: 60px!important; }
.pl70 { padding-left: 70px!important; }
.pl80 { padding-left: 80px!important; }

.pr00 { padding-right: 0px!important; }
.pr05 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr35 { padding-right: 35px!important; }
.pr40 { padding-right: 40px!important; }
.pr45 { padding-right: 45px!important; }
.pr50 { padding-right: 50px!important; }
.pr60 { padding-right: 60px!important; }
.pr70 { padding-right: 70px!important; }
.pr80 { padding-right: 80px!important; }

/* ----------------------------------------------------
 ヘッダー・フッター共通リセット
---------------------------------------------------- */
#newHeader h1,
#newHeader p,
#newHeader ul,
#newHeader ol,
#newHeader li,
#newHeader dl,
#newHeader dt,
#newHeader dd,
#newHeader form,
#newHeader fieldset,
#newHeader legend,
#newHeader input,
#newFooter p,
#newFooter ul,
#newFooter ol,
#newFooter li,
#newFooter dl,
#newFooter dt,
#newFooter dd,
#newFooter form,
#newFooter fieldset,
#newFooter legend,
#newFooter input,
#newSide p,
#newSide ul,
#newSide ol,
#newSide li,
#newSide dl,
#newSide dt,
#newSide dd,
#newSide form,
#newSide fieldset,
#newSide legend,
#newSide input {
	margin: 0;
	padding: 0;
}

#newHeader a:link,
#newHeader a:visited,
#newFooter a:link,
#newFooter a:visited {
	color: #666;
	text-decoration: underline;

}

#newHeader a:hover,
#newFooter a:hover {
	color: #666;
	text-decoration: none;
}

#newHeader ul,
#newHeader ol,
#newFooter ul,
#newFooter ol,
#newSide ul,
#newSide ol {
	list-style: none;
}

#newHeader img,
#newHeader fieldset,
#newFooter img,
#newFooter fieldset,
#newSide img,
#newSide fieldset {
	border: none;
}

/* ------------------------------------------------------------------
  newHeader
------------------------------------------------------------------ */
#newHeader {
	height: 132px;
	background: #fff url(/common_v2/images/header/bg_header.png) repeat-x 0 0;
	border-bottom: 20px solid #eee;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	color: #666;
	line-height: 1.45;
}

#newHeader img {
	vertical-align: text-bottom;
}

#newHeader div.inner {
	position: relative;
	width: 962px;
	margin: 0 auto;
	z-index: 1000;
}

#newHeader h1.logo,
#newHeader p.logo {
	position: absolute;
	margin: 0;
	top: 12px;
	left: 12px;
}

/* utilityNavigation
------------------------------ */
#newHeader ul.utilityNavigation {
	float: right;
}

#newHeader ul.utilityNavigation li {
	float: left;
	margin: 9px 0 0 20px;
}

#newHeader ul.utilityNavigation a:link,
#newHeader ul.utilityNavigation a:visited {
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

#newHeader ul.utilityNavigation a:hover {
	text-decoration: underline;
}

/* serviceNavigation
------------------------------ */
#newHeader div.actionArea {
	clear: both;
	padding: 5px 0 0 0;
}

#newHeader ul.serviceNavigation {
	float: right;
	margin: 0 0 0 5px;
	zoom: 1;
}

#newHeader ul.serviceNavigation li {
	float: left;
	margin: 0 0 0 6px;
}

/* SS_searchForm
------------------------------ */
#newHeader #SS_searchForm {
	position: relative;
	float: right;
	width: 305px;
	z-index: 1000;
}

#newHeader #SS_searchForm input {
	vertical-align: middle;
	border-radius: 0;
	-webkit-appearance: none;
}

#newHeader #SS_searchForm input#SS_searchQuery {
	width: 202px;
	height: 30px;
	line-height: 30px;
	padding: 0 3px 0 30px;
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc;
	background: #fff url(/common_v2/images/header/bg_search.png) no-repeat 0 0;
}

#newHeader #SS_searchForm input#SS_searchQuery.active {
	background-position: 0 -30px;
}

/* suggest */
#newHeader #SS_searchForm div.SS_suggest {
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	width: 238px;
	border: 1px solid #ccc;
	border-top: none;
	z-index: 300;
}

#newHeader #SS_searchForm div.SS_suggest div.SS_suggestItemOff {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 2px 0;
	width: 100%;
}

#newHeader #SS_searchForm div.SS_suggest div.SS_suggestItemOn {
	background-color:#ecf5fa;
	border-top: 1px solid #ccc;
	padding: 2px 0;
	width: 100%;
}

#newHeader #SS_searchForm div.SS_suggest span.SS_suggestKey {
	font-size: 13px;
	padding-left: 4px;
}

/* globalNavigation
------------------------------ */
#newHeader ul#globalNavigation {
	position: absolute;
	top: 82px;
	left: 0;
	font-size: 13px;
	line-height: 1;
	width: 963px;
}

#newHeader ul#globalNavigation li {
	position: relative;
	float: left;
}

#newHeader ul#globalNavigation ul {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15), -2px 2px 3px rgba(0, 0, 0, 0.15);
	top: 50px;
	left: 0;
	z-index: 100;
}

#newHeader ul#globalNavigation li.service ul  { width: 218px; }
#newHeader ul#globalNavigation li.price ul    { width: 218px; }
#newHeader ul#globalNavigation li.campaign ul { width: 218px; }
#newHeader ul#globalNavigation li.tv ul       { width: 218px; }
#newHeader ul#globalNavigation li.event ul    { width: 218px; }
#newHeader ul#globalNavigation li.support ul  { width: 218px; }

#newHeader ul#globalNavigation ul li {
	float: none;
	border-top: 1px solid #ddd;
	zoom: 1;
}

#newHeader ul#globalNavigation ul li a:link,
#newHeader ul#globalNavigation ul li a:visited {
	display: block;
	padding: 15px 10px 15px 28px;
	background: url(/common_v2/images/icon_arrow_default_large2.png) no-repeat 15px 50%;
	color: #333;
	line-height: 1.5;
	text-decoration: none;
}

#newHeader ul#globalNavigation ul li a:hover {
	text-decoration: underline;
}

#newHeader ul#globalNavigation ul li.top {
	display: none;
	border-top: none;
	font-weight: bold;
}

#newHeader ul#globalNavigation ul li.secondChild {
	border-top: none;
}

#newHeader ul#globalNavigation ul li.tv a:link,
#newHeader ul#globalNavigation ul li.tv a:visited {
	background-image: url(/common_v2/images/icon_arrow_tv_large2.png);
}

#newHeader ul#globalNavigation ul li.net a:link,
#newHeader ul#globalNavigation ul li.net a:visited {
	background-image: url(/common_v2/images/icon_arrow_net_large2.png);
}

#newHeader ul#globalNavigation ul li.phone a:link,
#newHeader ul#globalNavigation ul li.phone a:visited {
	background-image: url(/common_v2/images/icon_arrow_phone_large2.png);
}

#newHeader ul#globalNavigation ul li.mobile a:link,
#newHeader ul#globalNavigation ul li.mobile a:visited {
	background-image: url(/common_v2/images/icon_arrow_mobile_large2.png);
}

#newHeader ul#globalNavigation ul li.electricity a:link,
#newHeader ul#globalNavigation ul li.electricity a:visited {
	background-image: url(/common_v2/images/icon_arrow_electricity_large2.png);
}

#newHeader ul#globalNavigation ul li.child {
	border-top-style: dotted;
	margin-left: 20px;
}

#newHeader ul#globalNavigation ul li.banner {
	border: 0;
	margin: -1px;
}

#newHeader ul#globalNavigation ul li.banner a:link,
#newHeader ul#globalNavigation ul li.banner a:visited {
	background: none;
	padding: 10px;
	line-height: 1;
	background: #aaaaaa;
}

/* プルダウン表示時 */
#newHeader ul#globalNavigation li.current a,
#newHeader ul#globalNavigation li.current a:link,
#newHeader ul#globalNavigation li.current a:visited {
	position: relative;
	border-bottom: 1px solid #fff;
	z-index: 101;
}

#newHeader ul#globalNavigation li.current ul {
	display: block;
}

#newHeader ul#globalNavigation li.current ul a:link,
#newHeader ul#globalNavigation li.current ul a:visited {
	border-bottom: none;
}

#newHeader ul#globalNavigation li.myjcom a {
	border-bottom: none !important;
}

/* タッチデバイス表示時 */
.touchDevice #newHeader ul#globalNavigation ul li.top {
	display: block;
}

.touchDevice #newHeader ul#globalNavigation ul li.secondChild {
	border-top: 1px solid #DDD;
}


/* ----------------------------------------------------
  tvNav
---------------------------------------------------- */
.tvNav ul.cell {
	display:table;
}

.tvNav ul.cell li {
	display:table-cell;
	text-align: center;
	width: 351px;
}

/* ----------------------------------------------------
  newFooter
---------------------------------------------------- */

#newFooter {
	padding: 40px 0 0 0;
	background: #eee;
	font-size: 11px;
	font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
	color: #666;
	line-height: 1.7;
	_zoom: 1;
}

html.mac #newFooter {
	font-size: 10px;
}

#newFooter img {
	vertical-align: text-bottom;
}

#newFooter a:link,
#newFooter a:visited {
	text-decoration: none;
}

#newFooter a:hover {
	text-decoration: underline;
}

#newFooter div.inner {
	position: relative;
	width: 962px;
	margin: 0 auto;
}

#newFooter div.inner .title a {
	color: #333;
	font-size: 120%;
	font-weight: bold;
}

#newFooter div.inner a.subTitle {
	color: #333;
}

#newFooter div.inner ul ul {
	margin: 0 0.5em;
}

#newFooter div.newFooterLeft,
#newFooter div.newFooterCenter,
#newFooter div.newFooterRight {
	float: left;
}

#newFooter div.newFooterLeft {
	width: 654px;
	background: url(/common_v2/images/footer/bg_footer.png) repeat-y 0 0;
}

#newFooter div.newFooterLeft div.service {
	float: left;
	width: 290px;
	padding: 15px 0 20px 20px;
}

#newFooter div.newFooterLeft div.service ul.footerContentsBox {
	float: left;
	width: 125px;
	margin-right: 20px;
}

#newFooter div.newFooterLeft div.service li.phone {
	margin-top: 15px;
}

#newFooter div.newFooterLeft div.service li.electricity {
	margin-top: 15px;
}

#newFooter div.newFooterLeft div.pack {
	float: left;
	width: 144px;
	padding: 15px 0;
}

#newFooter div.newFooterLeft div.pack li.price {
	margin-top: 15px;
}

#newFooter div.newFooterLeft div.pack li.mobile {
	margin: 21px 0 10px;
}

#newFooter div.newFooterLeft div.newFooterBottom {
	clear: both;
	overflow: hidden;
	margin: 0 0 0 1px;
	padding: 0 0 10px 20px;
	background: #eee;
	_zoom: 1;
}

#newFooter div.newFooterLeft div.newFooterBottom ul {
	margin: 0 0.5em;
}

#newFooter div.newFooterLeft div.newFooterBottom ul li {
	float: left;
	margin: 0 20px 0 0;
}

#newFooter div.newFooterLeft div.newFooterBottom div.guide {
	float: left;
	width: 290px;
}

#newFooter div.newFooterLeft div.newFooterBottom div.tvGuide {
	float: left;
	width: 340px;
	overflow: hidden;
}

#newFooter div.newFooterCenter {
	width: 189px;
}

#newFooter div.newFooterCenter div.top {
	padding: 15px 20px;
}

#newFooter div.newFooterCenter div.top p.campaign {
	margin-bottom: 10px;
}

#newFooter div.newFooterCenter div.top ul {
	margin: 0 5px;
}

#newFooter div.newFooterCenter div.bottom {
	border-top: 1px solid #ddd;
	padding: 10px 15px;
	line-height: 1.2;
}

#newFooter div.newFooterCenter div.bottom li {
	margin: 7px 0;
}

#newFooter div.newFooterRight {
	float: right;
	width: 278px;
	padding: 10px;
	background: #ddd;
}

#newFooter div.newFooterRight div.support {
	padding: 8px 10px 10px 10px;
}

#newFooter div.newFooterRight div.support ul {
	margin-left: 0.5em;
}

#newFooter div.newFooterRight div.support ul li {
	float: left;
	width: 126px;
	margin: 2px 0;
}

#newFooter div.newFooterRight div.buttons {
	overflow: hidden;
	background: #666 url(/common_v2/images/footer/bg_apply_buttons.png) repeat;
	font-size: 120%;
	zoom: 1;
}

#newFooter div.newFooterRight div.buttons div.buttonsTop {
	padding: 7px 10px 10px 10px;
	position: relative;
	zoom: 1;
}

#newFooter div.newFooterRight div.buttons a {
	color: #fff;
}

#newFooter div.newFooterRight div.buttons ul {
	padding: 7px 0 0 0;
	height: 42px;
	overflow: hidden;
}

#newFooter div.newFooterRight div.buttons ul li {
	float: left;
}

#newFooter div.newFooterRight div.buttons ul li a {
	display: block;
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
}

#newFooter div.newFooterRight div.buttons ul li.applyService a {
	width: 114px;
	background: #FE9B00;
	line-height: 22px;
	margin: 0 10px 0 0;
}

#newFooter div.newFooterRight div.buttons ul li.applyService a:hover {
	background: #F08400;
}

#newFooter div.newFooterRight div.buttons ul li.changeService a {
	padding: 6px 0;
	width: 134px;
	background: #8EC138;
	line-height: 15px;
}

#newFooter div.newFooterRight div.buttons ul li.changeService a:hover {
	background: #83AE32;
}

#newFooter div.newFooterRight div.buttons p.material {
	border-top: 1px dotted #999;
	text-align: center;
}

#newFooter div.newFooterRight div.buttons p.material a {
	display: block;
	padding: 7px 0;
}

#newFooter div.newFooterRight div.buttons p.material a:hover {
	background: url(/common_v2/images/footer/bg_apply_buttons_h.png) repeat 0 0;
}

#newFooter div.newFooterRight div.buttons p.material a span {
	padding-left: 15px;
	background: url(/common_v2/images/footer/icon_material.png) no-repeat 0 0;
}

#newFooter div.newFooterRight p.left {
	float: left;
	padding: 18px 0 0 10px;
	font-size: 12px;
}

#newFooter div.newFooterRight p.myjcom {
	float: right;
	padding: 10px 0 0 0;
	line-height: 1;
}

#newFooter ul.utility {
	clear: both;
	padding: 25px 0 0 0;
	text-align: center;
}

#newFooter ul.utility li {
	display: inline;
	border-left: 1px solid #666;
	padding: 0 0 0 10px;
	margin: 0 0 0 7px;
}

#newFooter ul.utility li:first-child {
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

#newFooter p.copyright {
	font-size: 10px;
	text-align: center;
	padding: 10px 0 20px 0;
}

#newFooter p.copyright .iconZaq {
	display: inline-block;
	margin: 0 0 0 25px;
}
#newFooter p.copyright .iconZaq img {
	margin: 0 5px 5px 0;
	vertical-align: middle;
}

#newFooterPagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	line-height: 0;
	z-index: 100;
	_display: none;
}

#newFooterPagetop img {
	vertical-aling: text-bottom;
}

/* ----------------------------------------------------
  changeSmartphone
---------------------------------------------------- */

#changeSmartphone dl,
#changeSmartphone dt,
#changeSmartphone dd {
	margin: 0;
	padding: 0;
}

#changeSmartphone {
	background: #fff;
	padding: 25px 0 118px;
	text-align: center;
	line-height: 1;
}

#changeSmartphone dl {
	font-size: 36px;
	color: #000;
	display: inline-block;
}

#changeSmartphone dl dt,
#changeSmartphone dl dd {
	float: left;
	vertical-align: middle;
}

#changeSmartphone dl dt {
	padding: 0 20px 0 0;
	line-height: 90px;
}

#changeSmartphone dl dd {
	width: 270px;
	height: 90px;
	box-sizing: border-box;
	text-align: center;
}

#changeSmartphone dl dd a {
	display: block;
	color: #000;
	line-height: 90px;
	text-decoration: none;
}

#changeSmartphone dl dd.sp {
	border: 3px solid #aaa;
	background: #e0e0e0;
	background: -webkit-linear-gradient(top,  #fff 0%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #fff 0%,#e0e0e0 100%);
	border-radius: 2px 0 0 2px;
}

#changeSmartphone dl dd.sp a {
	border: 3px solid #fff;
	line-height: 78px;
}

#changeSmartphone dl dd.pc {
	background: #aaaaaa;
	background: -webkit-linear-gradient(top,  #aaaaaa 0%,#cccccc 100%);
	background: linear-gradient(to bottom,  #aaaaaa 0%,#cccccc 100%);
	border-radius: 0 2px 2px 0;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3) inset;
}

/* ------------------------------------------------------------------
  newPage
------------------------------------------------------------------ */
#newPage {
	width: 962px;
	margin: 0 auto;
	position: relative;
}

#newPage #newMainArea {
	padding: 0;
	margin: 0;
	border-width: 0;
	background: #fff;
	float: left;
	width: 784px;
}

body.oneColumn #newPage #newMainArea {
	width: 962px;
	float: none;
}

/* ------------------------------------------------------------------
  newSide
------------------------------------------------------------------ */
div#newSide {
	float: right;
	width: 168px;
	font-size: 75%;
	background: #fff;
	line-height: 1.0;
}

div#newSide img {
	vertical-align: text-bottom;
}

/* sideApplyArea */
div#newSide div.sideApplyArea {
	background: #eee;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

div#newSide div.sideApplyArea ul {
	margin: 0 0 10px 0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true);
}

/* sideNavigation */
div#newSide ul.sideNavigation {
	background: #fff;
	border-bottom: 10px solid #eee;
}

div#newSide ul.sideNavigation ul {
	display: none;
}

div#newSide ul.sideNavigation li.current ul {
	display: block;
}

div#newSide ul.sideNavigation ul li {
	border-top: 1px solid #eee;
}

div#newSide ul.sideNavigation li.net,
div#newSide ul.sideNavigation li.phone,
div#newSide ul.sideNavigation li.electricity,
div#newSide ul.sideNavigation li.mobile {
	border-top: 1px solid #fff;
}

div#newSide ul.sideNavigation li.tv ul li:first-child,
div#newSide ul.sideNavigation li.net ul li:first-child,
div#newSide ul.sideNavigation li.phone ul li:first-child {
	border-top: none;
}

div#newSide ul.sideNavigation ul li a {
	display: block;
	padding: 12px 5px 12px 20px;
	color: #333333;
	text-decoration: none;
	background: url(/common_v2/images/icon_arrow.png) no-repeat 10px 50%;
	line-height: 1.3;
	zoom: 1;
}

div#newSide ul.sideNavigation ul li a:hover {
	text-decoration: underline;
}

div#newSide ul.sideNavigation li.tv ul li a {
	background-image: url(/common_v2/images/icon_arrow_tv.png);
}

div#newSide ul.sideNavigation li.net ul li a {
	background-image: url(/common_v2/images/icon_arrow_net.png);
}

div#newSide ul.sideNavigation li.phone ul li a {
	background-image: url(/common_v2/images/icon_arrow_phone.png);
}

div#newSide ul.sideNavigation li.electricity ul li a {
	background-image: url(/common_v2/images/icon_arrow_electricity.png);
}

div#newSide ul.sideNavigation li.mobile ul li a {
	background-image: url(/common_v2/images/icon_arrow_mobile.png);
}

div#newSide ul.sideNavigation li a.current {
	font-weight: bold;
	color: #E83416;
}

div#newSide ul.sideNavigation li.tv a.current {
	color: #fa0089;
}

div#newSide ul.sideNavigation li.net a.current {
	color: #0086cd;
}

div#newSide ul.sideNavigation li.phone a.current {
	color: #00a33e;
}

div#newSide ul.sideNavigation li.electricity a.current {
	color: #f18d00;
}

div#newSide ul.sideNavigation li.mobile a.current {
	color: #29a5a9;
}

div#newSide ul.sideNavigation li.mobile ul {
	border-bottom: 1px solid #e0e0e0;
}

/* sideJoin */
div#newSide div.sideJoin dl {
	border-bottom: 10px solid #eee;
}

div#newSide div.sideJoin dl dd {
	border-top: 1px solid #eee;
}

div#newSide .sideJoin .subPhone li {
	border-top: 1px solid #eee;
}

div#newSide .sideJoin .subPhone {
	border-top: 1px solid #fff;
}

div#newSide .sideJoin .subPhone li:first-child {
	border-top: none;
}

div#newSide .sideJoin .subPhone li a {
	display: block;
	padding: 12px 5px 12px 20px;
	color: #333333;
	text-decoration: none;
	background: url(/common_v2/images/icon_arrow_phone.png) no-repeat 10px 50%;
	line-height: 1.3;
	zoom: 1;
}

div#newSide .sideJoin .subPhone li a:hover {
	text-decoration: underline;
}

/* bannerArea */
div#newSide div.bannerArea {
	padding-bottom: 10px;
}

div#newSide div.bannerArea li {
	text-align: center;
}


/* ----------------------------------------------------
  newContents
---------------------------------------------------- */

#newContents {
	clear: both;
	width: 784px;
	margin: 0;
	padding: 0;
	font-size: 75%;
}

#newContents .newMainAreaInner {
	padding: 0 20px;
	overflow: hidden;
	width: 744px;
}

/* h1 */
h1#newHeading {
	margin: 0;
	padding: 13px 15px 13px 18px;
	background: none;
	background: url(/common_v2/images/bg_h1.png) repeat-y 0 0;
	border-bottom: 10px solid #eee;
	font-size: 24px;
	color: #222222;
}

h1#newHeading img {
	vertical-align: middle;
}

#categoryTop h1#newHeading {
	border: none;
	background-position: 0 100%;
}

/* breadcrumb */
div#breadcrumb {
	margin-top: 20px;
	padding: 20px;
	background: #F9F9F9;
	font-size: 10px;
	color: #666666;
}

div#breadcrumb p {
	margin: 0;
}

div#breadcrumb p a,
div#breadcrumb p a:link,
div#breadcrumb p a:visited {
	color: #666666 !important;
}

div#breadcrumb p a:hover {
	color: #333333 !important;
}


/* ----------------------------------------------------
  clearfix
---------------------------------------------------- */
#newHeader ul.utilityNavigation,
#newHeader ul#globalNavigation,
#newFooter div.newFooterLeft div.guide ul,
#newFooter div.newFooterRight div.support ul,
#newFooter div.newFooterRight div.buttons ul,
#changeSmartphone dl,
#newPage {
	/zoom: 1;
}

#newHeader ul.utilityNavigation:after,
#newHeader ul#globalNavigation:after,
#newFooter div.newFooterLeft div.guide ul:after,
#newFooter div.newFooterRight div.support ul:after,
#newFooter div.newFooterRight div.buttons ul:after,
#changeSmartphone dl:after,
#newPage:after {
	content: " ";
	display: block;
	clear: both;
}