@charset "utf-8";

/**
 * CSS for common styles.
 *
 * @project  Rakuten Bloadband
 * @date     2013.09.20
 * @author   hisako.tanimoto
 */

/* ------------------------------------------
	CSS reset
------------------------------------------ */

body,
div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: inherit;
	font-weight: inherit;
}
ol, ul {
	list-style: none outside;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: inherit;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select, button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
button {
	overflow: visible;
}

/* ------------------------------------------
	Default styles for this site
------------------------------------------ */

html {
	overflow-x: auto;
	overflow-y: scroll;
}
body {
	color: #333333;
	background-color: #ffffff;
	font-size: 100%;
	font-family: sans-serif;
	line-height: 1.5;
	text-align: center;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: underline;
}
a, a:link {
	color: #0066cc;
}
a:visited {
	color: #800080;
}
a:hover {
	text-decoration: none;
}
input, label {
	vertical-align: middle;
}

/* ------------------------------------------
	Header
------------------------------------------ */

/* margin padding リセット */
#grpheader div,
#grpheader dl,
#grpheader dt,
#grpheader dd,
#grpheader ul,
#grpheader ol,
#grpheader li,
#grpheader h1,
#grpheader form,
#grpheader p {
	margin: 0;
	padding: 0;
}

/* ヘッダ全体枠 */
div#grpheader {
	overflow: hidden;
	width: 950px;
	margin: 0 auto 10px;
	text-align: left; /* for Quirks Mode */
	zoom: 1;
}

/* タグライン */
p#tagLine {
	line-height: 1.1;
	color: #999999;
	font-size: 82%;
	text-align: right;
}

/* サイトID */
h1#siteID,
p#siteID {
	float: left;
	width: 380px; /* ←サイトID幅＋サービスタイトル幅＋マージンの合計値を入れる */
	height: 55px;
}
h1#siteID img.serviceLogo,
p#siteID img.serviceLogo {
	margin-right: 5px;
	margin-left: 5px;
}
h1#siteID img.serviceTitle,
p#siteID img.serviceTitle {
	margin-left: 10px;
	margin-bottom: 11px;
}

/* 楽天モバイルID */
h1#rmobileID,
p#rmobileID {
	float: left;
	width: 110px; /* ←サイトID幅＋サービスタイトル幅＋マージンの合計値を入れる */
	height: 32px;
	margin-top: 17px;
}
h1#rmobileID img.serviceLogo,
p#rmobileID img.serviceLogo {
	margin-right: 10px;
	margin-left: 10px;
}

/* グループ回遊＆ユーティリティ */
dl#remoteNav dd.grpRelation ul {
	float: right;
	padding-top: 6px;
}
dl#remoteNav dd.siteUtility {
	clear: right;
}
dl#remoteNav dd.siteUtility ul {
	float: right;
	margin-bottom: 3px;
	padding-top: 6px;
}
dl#remoteNav dd.grpRelation ul li,
dl#remoteNav dd.siteUtility ul li {
	float: left;
	line-height: 1.1;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #000000;
	list-style-type: none;
	font-size: 82%;
}
dl#remoteNav dd.grpRelation ul li.grpHome,
dl#remoteNav dd.siteUtility ul li.last {
	padding-right: 0;
	border: none;
}
dl#remoteNav dd.grpRelation ul li.grpHome {
	font-weight: bold;
}
dl#remoteNav dd.grpRelation ul li a,
dl#remoteNav dd.siteUtility ul li a {
	white-space: nowrap;
}
dl#remoteNav dd.rmobileRelation {
	float: right;
	text-align: right;
	font-size: 100%;
}
dl#remoteNav dd.rmobileRelation .noLink {
	padding-top: 15px;
}
dl#remoteNav dd.rmobileRelation ul {
	float:right;
	padding-top: 6px;
	font-size: 82%;
}
dl#remoteNav dd.rmobileRelation ul li {
	float: left;
	line-height: 1.1;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #000000;
	list-style-type: none;
}
dl#remoteNav dd.rmobileRelation ul li.grpHome {
	font-weight: bold;
	border: none;
}

/* セクションメニュー */
dl#sectionNav {
	clear: both;
	width: 100%;
	height: 29px;
	background: url(/img/pc/common/common/tab_line.gif) repeat-x bottom;
}
dl#sectionNav dd.menuList {
	float: left;
	/*width: 870px; ←タブ幅＋タブ間マージンの合計値を入れる */
	width: 950px; /* ←タブ幅＋タブ間マージンの合計値を入れる */
	line-height: 0;
	font-size: 0;
}
dl#sectionNav dd.menuList ul li {
	display: inline;
	margin-right: 2px;
	list-style-type: none;
}
dl#sectionNav dd.menuList ul li img{
	margin-top: 3px;
	margin-bottom: 4px;
}
dl#sectionNav dd.menuList ul li.current img{
	margin-top: 0;
	margin-bottom: 0;
}

/* パンくずリスト */
dl#topicPath {
	float: left;
}
dl#topicPath dd {
	clear: both;
	line-height: 1.6;
	padding: 0.5em 0.5em 0.25em;
	font-size: 82%;
}
div#grpheader div.socialArea {
	float: right;
	width: 306px;
	padding-top: 7px;
}

/* ヘッダ内定義リストのdtを非視覚化 */
dl#remoteNav dt,
dl#sectionNav dt,
dl#subSectionNav dt,
dl#topicPath dt {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}

/* ヘッダ内画像のborderを消す */
p#siteID img,
p#rmobileID img,
dl#sectionNav img,
dl#subSectionNav img {
	border: none;
}

/* アクセシビリティ対応 */
div#grpheader p.noCSS {
	display: none;
}

div#grpheader ul.navSkip {
	position: absolute;
	left: -9999px;
	width: 100px;
	height: 0;
}

/* ------------------------------------------
	Footer
------------------------------------------ */

/* reset */
div#grpRakutenLinkArea div, div#grpRakutenLinkArea h1, div#grpRakutenLinkArea h2, div#grpRakutenLinkArea h3, div#grpRakutenLinkArea p, div#grpRakutenLinkArea ul, div#grpRakutenLinkArea ol, div#grpRakutenLinkArea dl, div#grpRakutenLinkArea dt, div#grpRakutenLinkArea dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
div#grpRakutenLinkArea ul,
div#grpRakutenLinkArea ol {
	list-style: none outside;
}
div#grpRakutenLinkArea a img {
	border: none;
}

/* layout */
div#grpRakutenLinkArea {
	width: 950px;
	margin: auto auto 1em auto;
	color: #333333;
	font-size: 82%;
	text-align: left;
}

