/****************************************************************
basic configuration
****************************************************************/
* {
	border: none;
	list-style-type: none;
	outline: none;
	margin: 0;
	padding: 0;
	color: #666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
	background-color: #eeeeee;
	text-align: center;
}

h3.plan01 {
	width: 600px;
	height: 48px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 300;
	line-height: 48px;
	color: #666;
	float: left;
}

h3.plan02 {
	width: 600px;
	height: 98px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 300;
	line-height: 98px;
	color: #666;
	float: left;
}

#wrapper {
	width: 850px;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: left;
}

/****************************************************************
header setting
****************************************************************/
#header {
	height: 90px;
	background: url(../img/bg_header.png) top left no-repeat;
	position: relative;
}

#header h1 {
	width: 350px;
	position: absolute;
	top: 6px;
	left: 25px;
	line-height: 14px;
	font-size: 12px;
	color: #0f007b;
	text-align: left;
	font-weight: normal;
}
.small {
	font-size: 10px;
	color: #0f007b;
}

#campaign {
	width: 850px;
	height: 245px;
	background: url(../img/bg_form.png) top left no-repeat;
	position: relative;
	float: left;
	background-image: url(../img/bg_form.png);
}

#campaigngift {
	width: 850px;
	height: 245px;
	background: url(../img/bg_form.png) top left no-repeat;
	position: relative;
	float: left;
	background-image: url(../img/bg_form_gift.png);
}

#campaignds {
	width: 850px;
	height: 245px;
	background: url(../img/bg_form.png) top left no-repeat;
	position: relative;
	float: left;
	background-image: url(../img/bg_form_ds.png);
}

#campaign a {
	text-align: left;
	text-indent: -9999px;
	width: 200px;
	height: 41px;
	background-position: top;
	background-position: left;
}

#campaign a:hover {
	background-position: right;
}

a.apply {
	background-image: url(../img/apply.png);
	position: absolute;
	top: 72px;
	left: 615px;
	width: 200px;
	height: 41px;
}
a.inquiry {
	background-image: url(../img/inquiry.png);
	position: absolute;
	top: 186px;
	left: 615px;
	width: 200px;
	height: 41px;
}

/****************************************************************
top navigation
****************************************************************/
ul.topnavi {
	display: block;
	width: 800px;
	height: 40px;
	padding:0 25px;
	float: left;
	background-color: #fff;
}

ul.topnavi li.normal {
	display: block;
	width: 100px;
	height: 40px;
	float: left;
}

ul.topnavi li.current {
	display: block;
	width: 100px;
	height: 40px;
	background-color: #9c9;
	float: left;
}

ul.topnavi li:hover {
	background-color: #f99;
}
ul.topnavi li a {
	display: block;
	width: 100px;
	height: 37px;
	float: left;
	text-indent: -9999px;
}

ul.topnavi li a:hover { background-position: right;}

a.n1 { background:url(../img/topnavi_01.png) top left no-repeat;}
a.n2 { background:url(../img/topnavi_02.png) top left no-repeat;}
a.n3 { background:url(../img/topnavi_03.png) top left no-repeat;}
a.n4 { background:url(../img/topnavi_04.png) top left no-repeat;}
a.n5 { background:url(../img/topnavi_05.png) top left no-repeat;}
a.n6 { background:url(../img/topnavi_06.png) top left no-repeat;}
a.n7 { background:url(../img/topnavi_07.png) top left no-repeat;}
a.n8 { background:url(../img/topnavi_08.png) top left no-repeat;}

/****************************************************************
main setting
****************************************************************/
#index_main {
	width: 850px;
	height: 660px;
	/* padding: 0 25px; */
	float: left;
	background-color: #ffffff;
	position: relative;
	text-align: left;
}

h2.index {
	width: 800px;
	height: 40px;
	text-indent: -9999px;
	background: url(../img/hd_plan.png) top left no-repeat;
	margin: 0 auto;
}

#index_main p.red {
	font-size: 11px;
	line-height: 19px;
	color: #ff3333;
	margin-top: 5px;
}

#index_main a {
	text-align: left;
}

a.west {
	position: absolute;
	width: 346px;
	height: 396px;
	background: url(../img/choose_west.png) top left no-repeat;
	top: 95px;
	left: 59px;
	text-indent: -9999px;
}
a.east {
	position: absolute;
	width: 346px;
	height: 396px;
	background: url(../img/choose_east.png) top left no-repeat;
	top: 95px;
	left: 445px;
	text-indent: -9999px;
}

