@charset "Shift_JIS";

/* �@�\�Љ�@[ style.css ]
=================================
1: ����

2: �g�b�v [ id="top" ]

3: �����Ȓʘb����

	
=================================*/

/*1: ����
=================================*/
#contents-w {
	width: 800px;
}

#contents-w p.pagetop {
	clear: both;
	margin: 0;
	padding: 20px 0px 10px 0;
	text-align: right;
}
#contents-w p.pagetop a:link { color: #0066a7; text-decoration: none;}
#contents-w p.pagetop a:visited { color: #0066a7; text-decoration: none;}
#contents-w p.pagetop a:hover { color: #0066a7; text-decoration: underline;}
#contents-w p.pagetop a:active { color: #0066a7; text-decoration: none;}


#left-area ul.leftsidebottom {
	background:url("/img_c/subm_bottom2.gif") bottom no-repeat;
}
#left-area ul li.sidelist-top {
	border-top:1px solid #7DB0CD;
	padding:10px 0px 0px 10px;
}
#left-area ul li.sidelist {
	padding:0px 0px 0px 10px;
}

#left-area p.bnr-sidebox{
	padding:10px 0px 20px 0px;
}

#left-area p img{
	padding:0px;
	margin:0px;
	vertical-align:top;
}


/* �T�u�^�C�g��
---------------------------------*/
#main #sub-title h2 {
	padding-bottom:4px;
	border-bottom:2px solid #7DB0CC;
}

#main h3.call-subt{
	width: 590px;
	border-bottom:1px solid #AAAAAA;
	padding-top:30px;
}

.call-caution{
	color:#FF0000;
	font-weight:bold;
}

img#margintop {
	margin-top: 20px;
}

/*2: �g�b�v
=================================*/
#top-mainimage{
	width:800px;
	height:283px;
	background: url("../img/top/p_main03.jpg") no-repeat;
}

#top-mainimage p a {
	display: block;
	text-decoration:none;
}
#top-mainimage p a span {
	display: none;
}

#top-mainimage p.btn_voip,

#top-mainimage p.btn_earphone{
	position: relative;
	top: -255px;
	left: 190px;
}

#top-mainimage p.btn1{
	position: relative;
	top: 0px;
	left:600px;
}

/*#top-mainimage p.btn1{padding:0px 0px 0px 635px;}*/
#top-mainimage p.btn2{padding:40px 0px 0px 491px;}
#top-mainimage p.btn3{padding:63px 0px 0px 491px;}

#top-mainimage p.btn_voip a {width:320px; height:32px; background:url("../img/top/b_voip.jpg") no-repeat 0 0;}
#top-mainimage p.btn_earphone a {width:420px; height:32px; background:url("../img/top/link_earphone.gif") no-repeat 0 0;}
#top-mainimage p.btn1 a {width:144px; height:24px; background:url("../img/top/b_call01.jpg") no-repeat 0 0;}
#top-mainimage p.btn2 a {width:244px; height:52px; background:url("../img/top/b_call02.jpg") no-repeat 0 0;}
#top-mainimage p.btn3 a {width:244px; height:52px; background:url("../img/top/b_call03.jpg") no-repeat 0 0;}

#top-mainimage p a:hover { background-position: 0px 100%;}



#top-linkarea{
	width:800px;
	padding:20px 0px;
}
#top-linkarea li{
	float:left;
}
#top-linkarea li a {
	display: block;
	text-decoration:none;
	width:185px;
	height:210px;
}
#top-linkarea li a span {
	display: none;
}

#top-linkarea li.price{width:205px;}
#top-linkarea li.how{width:205px;}
/*#top-linkarea li.merit{width:205px;} delete 080626 */
#top-linkarea li.scene{width:205px;}
#top-linkarea li.apply{width:185px;}

#top-linkarea li.price a{background:url("../img/top/m_price.jpg") no-repeat 0 0;}
#top-linkarea li.how a{background:url("../img/top/m_how.jpg") no-repeat 0 0;}
/*#top-linkarea li.merit a{background:url("../img/top/m_merit.jpg") no-repeat 0 0;} delete 080626 */
#top-linkarea li.scene a{background:url("../img/top/m_scene.jpg") no-repeat 0 0;}
#top-linkarea li.apply a{background:url("../img/top/m_apply.jpg") no-repeat 0 0;}

#top-linkarea li a:hover { background-position: 0px 100%;}



/*3: �����Ȓʘb����
=================================*/
.price-mainimage{
	padding-top:20px;
}

.price-txt{
	padding-top:15px;
}


.price-txtu{
	padding-top:5px;
}

.price-image{
	width:590px;
	text-align:center;
	padding-top:20px;
}