/* about ul#grpSpelinlk */
div#grpRakutenLinkArea ul#grpSpelinlk {
	padding:0.5em;
	border-top:1px solid #808080;
	text-align:center;
}
div#grpRakutenLinkArea ul#grpSpelinlk li {
	border-right:1px solid #ADADAD;
	display:inline;
	list-style-type:none;
	padding-left:0.45em;
	padding-right:0.5em;
	zoom:1;
}
div#grpRakutenLinkArea ul#grpSpelinlk li.grpLast {
	border:none;
}

/* about dl#grpKeyword */
div#grpRakutenLinkArea dl#grpKeyword {
	clear:both;
	margin-bottom:0.75em;
	padding:0.75em;
	border:1px solid #DDDDDD;
	background:#FCFCFC;
	text-align:center;
}
div#grpRakutenLinkArea dl#grpKeyword dt,
div#grpRakutenLinkArea dl#grpKeyword dd,
div#grpRakutenLinkArea dl#grpKeyword ul {
	display:inline;
	zoom:1;
}
div#grpRakutenLinkArea dl#grpKeyword dt {
	padding:0 1.5em 0 0.75em;
	text-align:center;
	font-weight:bold;
}
div#grpRakutenLinkArea dl#grpKeyword li {
	display:inline;
	padding-right:1em;
}

/* about div#groupServiceFooter */

div#grpRakutenLinkArea div#groupServiceFooter {
	border-top: 1px solid #808080;
	background: #F4F4F4;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title {
	margin-bottom: 3px;
	padding: 6px 10px;
	border-bottom: 1px solid #DDDDDD;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dt {
	float: left;
	margin: 4px 10px 0 0;
	color: #BF0000;
	font-weight: bold;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.allService {
	float: left;
	margin-top: 2px;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.inquiryList {
	margin-left: 5px;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.allService span {
	display: block;
	float: left;
	padding-right: 2px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat 100% 0;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.allService span a {
	display: table-cell;
	height: 18px;
	vertical-align: middle;
	padding: 0 10px 0 17px;
	color: #333333;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat 0 0;
	text-decoration: none;
}
* html div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.allService span a {  /* for IE6 */
	display: inline-block;
	line-height: 18px;
	vertical-align: baseline;
}
*:first-child+html div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.allService span a {  /* for IE7 */
	display: inline-block;
	line-height: 18px;
	vertical-align: baseline;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.allService span a:hover {
	color: #bf0000;
}

div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.csr {
	float: right;
	text-indent: -999px;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.title dd.csr a {
	display: block;
	overflow: hidden;
	width: 80px;
	height: 20px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat 0 -35px;
	text-decoration: none;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.Introduce {
	width: 100%;
	overflow: hidden;
	margin-bottom: 3px;
	padding: 2px 0;
	background: #F7F7F7 url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat -68px -200px;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.Introduce dt.IntroduceTitle {
	float: left;
	width: 110px;
	margin-right: -130px;
	padding: 8px 10px;
	font-weight: bold;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.Introduce dd.IntroduceDetail {
	overflow: hidden;
	zoom: 1;
}
div#grpRakutenLinkArea div#groupServiceFooter dl.Introduce dd.IntroduceDetail ul {
	padding-left: 130px;
}
div#grpRakutenLinkArea ul.serviceCol3 li {
	width: 33%;
}
div#grpRakutenLinkArea ul.serviceCol4 li {
	width: 24.9%;
}
div#grpRakutenLinkArea ul.serviceCol5 li {
	width: 19.9%;
}
div#grpRakutenLinkArea #grpRakutenRecommend {
	margin-left: 130px;
	padding: 8px 10px 8px 26px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat -179px -24px;
}
div#grpRakutenLinkArea ul#selectedService li {
	float: left;
	margin-left: -1px;
	background: url('data:image/gif;base64,R0lGODlhAQAGAIABAMrKyv///yH5BAEAAAEALAAAAAABAAYAAAIDRGJRADs=') repeat-y;
}
* html div#grpRakutenLinkArea ul#selectedService li {
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/bg_dotted.gif') repeat-y;
}
*:first-child+html div#grpRakutenLinkArea ul#selectedService li {
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/bg_dotted.gif') repeat-y;
}
div#grpRakutenLinkArea ul#selectedService li.first {
	background: none !important;
}
div#grpRakutenLinkArea ul#selectedService dl {
	padding: 8px 10px 8px 27px;
	background: url('https://jp.rakuten-static.com/1/bu/sitemap/img/sprite_grpfooter.gif') no-repeat -178px -24px;
}
div#grpRakutenLinkArea ul#selectedService dt {
	margin-bottom: 5px;
	font-weight: bold;
}
div#grpRakutenLinkArea ul#selectedService dd {
	color: #666666;
}
div#grpRakutenLinkArea div#serviceList {
	font-size:100%;
	clear:both;
	padding: 10px 0;
	border-top: 1px solid #DDDDDD;
	background: #FFFFFF;
}
div#grpRakutenLinkArea div#serviceList dl {
	padding: 0 5px 5px;
	line-height: 1.4;
}
div#grpRakutenLinkArea div#serviceList dt {
	float: left;
	width: 8em;
	font-weight: bold;
}
div#grpRakutenLinkArea div#serviceList dd {
	margin-left: 8.5em;
}
div#grpRakutenLinkArea div#serviceList li {
	float: left;
	margin-right: 10px;
	white-space: nowrap;
}
div#grpRakutenLinkArea div#serviceList li a {
	color: #666666;
	text-decoration: none !important;
}


div#grpRakutenLinkArea div#companyFooter {
	padding: 10px 10px 10px 5px;
	border-top: 1px solid #808080;
	overflow: hidden;
}
div#grpRakutenLinkArea div#companyFooter ul {
	width: 100%;
	margin-bottom: 8px;
}
div#grpRakutenLinkArea div#companyFooter ul li {
	float: left;
	margin-left: -1px;
	padding: 0 6px 0 5px;
	border-left: 1px solid #ADADAD;
}
div#grpRakutenLinkArea div#companyFooter ul li:first-child {
	border: none;
}
div#grpRakutenLinkArea div#companyFooter p#copyright {
	margin: 0 0 0px 5px;
}
/* clearfix */
div#grpRakutenLinkArea div#groupServiceFooter dl.title,
div#grpRakutenLinkArea div#companyFooter ul,
ul#selectedService,
div#grpRakutenLinkArea div#serviceList,
div#grpRakutenLinkArea div#serviceList dl {
	display: block;
	overflow: hidden;
	zoom: 1;
}

/* ------------------------------------------
	Layout
------------------------------------------ */