#index_main p.descryption {
	color: #333333;
	font-size: 10px;
	line-height: 14px;
	position: absolute;
	top: 525px;
	left: 50px;
}

#main {
	width: 850px;
	float: left;
	padding-bottom: 20px;
	background-color: #fff;
}

#main_sub {
	width: 800px;
	margin: 0 25px;
	background-color: #bcecfa;
	float: left;
}

/* side bar setting */
#sidebar {
	width: 200px;
	float: left;
}

.sidemenu_top {
	width: 200px;
	height: 373px;
	padding-bottom: 10px;
	background: url(../img/side_top.png) top left no-repeat;
	position: relative;
}
a.ap1 {
	display: block;
	width: 180px;
	height: 50px;
	position: absolute;
	top: 216px;
	left: 10px;
	background: url(../img/apply2.png) top left no-repeat;
	text-indent: -9999px;
}
a.iq1 {
	display: block;
	width: 180px;
	height: 50px;
	position: absolute;
	top: 276px;
	left: 10px;
	background: url(../img/inquiry2.png) top left no-repeat;
	text-indent: -9999px;
}
.side {
	width: 200px;
	padding-bottom: 10px;
	text-align: center;
}
/* ----------------- */

#main_right {
	width: 600px;
	float: right;
	background-color: #fff;
}

#main_right h2 {
	width: 600px;
	height: 80px;
	text-indent: -9999px;
	float: left;
}
.esv { background: url(../img/h2_esv.png) top left no-repeat;}
.wsv { background: url(../img/h2_wsv.png) top left no-repeat;}
.epl { background: url(../img/h2_epl.png) top left no-repeat;}
.wpl { background: url(../img/h2_wpl.png) top left no-repeat;}
.eip { background: url(../img/h2_eisp.png) top left no-repeat;}
.wip { background: url(../img/h2_wisp.png) top left no-repeat;}
.eph { background: url(../img/h2_ephn.png) top left no-repeat;}
.wph { background: url(../img/h2_wphn.png) top left no-repeat;}
.etv { background: url(../img/h2_etv.png) top left no-repeat;}
.wtv { background: url(../img/h2_wtv.png) top left no-repeat;}
.efw { background: url(../img/h2_eflw.png) top left no-repeat;}
.wfw { background: url(../img/h2_wflw.png) top left no-repeat;}
.ecmp { background: url(../img/h2_ecamp.png) top left no-repeat;}
.wcmp { background: url(../img/h2_wcamp.png) top left no-repeat;}
.faq { background: url(../img/h2_faq.png) top left no-repeat;}
.sonet { background: url(../img/h2_sonet.png) top left no-repeat;}
.ocn { background: url(../img/h2_ocn.png) top left no-repeat;}
.biglobe { background: url(../img/h2_bglb.png) top left no-repeat;}
.ftv { background: url(../img/h2_tv.png) top left no-repeat;}
.game { background: url(../img/h2_game.png) top left no-repeat;}
.virus { background: url(../img/h2_virus.png) top left no-repeat;}
.remote { background: url(../img/h2_rss.png) top left no-repeat;}

.title {
	width: 600px;
	height: 120px;
	float: left;
}

.right_w1 {
	position: relative;
	width: 600px;
	height: 548px;
	background: url(../img/svw_01.png) top left no-repeat;
	float: left;
}
.right_w2 {
	position: relative;
	width: 600px;
	height: 698px;
	background: url(../img/svw_02.png) top left no-repeat;
	float: left;
}
.right_w3 {
	position: relative;
	width: 600px;
	height: 245px;
	background: url(../img/svw_03.png) top left no-repeat;
	float: left;
}

.right_e1 {
	position: relative;
	width: 600px;
	height: 548px;
	background: url(../img/sve_01.png) top left no-repeat;
	float: left;
}
.right_e2 {
	position: relative;
	width: 600px;
	height: 698px;
	background: url(../img/sve_02.png) top left no-repeat;
	float: left;
}
.right_e3 {
	position: relative;
	width: 600px;
	height: 245px;
	background: url(../img/sve_03.png) top left no-repeat;
	float: left;
}

.info {
	position: relative;
	width: 600px;
	height: 344px;
	background: url(../img/info.png) top left no-repeat;
	float: left;
}

.right_w1 h3, .right_w2 h3, .right_w3 h3, .right_e1 h3, .right_e2 h3, .right_e3 h3 {
	width: 500px;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	position: absolute;
	top: 0;
	left: 90px;
	color: #666;
	float: left;
}

