/* CSS Document */
@charset "UTF-8";
/*=========================================================
基本設定
=========================================================*/
.w400 { width: 400px;}


img {
	border: 0;
}

p {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

br {
	letter-spacing: 0;
}

.Contour {
	border-style: solid;
	border-color: #fff;
	border-width: 0 0;
}

.Contour hr {
	clear: both;
	display: none;
}

/* txt */
.txtnormal01 {
	font-size: 12px;
	font-weight: bold;
}

.txtlarge {
	font-size: 14px;
	line-height: 1.6em;
}

#container .leftcont01 {
	float: left;
	width: 300px;
	padding: 6px 0 0 10px;
}

/* caption */
.caption01,
.caption02 {
	font-size: 11px;
}

/* margin */
.marginBottom10 {
	margin: 0 0 10px 0;
	padding: 0;
}

/*=========================================================
個別指定
=========================================================*/
/*-----------------------------------------------
bannerArea
-----------------------------------------------*/
#bannerArea {
	background: url(../images/bg_bannerArea.gif) no-repeat 0 0;
	width: 660px;
	height: 109px;
	margin: 0;
	padding: 0;
}

#btn_hikari {
	float: left;
	padding: 11px 14px 10px 11px;
}

#btn_adsl {
	float: left;
	padding: 11px 14px 10px 0;
}

#btn_mobile {
	float: right;
	padding: 11px 12px 10px 0;
}

/*-----------------------------------------------
titleImg
-----------------------------------------------*/
.titleImg {
	margin: 30px 0 10px 0;
	padding: 0;
}

.titleImg01 {
	margin: 30px 0 0;
	padding: 0;
}

/*-----------------------------------------------
contentBox
-----------------------------------------------*/
.contentBox {
	width: 640px;
	margin: 0 10px;
}

.wrapper {
	width: 640px;
	margin: 0 0 15px 0;
}

/* h5 */
#layout-contents #container .contentBox h5 {
	width: 640px;
	border-bottom: solid 2px #3f7ecb;
	margin: 0 0 10px 0;
}

#layout-contents #container .contentBox h5 img {
	margin: 0 10px 2px 0;
}

#layout-contents #container .contentBox h5 span {
	font-size: 12px;
}

/* h6 */
#emArea h6 {
	border-bottom: solid 2px #3f7ecb;
	padding: 5px 0 0;

}

#emArea h6 img {
	margin: 0 10px 2px 0;
}


#emArea h6 strong {
	font-size: 1.8em!important;
}

/* banner */
.contentBanner {
	float: left;
	width: 220px;
	height: 161px;
	margin: 0 20px 0 0;
}

/* txtArea */
.txtArea {
	float: left;
	width: 400px;
}

/* btn */
.btn01 {
	margin: 0;
}

.btn02 {
	height: 46px;
	margin: 22px 0 0 0;
}

/*-----------------------------------------------
emArea
-----------------------------------------------*/
#emArea {
	width: 620px;
	*width: 640px;
	margin: 20px 0 0 0;
	padding: 10px;
	border: solid 1px #d1d1d1;
}

#emRight {
	width: 540px;
}

/*-----------------------------------------------
table
-----------------------------------------------*/
table.service {
	width: 640px;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

.service th {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    color: #000;
    background-color: #9dd4ff;
    background-position: left top;
    text-align: center;
}

.service td {
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.service td.tableBg {
    background-color: #d5ebff;
    text-align: left;
	padding: 0 0.5em;
}

.service td strong {
	color: #da000f;
	font-weight: normal!important;
}

table.service01 {
	border: 0 solid #fff!important;
	font-size: 12px;
}

.service01 td {
	border: none!important;
}

#container .contentBox .service sup {
	font-size: 11px;
	color: #666;
}

/*-----------------------------------------------
optionService
-----------------------------------------------*/
.boxAlpha {
	float: left;
	width: 312px;
}

.boxBeta {
	float: right;
	width: 312px;
}

.optionService {
	width: 308px;
	height: 120px!important;
	border: 1px solid #e5e5e5;
	padding: 1px;
	margin: 0 0 30px 0;
}

.optionService p {
	padding: 7px 8px 0;
	line-height: 1.5em;
}

/*-----------------------------------------------
overray
-----------------------------------------------*/
.overray {
	background-color: #f6f9fd;
}

.overray .title {
	text-align: left;
	font-weight: bold;
	position: relative;
	color: #1a3795;
}

.overray .att {
	background-color: #edf2f9;
	font-size: 12px!important;
	padding: 10px;
	text-align: left;
}

table.price {
	border-collapse: collapse;
	border: 1px solid #a1a29e;
	font-size: 12px;
	clear: both;
	margin: 5px 0 10px 0;
}

table.price th {
	background-color: #fed19c;
	border: 1px solid #a1a29e;
	text-align: center;
}

table.price th.type {
	text-align: left;
}

table.price td {
	border: 1px solid #a1a29e;
	background-color: #ffffff;
	padding: 5px;
}

table.price .bg01 {
	background-color: #fff8db;
}

table.price .bg02 {
	background-color: #f6f6f6;
}

table.price td strong .red {
	font-size: 24px;
	line-height: 100%;
}

table.price td div {
	margin: 5px;
	text-align: left;
}

table.price td li.leftside {
	float: left;
	display: block;
	width: 250px;
	clear: both;
}