div#content {
	overflow: hidden;
	width: 950px;
	margin: 0 auto 50px;
	text-align: left;
	zoom: 1;
}
div#content div#mainContents {
	float:left;
	width:700px;
}
div#content div#mainContents950 {
	float:left;
	width:950px;
}
div#content div#topContents {
	float:left;
	width:700px;
}
div#content div#subContents {
	float:right;
	width:235px;
}

/* ------------------------------------------
	Sub Contents
------------------------------------------ */

/* Navi
------------------------------------------ */

div#content div#subContents .applicationNavi {
	margin-bottom: 15px;
	padding: 15px 8px 8px;
	border-color: #bf0000 #ddb0b0 #ddb0b0;
	border-width: 3px 1px 1px;
	border-style: solid;
	background: #fff7f7;
}
div#content div#subContents .applicationNavi li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddb0b0;
}
div#content div#subContents .applicationNavi .action a {
	display: block;
	overflow: hidden;
	width: 217px;
	height: 53px;
}
div#content div#subContents .applicationNavi .action a:hover {
	zoom: 1;
}
div#content div#subContents .applicationNavi .action a img {
	vertical-align:bottom;
}
div#content div#subContents .applicationNavi .action a:hover img {
	margin-top: -53px;
}
div#content div#subContents .applicationNavi h2 {
	margin-bottom: 12px;
}
div#content div#subContents .applicationNavi .extra {
	margin-top: -10px;
	font-size: 82%;
	text-align: right;
}
div#content div#subContents .applicationNavi .extra a {
	padding-left: 8px;
	background: url(/img/pc/common/common/icon_arrow_red.gif) no-repeat 0 3px;
}


/* IP Phone SMART Navi
------------------------------------------ */

div#content div#subContents .smartNavi {
	margin-bottom: 15px;
	padding: 15px 8px 8px;
	border-color: #0084ff #a1c4e5 #a1c4e5;
	border-width: 3px 1px 1px;
	border-style: solid;
	background: #e6f3ff;
}
div#content div#subContents .smartNavi .action { margin-bottom: 15px; }

div#content div#subContents .smartNavi .action a {
	display: block;
	overflow: hidden;
	width: 217px;
	height: 53px;
}
div#content div#subContents .smartNavi .action a:hover {
	zoom: 1;
}
div#content div#subContents .smartNavi .action a img {
	vertical-align:bottom;
}
div#content div#subContents .smartNavi .action a:hover img {
	margin-top: -53px;
}
div#content div#subContents .smartNavi p {
	padding: 0 6px;
	font-size: 82%;
}


/* h2
------------------------------------------ */

div#content div#subContents .sectionTitle {
	color: #ffffff;
	background: url(/img/pc/common/common/bg_h1.gif) repeat-x;
	font-size: 90%;
}
div#content div#subContents .sectionTitle h2 {
	padding: 6px 22px;
	background: url(/img/pc/common/common/bg_h1_left.gif) no-repeat 8px 0;
	font-weight: bold;
}

/* History Navi
------------------------------------------ */

div#content div#subContents .sectionTitle {
	color: #ffffff;
	background: url(/img/pc/common/common/bg_h1.gif) repeat-x;
	font-size: 90%;
}
div#content div#subContents .sectionTitle h2 {
	padding: 6px 22px;
	background: url(/img/pc/common/common/bg_h1_left.gif) no-repeat 8px 0;
	font-weight: bold;
}
div#content div#subContents .HistoryNavi {
	margin-bottom: 15px;
	border: 1px solid #b2b2b2;
}
div#content div#subContents .HistoryNavi dl.first {
	background: none;
}
div#content div#subContents .HistoryNavi dl {
	padding: 10px 7px 10px 10px;
	background: url(/img/pc/common/common/bg_dot_gray.gif) repeat-x;
}
div#content div#subContents .HistoryNavi dt {
	margin-bottom: 5px;
	padding-left: 8px;
	background: url(/img/pc/common/common/icon_arrow_orange.gif) no-repeat 0 5px;
	font-size: 90%;
	font-weight: bold;
}
div#content div#subContents .HistoryNavi dd {
	padding-left: 10px;
	font-size: 82%;
}
div#content div#subContents .HistoryNavi dd span {
	color: #bf0000;
	font-weight: bold;
}

/* Navi Block
------------------------------------------ */

div#content div#subContents .naviBlock {
	margin-bottom: 15px;
	border-top: 3px solid #ff9900;
}
div#content div#subContents .naviBlock .mainMenu {
	padding: 15px 10px 15px 27px;
	border-bottom: 1px solid #ffffff;
	background:#fdebca url(/img/pc/common/common/icon_navi.gif) no-repeat 10px 13px;
	font-weight: bold;
}
div#content div#subContents .naviBlock .mainMenu a {
	line-height: 1;
	display: block;
	color: #333333;
}
div#content div#subContents .naviBlock .subList {
	border-top: 1px solid #f0b345;
	border-bottom: 1px solid #f0b345;
	background: #fffbf1;
}
div#content div#subContents .naviBlock .subList li.first {
	background: none;
}
div#content div#subContents .naviBlock .subList li {
	background: url(/img/pc/common/common/bg_dot_orange.gif) repeat-x;
}
div#content div#subContents .naviBlock .subMenu {
	padding: 15px 15px 15px 27px;
	background: url(/img/pc/common/common/icon_arrow_orange.gif) no-repeat 18px 20px;
	font-size: 90%;
	font-weight: bold;
}
div#content div#subContents .naviBlock .subList ul {
	margin-top: -15px;
	padding: 0 5px 15px 27px;
}
div#content div#subContents .naviBlock .subList li li {
	margin-top: 5px;
	padding-left: 5px;
	background: url(/img/pc/common/common/bg_point_gray.gif) no-repeat 0 9px;
	font-size: 82%;
}
div#content div#subContents .naviBlock .subList li a {
	color: #333333;
}

/* Special Navi
------------------------------------------ */

div#content div#subContents .specialNavi {
	margin-bottom: 10px;
}

/* Bn Navi
------------------------------------------ */

div#content div#subContents .bnNavi li {
	margin-bottom: 8px;
}

/* ------------------------------------------
	Main Contents
------------------------------------------ */

/* Page Top
------------------------------------------ */

div#content .pageTop {
	margin-top: 30px;
	font-size: 82%;
	text-align: right;
}
div#content .pageTop a {
	padding-left: 14px;
	background: url(/img/pc/common/common/icon_pagetop.gif) no-repeat 0 6px;
}

/* h1
------------------------------------------ */