.p1 {
	position: absolute;
	top: 420px;
	left: 20px;
	font-size: 10px;
	line-height: 16px;
	color: #666;
}
.p2 {
	position: absolute;
	top: 600px;
	left: 20px;
	font-size: 12px;
	line-height: 21px;
	color: #666;
}
.p3 {
	position: absolute;
	top: 175px;
	left: 20px;
	font-size: 12px;
	line-height: 21px;
	color: #666;
}
.ap2 {
	display: block;
	width: 180px;
	height: 50px;
	position: absolute;
	top: 236px;
	left: 236px;
	background: url(../img/apply2.png) top left no-repeat;
	text-indent: -9999px;
}
.iq2 {
	display: block;
	width: 180px;
	height: 50px;
	position: absolute;
	top: 236px;
	left: 420px;
	background: url(../img/inquiry2.png) top left no-repeat;
	text-indent: -9999px;
}

/* plan */
.pl1 {
	width: 580px;
	height: 30px;
	font-size: 14px;
	float: right;
	border: #bcbcbc 1px solid;
	overflow: hidden;
}
.l1 {
	width: 180px;
	background-color: #eee;
	padding: 10px 0 10px 0;
	text-align: center;
	line-height: 16px;
	float: left;
}
.r1 {
	width: 399px;
	padding-left: 45px;
	border-left: #bcbcbc 1px solid;
	padding: 10px 0 10px 0;
	text-align: center;
	line-height: 16px;
	float: right;
}

p.plan1 {
	width: 580px;
	height: 75px;
	font-size: 10px;
	line-height: 18px;
	padding-top: 25px;
	float: right;
}
p.plan2 {
	width: 580px;
	font-size: 11px;
	line-height: 18px;
	float: right;
	background-color: #fff;
	padding: 0 0 20px 20px;
}
.point {
	color: #f33;
}
.point_big {
	color: #f33;
	font-size: 14px;
}

/* ------------- */
/* provider */
.epr1 {
	width: 600px;
	height: 188px;
	background: url(../img/isp_01.png) top left no-repeat;
	float: left;
}
.epr1 p {
	font-size: 10px;
	line-height: 18px;
	color: #666;
	padding-left: 20px;
}
.epr2 {
	width: 600px;
	height: 114px;
	background: url(../img/isp_02.png) top left no-repeat;
	float: left;
}
.epr3 {
	width: 600px;
	height: 480px;
	float: left;
	padding-left: 20px;
}
.epr3 a {
	width: 500px;
	height: 154px;
	display: block;
	float: left;
}
.epr3 p {
	width: 600px;
	font-size: 10px;
	line-height: 18px;
	color: #666;
	float: left;
}

/* ------------- */
/* phone */
.eph1 {
	width: 600px;
	float: left;
}
.eph1 p {
	width: 580px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 21px;
	color: #666;
	float: left;
	margin-bottom: 20px;
}
.eph2 {
	width: 600px;
	height: 161px;
	background: url(../img/ephn_01.png) top left no-repeat;
	float: left;
}
.eph2 p {
	width: 580px;
	padding: 67px 0 0 20px;
	font-size: 10px;
	line-height: 17px;
	color: #666;
	float: left;
}
.eph3 {
	width: 600px;
	float: left;
}
.eph4 {
	width: 600px;
	float: left;
}
.eph4 p {
	width: 580px;
	padding-left: 20px;
	font-size: 10px;
	line-height: 17px;
	color: #666;
	float: left;
}

/* ----- */
/* light TV */
.etv1 {
	width: 600px;
	float: left;
}
.etv1 p {
	width: 580px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 21px;
	color: #666;
	float: left;
	margin-bottom: 20px;
}

/* -------- */
/* flow chart */
#chart {
	width: 600px;
	float: left;
}
#chart p {
	width: 580px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 21px;
	color: #666;
	float: left;
}
.eflw1 { height: 203px; background: url(../img/efl_01.png) top left no-repeat;}
.eflw2 { height: 229px; background: url(../img/efl_02.png) top left no-repeat;}
.eflw3 { height: 204px; background: url(../img/efl_03.png) top left no-repeat;}
.eflw4 { height: 230px; background: url(../img/efl_04.png) top left no-repeat;}
.eflw5 { height: 202px; background: url(../img/efl_05.png) top left no-repeat;}
.eflw6 { height: 204px; background: url(../img/efl_06.png) top left no-repeat;}