.price-ctsbox{
	width:590px;
	padding-top:20px;
}
.price-ctsbox div.box-l{
	float:left;
	width:100px;
}
.price-ctsbox div.box-r{
	float:right;
	width:470px;
}
.price-ctsbox div.box-r p.subt{
	width:470px;
	border-top:#70B0CC 2px solid;
	border-bottom:#70B0CC 1px solid;
	padding:4px 0px;
}
.price-ctsbox div.box-r p.txt{
	padding-top:5px;
}



.price-listbox{
	width:590px;
	padding-top:5px;
}
.price-listbox div.box-l{
	float:left;
	width:210px;
}
.price-listbox div.box-r{
	float:right;
	width:375px;
}


.price-graybox{
	background-color:#E9E9E9;
	padding:10px;
	margin-top:20px;
}
.price-linebox{
	border:#AAAAAA 1px solid;
	padding:10px;
	margin-top:15px;
}


#price-applybox{
	width:590px;
	background:url("../img/price/img_arrow.jpg") center 32px no-repeat;
	padding-bottom:20px;
}
#price-applybox div.box-l{
	float:left;
	width:300px;
}
#price-applybox div.box-r{
	float:right;
	width:250px;
}

#price-applybox div p.step {
	padding:10px 0px 9px 0px;
}

#price-applybox div div a {
	display: block;
	text-decoration:none;
	width:250px;
	height:80px;
}
#price-applybox div div a span {
	display: none;
}

#price-applybox div div.install a{background:url("../img/price/b_install_03.jpg") no-repeat 0 0;}
#price-applybox div div.apply a{background:url("../img/price/b_apply.jpg") no-repeat 0 0;}

#price-applybox div div a:hover { background-position: 0px 100%;}


/*4: �ȒP�ȑ�����@
=================================*/
.how-ctsbox{
	width:590px;
	padding-top:15px;
}

.how-ctsbox div p.image{
	padding-top:10px;
}
.how-ctsbox div p.image02{
	padding-top:15px;
}

.how-ctsbox div.box-l1{float:left; width:331px;}
.how-ctsbox div.box-r1{float:right; width:239px;}
.how-ctsbox div.box-l2{float:left; width:275px;}
.how-ctsbox div.box-r2{float:right; width:295px;}
.how-ctsbox div.box-l3{float:left; width:295px;}
.how-ctsbox div.box-r3{float:right; width:275px;}
.how-ctsbox div.box-l4{float:left; width:285px; padding-left:10px;}
.how-ctsbox div.box-r4{float:right; width:285px;}

.how-ctsbox h4.how-subt{
	padding-left:13px;
	margin-top:15px;
	background:url(../img/how/ex_01.gif) no-repeat left;
	height:1%;
}
.how-ctsbox h4.first {
	margin-top:0px;
}

.how-ctsbox p.how-text01{
	padding:10px 0;
}
.uline{
	text-decoration:underline;
}
/*5: �����b�g��F�X
=================================*/
.merit-ctsbox{
	width:590px;
	padding-top:15px;
}

.merit-ctsbox div p.image{
	padding-top:10px;
}

.merit-ctsbox div.box-l1{float:left; width:305px;}
.merit-ctsbox div.box-r1{float:right; width:265px;}
.merit-ctsbox div.box-l2{float:left; width:265px;}
.merit-ctsbox div.box-r2{float:right; width:305px;}
.merit-ctsbox div.box-l3{float:left; width:305px;}
.merit-ctsbox div.box-r3{float:right; width:265px;}


/*6: ���\������
=================================*/
.apply-step1image{
	padding:10px 0px 0px 0px;
}

.apply-setp1bg{
	width:590px;
	height:126px;
	background:url("../img/apply/p_02.jpg") right top no-repeat;
}
.apply-setp1bg p{
	padding:10px 257px 0px 0px;
}


.apply-step2box{
	padding-top:20px;
	margin-left:10px;
	width:570px;
}
.apply-step2box p.subt{
	width:570px;
	border-top:#70B0CC 2px solid;
	border-bottom:#70B0CC 1px solid;
	padding:4px 0px 4px 5px;
}
.apply-step2box p.image{
	padding-top:15px;
	width:570px;
	text-align:center;
}
.apply-step2box p.txt{
	padding:5px 35px 0px 35px;
}


.apply-step3box p.image{
	padding-top:10px;
	width:590px;
	text-align:center;
}
.apply-step3box p.txt{
	padding-top:10px;
}
#container #contents-w #top-mainimage p.txt img{
	position:relative;
	left: 21px;
	top: -19px;
}

/*7: �t���T�[�r�X
=================================*/
.col99 {
	color: #999999;
}
#container #wcinfo {
	border: 2px solid #D50407;
	margin: 10px 0px;
	padding: 10px;
	clear: both;
	float: none;
}
#container #wcinfo dt {
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
	color: #AD0307;
}
#container #wcinfo dd {
	line-height: 140%;
}