div#content div#mainContents .sectionTitle {
	color: #ffffff;
	background: url(/img/pc/common/common/bg_h1.gif) repeat-x;
}
div#content div#mainContents .sectionTitle .headLineLv1 {
	margin-bottom:5px;
	padding: 5px 22px;
	background: url(/img/pc/common/common/bg_h1_left.gif) no-repeat 8px 0;
	font-weight: bold;
}
div#content div#mainContents950 .sectionTitle {
	color: #ffffff;
	background: url(/img/pc/common/common/bg_h1.gif) repeat-x;
}
div#content div#mainContents950 .sectionTitle .headLineLv1 {
	margin-bottom:5px;
	padding: 5px 22px;
	background: url(/img/pc/common/common/bg_h1_left.gif) no-repeat 8px 0;
	font-weight: bold;
}

/* h2
------------------------------------------ */

div#content div#mainContents .headLineLv2 {
	margin-bottom:5px;
	padding: 5px 13px;
	background: url(/img/pc/common/common/bg_h2.gif) no-repeat;
	font-size: 90%;
	font-weight: bold;
}
div#content div#mainContents950 .headLineLv2 {
	margin-bottom:5px;
	padding: 5px 13px;
	background: url(/img/pc/common/common/bg_h2.gif) no-repeat;
	font-size: 90%;
	font-weight: bold;
}

/* h3
------------------------------------------ */

div#content div#mainContents .headLineLv3 {
	margin-bottom:5px;
	padding: 3px 17px;
	background: url(/img/pc/common/common/bg_h3.gif) no-repeat 0 7px;
	font-size: 90%;
	font-weight: bold;
}
div#content div#mainContents950 .headLineLv3 {
	margin-bottom:5px;
	padding: 3px 17px;
	background: url(/img/pc/common/common/bg_h3.gif) no-repeat 0 7px;
	font-size: 90%;
	font-weight: bold;
}

/* h4
------------------------------------------ */

div#content div#mainContents .headLineLv4 {
	margin-bottom:5px;
	background: #e9e9e9;
	font-size: 82%;
	font-weight: bold;
}
div#content div#mainContents950 .headLineLv4 {
	margin-bottom:5px;
	background: #e9e9e9;
	font-size: 82%;
	font-weight: bold;
}

/* Indent
------------------------------------------ */

div#content div#mainContents .lv2Block {
	padding: 0 20px;
}

div#content div#mainContents .lv3Block {
	padding: 0 10px;
}

/* Text
------------------------------------------ */

div#content div#mainContents .leadText {
	margin-bottom: 15px;
	font-size: 82%;
}
div#content div#mainContents950 .leadText {
	margin-bottom: 15px;
	font-size: 82%;
}
div#content div#mainContents span.red {
	color: #ff0000;
	font-weight: bold;
}
div#content div#mainContents950 span.red  {
	color: #ff0000;
	font-weight: bold;
}
div#content div#mainContents span.narrowRed,
div#content div#mainContents950 span.narrowRed {
	color: #ff0000;
	font-weight: normal;
}
div#content div#mainContents950 .leadTextRight {
	text-align:right;
	margin-bottom: 15px;
	font-size: 82%;
}
div#content div#mainContents .em {
	margin-bottom: 15px;
	font-size: 82%;
	font-weight: bold;
}
div#content div#mainContents950 .em {
	margin-bottom: 15px;
	font-size: 82%;
	font-weight: bold;
}
div#content div#mainContents .remarkText {
	padding-left: 1em;
	font-size: 82%;
	text-indent: -1em;
}
div#content div#mainContents950 .remarkText {
	padding-left: 1em;
	font-size: 82%;
	text-indent: -1em;
}
div#content div#mainContents .remarkText.red {
	color: #ff0000;
}
div#content div#mainContents950 .remarkText.red {
	color: #ff0000;
}



/* List
------------------------------------------ */

div#content div#mainContents .horizontalList {
	margin-bottom:15px;
	overflow: hidden;
	font-size: 82%;
	zoom: 1;
}
div#content div#mainContents950 .horizontalList {
	margin-bottom:15px;
	overflow: hidden;
	font-size: 82%;
	zoom: 1;
}
div#content div#mainContents .horizontalList dt {
	float: left;
	font-weight: bold;
	width: 60px;
}
div#content div#mainContents950 .horizontalList dt {
	float: left;
	font-weight: bold;
	width: 60px;
}
div#content div#mainContents .horizontalList dd {
	margin-left: 60px;
}
div#content div#mainContents950 .horizontalList dd {
	margin-left: 60px;
}
div#content div#mainContents .verticalList {
	font-size: 82%;
}
div#content div#mainContents950 .verticalList {
	font-size: 82%;
}
div#content div#mainContents .verticalList dt {
	margin-bottom: 5px;
	font-weight: bold;
}
div#content div#mainContents950 .verticalList dt {
	margin-bottom: 5px;
	font-weight: bold;
}
div#content div#mainContents .disc {
	font-size: 82%;
}
div#content div#mainContents950 .disc {
	font-size: 82%;
}
div#content div#mainContents .disc li {
	margin-bottom: 5px;
	padding-left: 7px;
	background: url(/img/pc/common/common/bg_point_gray.gif) no-repeat 0 9px;
}
div#content div#mainContents950 .disc li {
	margin-bottom: 5px;
	padding-left: 7px;
	background: url(/img/pc/common/common/bg_point_gray.gif) no-repeat 0 9px;
}

/* Link
------------------------------------------ */

div#content div#mainContents .exLink {
	font-size: 82%;
	text-align: right;
}
div#content div#mainContents950 .exLink {
	font-size: 82%;
	text-align: right;
}
div#content div#mainContents .brankLink {
	padding-right: 17px;
	background: url(/img/pc/common/common/icon_brank.gif) no-repeat 100% 5px;
	font-size: 82%;
	text-align: right;
}
div#content div#mainContents950 .brankLink {
	padding-right: 17px;
	background: url(/img/pc/common/common/icon_brank.gif) no-repeat 100% 5px;
	font-size: 82%;
	text-align: right;
}
div#content div#mainContents .brankLinkStandard {
	padding-right: 17px;
	background: url(/img/pc/common/common/icon_brank.gif) no-repeat 100% 1px;
	font-size: 100%;
}
div#content div#mainContents950 .brankLinkStandard {
	padding-right: 17px;
	background: url(/img/pc/common/common/icon_brank.gif) no-repeat 100% 1px;
	font-size: 100%;
}

/* Detail Box
------------------------------------------ */

div#content div#mainContents .detailBox {
	margin-bottom: 10px;
}