/* ---------- */
/* FAQ */
#faq {
	width: 600px;
	padding-bottom: 20px;
	float: left;
}
#faq a {
	font-size: 12px;
	color: #00bef2;
}
#faq a:hover { color: #0066cc;}
#faq p.question {
	font-size: 12px;
	line-height: 21px;
	color: #666;
	padding-bottom: 15px;
	float: left;
}
#faq p.question a {
	width: 568px;
	line-height: 21px;
	display: block;
	height: 21px;
	float: right;
}
#faq p.answer {
	width: 520px;
	font-size: 12px;
	line-height: 15px;
	color: #666;
	padding-left: 35px;
	padding-bottom: 30px;
	text-indent: -24px;
	float: right;
}
.qhead {
	color: #ff3fb9;
}
#faq p.answer a { display: inline;}

/* --- */
/* providers */
/* so-net */
.sn1 {
	width: 600px;
	height: 120px;
	background: url(../img/bg_sonet.png) top left no-repeat;
	float: left;
}
.sn1 p {
	font-size: 10px;
	line-height: 18px;
	color: #666;
	float: left;
	padding-left: 20px;
}
/* OCN */
.oc1 {
	width: 600px;
	height: 120px;
	background: url(../img/bg_ocn.png) top left no-repeat;
	float: left;
}
.oc1 p {
	font-size: 10px;
	line-height: 18px;
	color: #666;
	float: left;
	padding-left: 20px;
}
/* BIGLOBE */
.bg1 {
	width: 600px;
	height: 120px;
	background: url(../img/bg_biglobe.png) top left no-repeat;
	float: left;
}
.bg1 p {
	font-size: 10px;
	line-height: 18px;
	color: #666;
	float: left;
	padding-left: 20px;
}
.sn2 {
	width: 600px;
	float: left;
}
.sn2 p {
	font-size: 9px;
	line-height: 10px;
	color: #666;
	padding: 0 0 20px 20px;
}

/* --------- */
/* campaign */
.cmp {
	width: 600px;
	float: left;
}
.cmp p {
	font-size: 10px;
	line-height: 15px;
	color: #666;
	float: left;
	padding: 0 0 20px 20px;
}
.cmp p.top {
	font-size 12px;
	line-height: 21px;
	color: #666;
	float: left;
	padding: 0 0 20px 20px;
}
.cmp img {
	float: right;
	margin-bottom: 10px;
}

/* -------- */
/* flet's tv */
.tv1 {
	width: 600px;
	float: left;
}
.tv1 p {
	font-size: 14px;
	line-height: 21px;
	padding: 0 0 20px 20px;
	color: #666;
}
.tv2 {
	width: 600px;
	float: left;
}
.tv2 p {
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 20px 20px;
	color: #666;
}
.tv3 {
	width: 600px;
	float: left;
}
.tv3 p {
	font-size: 9px;
	line-height: 15px;
	padding: 0 0 20px 20px;
	color: #666;
}

/* --------- */
/* game */
.gm {
	width: 600px;
	float: left;
	background: url(../img/game_01.png) top left no-repeat;
}
.gm p {
	font-size: 12px;
	line-height: 18px;
	padding: 0 0 20px 20px;
	color: #666;
}

/* ---- */
/* counter virus */
.vr {
	width: 600px;
	float: left;
	background: url(../img/bg_virus.png) top left no-repeat;
}
.vr p {
	width: 350px;
	padding: 0 0 20px 20px;
	color: #666;
}
.vr p.long {
	width: 580px;
}

/* ------------- */
/* remote support survice */
.rm {
	width: 600px;
	float: left;
	background: url(../img/bg_remote.png) top left no-repeat;
}
.rm p {
	padding: 0 0 20px 20px;
	color: #666;
}

/* ---------------------- */
/* non area documents */
#center {
	width: 580px;
	margin: 40px auto;
}
.hl {
	width: 570px;
	height: 30px;
	background-color: #e6e6e6;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	padding-left: 10px;
	font-weight: normal;
	float: left;
	margin-bottom: 10px;
}
.cont {
	display: block;
	width: 580px;
	font-size: 10px;
	line-height: 17px;
	color: #666;
	margin: 40px 0 80px 0;
}
dl.company {
	width: 580px;
	font-size: 12px;
	line-height: 15px;
	border-bottom: #ccc 1px dashed;
	float: left;
}
dl.company dt {
	width: 85px;
	padding: 6px 0 6px 10px;
	float: left;
}
dl.company dd {
	width: 485px;
	padding: 6px 0;
	float: left;
}
dl.law {
	width: 580px;
	font-size: 12px;
	line-height: 15px;
	border-bottom: #ccc 1px dashed;
	float: left;
}
dl.law dt {
	width: 180px;
	padding: 6px 0 6px 10px;
	float: left;
}
dl.law dd {
	width: 390px;
	padding: 6px 0;
	float: left;
}