div#content div#mainContents .detailBox dl {
	border: 1px solid #b2b2b2;
}
div#content div#mainContents .detailBox ul {
	height:100%;
	overflow: hidden;
	zoom: 1;
}
div#content div#mainContents .detailBox.second li {
	height:100%;
	float: left;
	width: 345px;
	margin-right: 10px;
}
div#content div#mainContents .detailBox.third li {
	height:100%;
	float: left;
	width: 228px;
	margin-right: 8px;
}
div#content div#mainContents .detailBox li.last {
	float: left;
	margin-right: 0;
}
div#content div#mainContents .detailBox dt {
	height:100%;
	padding: 7px 8px 4px;
	border-bottom: 1px solid #ffffff;
	background: #f7f7f7;
	font-size: 90%;
	font-weight: bold;
}
div#content div#mainContents .detailBox dt span {
	display: block;
	padding-left: 20px;
	background: url(/img/pc/common/common/icon_head_orange.gif) no-repeat 0 2px;
}
div#content div#mainContents .detailBox dd {
	overflow: hidden;
	padding: 8px;
	border-top: 1px solid #d1d1d1;
	font-size: 82%;
	zoom: 1;
}
div#content div#mainContents .detailBox dd.height38 {
	height:38px;
}
div#content div#mainContents .detailBox dd div.photo {
	float: left;
	width: 130px;
	margin-right: 8px;
}
div#content div#mainContents .detailBox dd.photo320 div.photo {
	float: left;
	width: 320px;
	margin-right: 8px;
}
div#content div#mainContents950 .detailBox dd.photo320 div.photo {
	float: left;
	width: 320px;
	margin-right: 8px;
}
div#content div#mainContents .detailBox dd p {
	margin-left: 138px;
}
div#content div#mainContents .detailBox dd.photo320 p {
	margin-left: 328px;
}
div#content div#mainContents950 .detailBox dd.photo320 p {
	margin-left: 328px;
}

/* Detail Box
------------------------------------------ */

div#content div#mainContents950 .detailBox {
	margin-bottom: 10px;
	margin-left:5px;
}

div#content div#mainContents950 .detailBox dl {
	border: 1px solid #b2b2b2;
}
div#content div#mainContents950 .detailBox ul {
	height:100%;
	overflow: hidden;
	zoom: 1;
}
div#content div#mainContents950 .detailBox.second li {
	height:100%;
	float: left;
	width: 465px;
	margin-right: 10px;
}
div#content div#mainContents950 .detailBox li.last {
	float: left;
	margin-right: 0;
}
div#content div#mainContents950 .detailBox dt {
	height:100%;
	padding: 7px 8px 4px;
	border-bottom: 1px solid #ffffff;
	background: #f7f7f7;
	font-size: 90%;
	font-weight: bold;
}
div#content div#mainContents950 .detailBox dt span {
	display: block;
	padding-left: 20px;
	background: url(/img/pc/common/common/icon_head_orange.gif) no-repeat 0 2px;
}
div#content div#mainContents950 .detailBox dd {
	overflow: hidden;
	padding: 8px;
	border-top: 1px solid #d1d1d1;
	font-size: 82%;
	zoom: 1;
}
div#content div#mainContents950 .detailBox dd div.photo {
	float: left;
	width: 130px;
	margin-right: 8px;
}
div#content div#mainContents950 .detailBox dd p {
	margin-left: 138px;
}


/* Heading Link
------------------------------------------ */

div#content div#mainContents .headingLink {
	margin-bottom: 10px;
}
div#content div#mainContents .headingLink ul {
	overflow: hidden;
	zoom :1;
}
div#content div#mainContents .headingLink.second li {
	float: left;
	width: 345px;
	margin-right: 10px;
}
div#content div#mainContents .headingLink.third li {
	float: left;
	width: 228px;
	margin-right: 8px;
}
div#content div#mainContents .headingLink li.last {
	margin-right: 0;
}
div#content div#mainContents .headingLink span {
	display: block;
	border: 1px solid #999999;
	background: url(/img/pc/common/common/bg_link.gif) repeat-x 0 100%;
}
div#content div#mainContents .headingLink span a {
	display: block;
	padding: 10px;
	background: url(/img/pc/common/common/icon_navi.gif) no-repeat 98% 50%;
	font-size: 90%;
	font-weight: bold;
}
div#content div#mainContents950 .headingLink {
	margin-bottom: 10px;
}
div#content div#mainContents950 .headingLink ul {
	overflow: hidden;
	zoom :1;
}
div#content div#mainContents950 .headingLink.second li {
	float: left;
	width: 470px;
	margin-right: 10px;
}
div#content div#mainContents950 .headingLink.third li {
	float: left;
	width: 310px;
	margin-right: 10px;
}
div#content div#mainContents950 .headingLink li.last {
	margin-right: 0;
}
div#content div#mainContents950 .headingLink span {
	display: block;
	border: 1px solid #999999;
	background: url(/img/pc/common/common/bg_link.gif) repeat-x 0 100%;
}
div#content div#mainContents950 .headingLink span a {
	display: block;
	padding: 10px;
	background: url(/img/pc/common/common/icon_navi.gif) no-repeat 98% 50%;
	font-size: 90%;
	font-weight: bold;
}

/* Detail Block
------------------------------------------ */

div#content div#mainContents .detailBlock li {
	overflow: hidden;
	margin-bottom: 10px;
	zoom: 1;
}
div#content div#mainContents .detailBlock li.odd div.photo {
	float: left;
	width: 160px;
	margin-right: 10px;
}
div#content div#mainContents .detailBlock li.odd div.photo320 {
	float: left;
	width: 320px;
	margin-right: 10px;
}
div#content div#mainContents950 .detailBlock li {
	overflow: hidden;
	margin-bottom: 10px;
	zoom: 1;
}
div#content div#mainContents950 .detailBlock li.odd div.photo {
	float: left;
	width: 160px;
	margin-right: 10px;
}
div#content div#mainContents950 .detailBlock li.odd div.photo320 {
	float: left;
	width: 320px;
	margin-right: 10px;
}
div#content div#mainContents .detailBlock li.even div.photo {
	float: right;
	width: 160px;
	margin-left: 10px;
}
div#content div#mainContents .detailBlock li.odd div.text {
	font-size: 82%;
	margin-left: 170px;
}
div#content div#mainContents .detailBlock li.odd div.text320 {
	font-size: 82%;
	margin-left: 330px;
}
div#content div#mainContents950 .detailBlock li.odd div.text320 {
	font-size: 82%;
	margin-left: 330px;
}
div#content div#mainContents .detailBlock li.even div.text {
	font-size: 82%;
	margin-right: 170px;
}


/* Toggle Box
------------------------------------------ */

div#content div#mainContents .toggleBox,
div#content div#mainContents950 .toggleBox {
	margin-bottom: 10px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
div#content div#mainContents .toggleBox .ttl,
div#content div#mainContents950 .toggleBox .ttl {
	background: url(/img/pc/common/common/bg_link.gif) repeat-x 0 100%;
}

div#content div#mainContents .toggleBox .ttl span,
div#content div#mainContents950 .toggleBox .ttl span {
	display: block;
	color: #0066cc;
	background: url(/img/pc/common/common/icon_navi_opened.gif) no-repeat 98% 50%;
	padding: 10px;
	font-size: 90%;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}
div#content div#mainContents .toggleBox .body,
div#content div#mainContents950 .toggleBox .body {
	display: none;
	padding: 10px;
	border-top: 1px solid #d6d6d6;
	font-size: 82%;
}
div#content div#mainContents .toggleBox .body2,
div#content div#mainContents950 .toggleBox .body2 {
	display: none;
	border-top: 1px solid #d6d6d6;
}

div#content div#mainContents .toggleBox .ttl.opened span,
div#content div#mainContents950 .toggleBox .ttl.opened span {
	background: url(/img/pc/common/common/icon_navi_close.gif) no-repeat 98% 50%;
}


/* Table
------------------------------------------ */

div#content div#mainContents .formArea {
	border-top: 1px solid #b4b4b4;
	background: #fafafa;
}
div#content div#mainContents .formTbl {
	width: 100%;
}
div#content div#mainContents .formTbl th {
	width: 25%;
	padding: 15px 12px;
	background: #ebebeb url(/img/pc/common/common/bg_dot_gray.gif) repeat-x 0 100%;
	font-size: 82%;
	font-weight: bold;
}
div#content div#mainContents .formTbl td {
	padding: 15px 12px;
	background: url(/img/pc/common/common/bg_dot_gray.gif) repeat-x 0 100%;
	font-size: 82%;
}
div#content div#mainContents .formTbl ul {
	overflow: hidden;
	zoom: 1;
}
div#content div#mainContents .formTbl li {
	float: left;
	margin-right: 15px;
}
div#content div#mainContents .formArea .submit {
	padding: 20px 0;
	text-align: center;
}
div#content div#mainContents .formArea .submit .action {
	display: block;
	overflow: hidden;
	width: 219px;
	height: 54px;
	margin: 0 auto;
}
div#content div#mainContents .formArea .submit .action:hover {
	zoom: 1;
}
div#content div#mainContents .formArea .submit .action img {
	vertical-align:bottom;
}
div#content div#mainContents .formArea .submit .action:hover img {
	margin-top: -54px;
}
div#content div#mainContents .baseTbl {
	width: 100%;
	border-top: 1px solid #ff9900;
	border-left: 1px solid #ff9900;
}
div#content div#mainContents .baseTbl .right{
	text-align:right;
}
div#content div#mainContents .baseTbl .center{
	text-align:center;
}
div#content div#mainContents .baseTbl .priceRed{
	font-weight:bold;
	color: #ff0000;
}
div#content div#mainContents .baseTbl th {
	padding: 12px;
	background: #fff5e5;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font-size: 82%;
	font-weight: bold;
	text-align:center;
}
div#content div#mainContents .baseTbl td {
	padding: 12px;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font-size: 82%;
}
div#content div#mainContents .baseTbl .leftImg {
	padding: 12px;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font-size: 100%;
}
div#content div#mainContents950 .baseTbl {
	width: 100%;
	border-top: 1px solid #ff9900;
	border-left: 1px solid #ff9900;
}
div#content div#mainContents950 .baseTbl .right{
	text-align:right;
}
div#content div#mainContents950 .baseTbl .center{
	text-align:center;
}
div#content div#mainContents950 .baseTbl .priceRed{
	font-weight:bold;
	color: #ff0000;
}
div#content div#mainContents950 .baseTbl th {
	padding: 12px;
	background: #fff5e5;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font-size: 82%;
	font-weight: bold;
	text-align:center;
}
div#content div#mainContents950 .baseTbl td {
	padding: 12px;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font-size: 82%;
}
div#content div#mainContents950 .baseTbl .leftImg {
	padding: 12px;
	border-right: 1px solid #ff9900;
	border-bottom: 1px solid #ff9900;
	font-size: 100%;
}

/* Inquiry Area
------------------------------------------ */

div#content div#mainContents .applicationArea {
	overflow: hidden;
	margin-top: 20px;
	padding-top: 20px;
	background: url(/img/pc/common/common/bg_application.gif) no-repeat 0 0;
	zoom: 1;
}
div#content div#mainContents .applicationArea dl {
	float: left;
	width: 350px;
}
div#content div#mainContents .applicationArea dt {
	margin: 0 0 11px 30px;
}
div#content div#mainContents .applicationArea dd {
	margin: 0 0 20px 30px;
}
div#content div#mainContents .applicationArea .action {
	display: block;
	overflow: hidden;
	width: 287px;
	height: 63px;
}
div#content div#mainContents950 .applicationArea .action:hover {
	zoom: 1;
}
div#content div#mainContents950 .applicationArea .action img {
	vertical-align:bottom;
}
div#content div#mainContents950 .applicationArea .action:hover img {
	margin-top: -63px;
}


div#content div#mainContents950 .applicationArea {
	overflow: hidden;
	margin-top: 20px;
	padding-top: 20px;
	background: url(/img/pc/common/common/bg_application950.gif) no-repeat 0 0;
	zoom: 1;
}
div#content div#mainContents950 .applicationArea dl {
	float: left;
	width: 475px;
}
div#content div#mainContents950 .applicationArea dt {
	margin: 0 0 11px 90px;
}
div#content div#mainContents950 .applicationArea dd {
	margin: 0 0 20px 90px;
}
div#content div#mainContents950 .applicationArea .action {
	display: block;
	overflow: hidden;
	width: 287px;
	height: 63px;
}
div#content div#mainContents950 .applicationArea .action:hover {
	zoom: 1;
}
div#content div#mainContents950 .applicationArea .action img {
	vertical-align:bottom;
}
div#content div#mainContents950 .applicationArea .action:hover img {
	margin-top: -63px;
}






/* Button
------------------------------------------ */