.sp1 {
	width: 580px;
	height: 40px;
	float: left;
}
.sp2 {
	width: 580px;
	height: 80px;
	float: left;
}

/* ------------------ */

/****************************************************************
mail form layout
****************************************************************/
#form_header {
	width: 580px;
	height: 240px;
	float: left;
	margin: 0 auto;
}
#form_header p {
	font-size: 12px;
	line-height: 24px;
}
#form_header p.call {
	color: #f33;
	font-size: 14px;
	line-height: 72px;
}
#form_header p.call span.call2 {
	font-size: 12px;
	color: #f33;
}


h4.t1 {
	width: 580px;
	height: 36px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-indent: -9999px;
	background: url(../img/h4_t1.png) top left no-repeat;
	float: left;
}
h4.t2 {
	width: 580px;
	height: 36px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: url(../img/h4_t2.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
}

form {
	float: left;
	line-height: 32px;
}

input.below {
	border: #ccc 1px inset;
	color: #000;
	background-color: #fff;
}
input.above {
	border: #ccc 1px inset;
	color: #000;
	background-color: #ccc;
}
input.btn1 {
	border: #ccc 1px outset;
	color: #000;
	font-weight: normal;
	background-color: #eee;
	padding: 0;
}
button.btn2 {
}
button.btn3 {
}
textarea {
	width: 398px;
	margin: 10px 0 5px 0;
	border: #ccc 1px inset;
	color: #000;
}
select {
	border: #ccc 1px inset;
}

th {
	width: 178px;
	background-color: #ccc;
}
dl.fm {
	display: block;
	width: 578px;
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	margin: 0 auto;
	float: left;
	background-color: #eee;
}
dl.nobg {
	width: 578px;
	background-color: #fff;
	border: none;
}
dl.but {
	background-color: #fff;
	border: none;
	text-align: center;
}
dt.fmt {
	display: block;
	width: 179px;
	height: inherit;
	float: left;
}
dt.fmt p {
	padding-left: 20px;
	font-size: 14px;
}
dt.fmt p span.call2 {
	font-size: 12px;
	color: #f33;
}

dd.fmd {
	width: 398px;
	height: inherit;
	border-left: #ccc 1px solid;
	float: left;
	background-color: #fff;
	overflow: hidden;
}
dd.fmd p {
	padding-left: 20px;
	font-size: 14px;
}
p.form1 {
	display: block;
	width: 560 px; 
	font-size: 12px;
	padding-left: 10px;
	float: left;
}
p.form1 span.red {
	color: #f33;
}
p.caution {
	width: 580px;
	padding: 0 10px 0 10px;
	margin: 100px auto 20px auto;
	font-size: 14px;
	color: #666;
	text-align: center;
	float: left;
}

/****************************************************************
footer layout
****************************************************************/
#footer {
	width: 850px;
	height: 130px;
	background: #fff url(../img/bg_footer.png) bottom left no-repeat;
	text-align: left;
	float: left;
	position: relative;
}

#footer ul {
	padding-left: 25px;
	width: 800px;
	float: left;
}

#footer ul li {
	width: auto;
	float: left;
	color: #004ddf;
	display: inline;
}

#footer ul li a {
	font-size: 12px;
	line-height: 14px;
	color: #004ddf;
}
#footer ul li a:hover {
	color: #00bef2;
}

#footer p.c_name {
	position: absolute;
	top: 43px;
	left: 25px;
	font-size: 12px;
	line-height: 14px;
	color: #0f007b;
}

#footer p.comment {
	position: absolute;
	top: 57px;
	left: 257px;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
}

#footer p.copy {
	position: absolute;
	top: 100px;
	left: 25px;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
}

/****************************************************************
miscelaneous
****************************************************************/
.text_navy { color: #0f007b;}
.text_red { color: #ff3333;}
p span.tb {
	font-size: 14px;
	line-height: 20px;
	color: #00bef2;
}
.cap1 { color: #666; font-size: 14px;}
.cap2 { color: #666; font-size: 10px;}
.cap3 { color: #f33; font-size: 18px; line-height: 32px;}
p.cap1 { color: #666; font-size: 14px;}
p.cap2 { color: #666; font-size: 10px;}
p.cap3 { color: #f33; font-size: 18px; line-height: 32px;}
p.link {
	width: 800px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-indent: 25px;
	float: left;
}
p.link a { color: #004ddf;}
p.link a:hover { color: #00bef2;}