div#content div#mainContents .btnArea {
	text-align: center;
}
div#content div#mainContents .btnArea a {
	display: block;
	overflow: hidden;
	width: 284px;
	height: 64px;
	margin: 0 auto;
}
div#content div#mainContents .btnArea a:hover {
	zoom: 1;
}
div#content div#mainContents .btnArea a img {
	vertical-align:bottom;
}
div#content div#mainContents .btnArea a:hover img {
	margin-top: -64px;
}
div#content div#mainContents950 .btnArea {
	text-align: center;
}
div#content div#mainContents950 .btnArea a {
	display: block;
	overflow: hidden;
	width: 284px;
	height: 64px;
	margin: 0 auto;
}
div#content div#mainContents950 .btnArea a:hover {
	zoom: 1;
}
div#content div#mainContents950 .btnArea a img {
	vertical-align:bottom;
}
div#content div#mainContents950 .btnArea a:hover img {
	margin-top: -64px;
}
div#content div#mainContents .btnArea2Center {
	text-align:center;
}
div#content div#mainContents .btnArea2Inline {
	display:inline-block;
}
div#content div#mainContents .btnArea2 {
	float:left;
	margin-right:15px;
}
div#content div#mainContents .btnArea2 p {
	text-align:center;
}
div#content div#mainContents .btnArea2 a {
	display: block;
	overflow: hidden;
	width: 284px;
	height: 64px;
	margin: 0 auto;
}
div#content div#mainContents .btnArea2 a:hover {
	zoom: 1;
}
div#content div#mainContents .btnArea2 a img {
	vertical-align:bottom;
}
div#content div#mainContents .btnArea2 a:hover img {
	margin-top: -64px;
}


div#content div#mainContents .btnBasis,
div#content div#mainContents950 .btnBasis {
	text-align: center;
}

div#content div#mainContents .btnBasis a:hover img,
div#content div#mainContents950 .btnBasis a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}	

.btn-default a:hover {
  opacity: 0.8;
}

/* お問い合わせフォームボタン用*/
div#content div#mainContents .btnInquiryForm {
	text-align: center;
}
div#content div#mainContents .btnInquiryForm a {
	display: block;
	overflow: hidden;
	width: 345px;
	height: 80px;
	background: url(/img/customer_center/btn_inquiry_form.jpg) no-repeat 0px 0px;
	text-indent:-9999px;
	margin: 0 auto;
	padding: 0;
}
div#content div#mainContents .btnInquiryForm a:hover {
width: 345px;
height: 80px;
display: block;
background: url(/img/customer_center/btn_inquiry_form.jpg) no-repeat 0px -80px;
}


/*  光 用
-------------------------*/
/* 330x58ボタンサイズ用*/
.hikariDetailBox{
width:700px;
height:60px;
clear:both;
overflow:hidden;
}

.hikariDetailBox ul{
width:100%;
}

.hikariDetailBox li{
float:left;
width:330px;
height:58px;
padding:0;
margin:0 8px;
}
.hikariDetailBox li a.btnHikariHome {
width:330px;
height:58px;
display:block;
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat 0px 0px;
text-indent:-9999px;
margin:0;
padding:0;
}
.hikariDetailBox li a.btnHikariHome:hover {
width:330px;
height:58px;
display:block;
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat 0px -58px;
}
.hikariDetailBox li a.btnHikariMansion {
width:330px;
height:58px;
display:block;
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat -330px 0px;
text-indent:-9999px;
}

.hikariDetailBox li a.btnHikariMansion:hover {
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat -330px -58px;
}


/* 345x75ボタンサイズ用(マージンも別設定) */
.hikariDetailBox2Wide{
width:700px;
height:75px;
clear:both;
overflow:hidden;
}

.hikariDetailBox2Wide ul{
width:100%;
}

.hikariDetailBox2Wide li{
float:left;
width:345px;
height:73px;
padding:0;
margin-right:10px;
}

.hikariDetailBox2Wide li.last {
margin-right: 0;
}

.hikariDetailBox2Wide li a.btnHikariHome {
width:345px;
height:73px;
display:block;
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat 0px 0px;
text-indent:-9999px;
margin:0;
padding:0;
}
.hikariDetailBox2Wide li a.btnHikariHome:hover {
width:345px;
height:73px;
display:block;
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat 0px -75px;
}
.hikariDetailBox2Wide li a.btnHikariMansion {
width:345px;
height:73px;
display:block;
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat -345px 0px;
text-indent:-9999px;
}

.hikariDetailBox2Wide li a.btnHikariMansion:hover {
background: url(/img/hikari/btn_hikari_plan.gif) no-repeat -345px -75px;
}

/*  ガイドトップページ用
-------------------------*/
/* 345x122ボタン*/
.guideMenuBox{
width:700px;
height:122px;
clear:both;
overflow:hidden;
}

.guideMenuBox ul{
width:100%;
}

.guideMenuBox li{
float:left;
width:345px;
height:122px;
padding:0;
margin-right:10px;
}

.guideMenuBox li.last {
margin-right: 0;
}

.guideMenuBox li a.btnWantSearch {
width:345px;
height:122px;
display:block;
background: url(/img/guide/common/btn_guide_menu.jpg) no-repeat 0px 0px;
text-indent:-9999px;
margin:0;
padding:0;
}
.guideMenuBox li a.btnWantSearch:hover {
width:345px;
height:122px;
display:block;
background: url(/img/guide/common/btn_guide_menu.jpg) no-repeat 0px -122px;
}
.guideMenuBox li a.btnChangeProvider {
width:345px;
height:122px;
display:block;
background: url(/img/guide/common/btn_guide_menu.jpg) no-repeat -345px 0px;
text-indent:-9999px;
}

.guideMenuBox li a.btnChangeProvider:hover {
background: url(/img/guide/common/btn_guide_menu.jpg) no-repeat -345px -122px;
}



/* Margin
------------------------------------------ */
.marginBottom5 {
	margin-bottom:5px;
}

.marginBottom10 {
	margin-bottom:10px;
}

.marginBottom15 {
	margin-bottom:15px;
}
.marginBottom25 {
	margin-bottom:25px;
}
.marginBottom60 {
	margin-bottom:60px;
}




/* フレッツ光料金表
------------------------------------------ */

.priceBox{
	background:#fff5e5;
	padding:15px;
	border:1px solid #ff9900;
}
.priceBox table{width:100%;}
.priceBox .priceText{
	color:#666666;
}
.priceBox .fontSize60{
	font-size:60%;
}
.priceBox .priceBoxinner	{
	height:70px;
	width:140px;
	vertical-align:middle;
	display:table-cell;
	background:#fff;
	border:1px solid #ff9900;
	zoom:1;
}
.priceBox .priceBoxinner	{
	height:70px;
	width:160px;
	vertical-align:middle;
	display:table-cell;
	background:#fff;
	zoom:1;
}
.priceBox .orangeLine{border:5px solid #ffc595;}
.priceBox .redLine{border:5px solid #df0000;}

.priceBox .priceBoxinner .priceBoxSmall	{
	font-size:65%;
}
.priceBox .priceBoxinner .priceBoxSmall a:after{
	width:14px;
	height:14px;
	padding:2px 3px 1px 4px;
	background:#aaaaaa;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	content:'?';
	color:#fff;
	font-weight:bold;
}
.priceBox .priceBoxinner .priceTextRed	{
	color:#cf0000;
}
.priceBox .priceBoxinner .priceTextRed b	{
	font-size:200%;
}
.priceBox .priceBoxinner .priceText b	{
	font-size:160%;
}


.tokuten{
	margin:5px;
	padding-bottom:5px;
}
.tokuten span{
	padding:5px 10px 5px 10px;
	background:#ffcc66;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color:#663300;
	font-size:90%;
}

.baseTbl .blackPriceBox{
	padding:5px;
	vertical-align:middle;
	display:table-cell;
	font-size:90%;
	zoom:1;
}
.baseTbl .blackPriceBox b {
	font-size:160%;
	font-weight:bold;
}
.baseTbl .blackPriceBox a:after{
	width:14px;
	height:14px;
	padding:2px 3px 1px 4px;
	background:#aaaaaa;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	content:'?';
	color:#fff;
	font-size:100%;
	font-weight:bold;
}

.baseTbl .blackPriceBox .redText{
	color:#df0000;
	font-size:140%;
	font-weight:bold;
}
.baseTbl .blackPriceBox .redText b{
	color:#df0000;
	font-size:140%;
}


/* LTE料金表
------------------------------------------ */
#priceArea{
	background:#fff5e5;
	padding:15px;
	border:1px solid #ff9900;
	overflow:hidden;
}
#priceArea .priceBoxinner	{
	height:100px;
	width:200px;
	padding-top:5px;
	background:#fff;
	border:1px solid #ff9900;
	zoom:1;
	float:left;
	text-align:center;
	margin-left:80px;
	font-size:14px;
	line-height:2.2em;
	overflow:hidden;
}

#priceArea .orangeLine{border:5px solid #ffc595;}
#priceArea .redLine{border:5px solid #df0000;}
#priceArea .third{margin-left:10px;}

#priceArea .priceBoxinner .priceBoxSmall	{
	font-size:10px;
	line-height:1.2em;
}
#priceArea .priceBoxinner .priceBoxSmall a:after{
	width:14px;
	height:14px;
	padding:2px 3px 1px 4px;
	background:#aaaaaa;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	content:'?';
	color:#fff;
	font-weight:bold;
}
#priceArea .priceBoxinner .priceTextRed	{
	color:#cf0000;

	}
#priceArea .priceBoxinner .priceTextRed b	{
	font-size:280%;
}
#priceArea .priceBoxinner .priceTextBlack	{
}
#priceArea .priceBoxinner .priceTextBlack b	{
	font-size:280%;
}

.leadQ {
	float:left;
	margin:4px;
	display:block;
	}
.leadQ a{
	width:340px;
	height:48px;
	display:block;
	background:url(/img/guide/beginner/lte/btn_bg.gif) no-repeat;}
.leadQ a:hover{
	background-position:0px -48px;
}
.leadQ p{padding-left:48px;}
.leadQ .leadText{line-height:48px;}
.floatClear{overflow:hidden;clear:both;}



/*
-----------------------------------------*/
ul.sitemap{
	width:100%;
	padding:0px 15px;
}


ul.sitemap li{
	width:300px;
	margin:0px 10px;
	padding:0 15px;
	background: url("/img/pc/common/common/icon_arrow_orange.gif") no-repeat 0 0.5em;
}

ul.sitemap ul{
	width:100%;
	margin:0px 0px 15px 10px;
	clear:both;
	list-style-image:none;
	list-style-type:disc;
	padding:0 15px;
}
ul.sitemap ul li{
	width:280px;
	margin:0px 10px;
	padding:0;
	list-style-position:outside;
	background:none;
}

.sitemapBox	{
	float:left;
	width:330px;
}






/* nav
------------------------------------------ */
.nav {
	background: #ffffff;
	overflow: hidden;
	margin-bottom: 20px;
	width: 950px;
}
.navfixed {
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -475px;
	width: 950px;
	z-index: 10000;
}
.nav ul {
	overflow: hidden;
	margin-right: -2px;
}
.nav ul li {
	float: left;
	padding-right: 2px;
}
.nav ul li a {
	display: block;
	width: 134px;
	height: 46px;
  padding-top: 16px;
  color: #940010;
  background: url(/img/pc/root/bg_menu.gif) repeat-x 0 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.nav ul li.active a {
  color: #ffffff;
  background: url(/img/pc/root/bg_menu_active.gif) no-repeat 50% 0;
}
.nav ul li a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	filter: alpha(opacity=70);
}
.socials:after{
  content:"";
  display:table;
  clear:both
}
.socials{
  zoom:1;
}
.socials li{
  margin:0 0 0 5px;
  float:right;
}
.nav + .socials{
  margin-top:-10px;
}

#location {
	position: relative;
  overflow: hidden;
  min-height: 1.8em;
}
#location .topic-path {
  float: left;
	font-size: 13px;
	color: #000000;
}
#location .topic-path a {
	font-size: 13px;
	color: #000000;
}

#location .socials {
  float: right;
}

.title-line {
  color :#ffffff;
  font-size: 28px;
  font-weight: bold;
  line-height:1.2;
  margin-bottom:0.5em;
  padding:4px 10px;
  background: #333333;
}
.title-line span {
  vertical-align: middle;
}
.title-line:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 36px;
  overflow: hidden;
  margin-right: 0.5em;
  background: #bf0000;
}

.content-wrap {
  width: 950px;
  margin: auto;
  text-align: left;
}

.container-wrap {
  text-align: left;
}

.btn-default {
  text-align: center;
}

.btn-default p,
.btn-default span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}

/* ------------------------------------------
    campaign
------------------------------------------ */

.campaign-banner-top {
  margin: -15px 0 20px;
  text-align: right;
  font-size: 14px;
}

.campaign-banner-middle {
  margin: 20px 0 10px;
  text-align: right;
  font-size: 14px;
}

.close-text {
	margin: 0 auto;
	font-size: 24px;
	color: #ff0000;
	font-weight: bold;
	display: block;
	padding: 30px 0;
  text-align: center;
}


/* ------------------------------------------
    link-default
------------------------------------------ */

a.link-default {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 15px 40px 15px 20px;
  border: 1px solid #333333;
  color: #333333;
  background: #ffffff;
  font-size: 16px;
  text-decoration: none;
}
a.link-default:hover {
  border-color: #bf0000;
  background: #ffeeee;
}
.link-default:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 16px;
  height: 24px;
  margin-top: -12px;
  background: url(/img/pc/common/common/ico_link_arrow.png) no-repeat 0 0;
}
a.link-default.link-middle {
  padding: 10px 35px 10px 15px;
  font-size: 18px;
}
.right {
  text-align:right
}
.left {
  text-align:left
}
.center {
  text-align:center
}

.notCardHolders {
  display: none;
}