body {
	position:relative;
	z-index:1;
	background:#ffffff;
	color:#333333;
	font-size:14px;
	line-height:1.3em;
}

a:link,
a:visited {
	color:#0080cb;
}
a:hover,
a:active {
	color:#21adff;
}

/* ==============================
	■ヘッダー
============================== */
#infomation {
	background:#f6f6f6;
	color:#333333;
	text-align:center;
	padding:3px 0;
	font-size:12px;
	font-weight:bold;
	border-bottom:2px solid #DA1D05;
}
#infomation .attention {
	color:#DA1D05;
}

#header_bg {
	width:100%;
	height:90px;
	background:url(img/header_bg.png) repeat-x #ffffff;
}
#header {
	width:905px;
	height:100%;
	margin:0 auto;
}
#header h1 {
	height:100%;
	background:url(img/header_logo.png) no-repeat;
}
#header h1 a {
	display:block;
	text-decoration:none;
	width:285px;
	height:100%;
}
#header h1 a span {
	position:relative;
	z-index:-1;
}
#header p {
	margin:-90px 0 0 0;
	text-align:right;
}

/* ==============================
	■ナビゲーション
============================== */

#navi_bg {
	width:100%;
	height:50px;
	background:url(img/navi_bg.png) repeat-x;
}
#navi {
	width:905px;
	height:100%;
	margin:0 auto;
	background:url(img/navi.png) 0 50px;
}
#navi li {
	display:inline-block;
	height:100%;
	/display:inline;
	/zoom:1;
}
#navi li a {
	display:block;
	height:100%;
	width:100%;
	text-decoration:none;
	/display:inline;
	/zoom:1;
}
#navi li a span {
	position:relative;
	z-index:-1;
}
#navi li#navi1 {width:160px;}
#navi li#navi2 {width:208px;}
#navi li#navi3 {width:197px;}
#navi li#navi4 {width:163px;}
#navi li#navi5 {width:177px;}
#navi li#navi1 a:hover {background:url(img/navi.png) 0 0 no-repeat;}
#navi li#navi2 a:hover {background:url(img/navi.png) -160px 0 no-repeat;}
#navi li#navi3 a:hover {background:url(img/navi.png) -368px 0 no-repeat;}
#navi li#navi4 a:hover {background:url(img/navi.png) -565px 0 no-repeat;}
#navi li#navi5 a:hover {background:url(img/navi.png) -728px 0 no-repeat;}

/* ==============================
	■コンテンツとサイド
============================== */

#container {
	width:905px;
	margin:15px auto;
}

/* ==============================
	■コンテンツ
============================== */

#contents {
	float:left;
	width:640px;
	padding:0 0 10px;
}
#contents h2 {
	margin:0 0 10px;
}
#contents h3 {
	margin:0 0 10px;
	line-height:25px;
	padding:0 5px;
	font-weight:bold;
	color:#ffffff;
	background:#ff7c7c;
}
#contents h4 {
	height:22px;
	border-bottom:1px dashed #333333;
}
#contents h4 p {
	height:20px;
	line-height:20px;
	font-weight:bold;
	margin:0 0 2px 0;
	padding:0 0 0 3px;
	border-left:5px solid #ff7c7c;
}
#contents h5 {
	color:#e6030f;
	font-weight:bold;
	font-size:16px;
	margin:0 0 5px 0;
}
#contents .phone {
	font-weight:bold;
	color:#32a02e;
}
#contents dl {
	margin-bottom:10px;
}
#contents dl dd {
	padding:0 10px;
}
#contents .mainv {
	margin-bottom:10px;
}
#contents .moreinfo {
	text-align:right;
}

#contents table {
	width:640px;
	margin-bottom:10px;
}
#contents table th,
#contents table td {
	padding:5px;
	border:1px solid #cccccc;
}
#contents table th {
	background:#eeeeee;
	font-weight:bold;
}

#contents p.plan a {
	display:block;
	border:5px solid #ffb9b9;
}
#contents p.plan a:hover {
	border:5px solid #ff7387;
}

/* お申し込み･お問い合わせ
------------------------------ */
#contents .contents_entry {
	background:#f6f6f6;
	margin:5px 0;
	padding:10px 15px;
	border-top:2px solid #ff1821;
	border-bottom:2px solid #ff1821;
}
#contents .contents_entry ul { margin:5px 0 0; }
#contents .contents_entry ul li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	margin-right:10px;
}
#contents .contents_entry ul li.last {
	margin-right:0;
}

/* ==============================
	■サイド
============================== */

#side {
	float:right;
	width:250px;
}

#side dl {
	background:url(img/side_dl_bottom.png) bottom center no-repeat #f6f6f6;
	margin-top:10px;
	font-size:12px;
}
#side dl dt {
	background:url(img/side_dl_top.png) top center no-repeat;
	padding:8px 14px 8px 12px;
}
#side dl dd {
	padding:0 14px 10px 14px;
}
#side dl dd.qanda {
	margin-top:-5px;
}
#side dl dd p {
	margin-bottom:5px;
}
#side dl dd p.beginner {
	margin-bottom:2px;
}
#side dl dd p.beginner img {
	vertical-align:top;
	margin-top:-4px;
}
#side p.hikari {
	margin:10px 0;
}
#side p.hikari a {
	display:block;
	border:3px solid #dddddd;
}
#side p.hikari a:hover {
	border:3px solid #cccccc;
}

/* ==============================
	■フッター
============================== */

#footer {
	width:100%;
	padding:14px 0;
	background:url(img/footer_bg.png) repeat-x #ffffff;
}
#footer_contents {
	width:905px;
	height:50px;
	margin:0 auto;
	font-size:12px;
	background:url(img/footer_ybb.png) center right no-repeat;
}
#footer_contents ul { padding:5px 0;}
#footer_contents ul li { display: inline;}

#footer_contents .copy {
	margin:10px 0 0 0;
}

#footer a:link,
#footer a:visited {
	color:#333333;
}
#footer a:hover,
#footer a:active {
	color:#888888;
}

/* ==============================
	■トップページ
============================== */

#contents .mainv .cashback {
}
#contents .mainv p {
	margin:0;
}

#contents .mainv .hikari {
	margin-top:5px;
}
#contents .mainv .hikari a img { border:3px solid #dddddd;}
#contents .mainv .hikari a:hover img { border:3px solid #cccccc;}
#contents .mainv .mainv_campaign {
	float:left;
	width:469px;
	*width:466px;
}
#contents .mainv .official {
	margin:0;
}

/* ==============================
	■Yahoo! BBの特徴
============================== */

#contents dl dd .option_logo {
	width:145px;
	padding:10px 0 0;
	margin:0 10px 0 0;
	float:left;
}
#contents dl dd .caption {
	padding:10px 0;
}
#contents dl dd .description {
	clear:both;
}
#contents dl dd.other_option {
	border-bottom:1px dashed #cccccc;
}
#contents dl dd.other_option h5 {
	padding:10px 0 0;
}
#contents dl dd.other_option .caption {
	padding:0;
}

/* ==============================
	■キャンペーン一覧
============================== */

.campaign #contents dl {
	border-bottom: 1px dashed #dddddd;
	padding:0 0 10px 0;
}
.campaign #contents dl dd { margin:0; padding:0;}
.campaign #contents dl dd.cam_list_contents {
	float:right;
	width:405px;
}
.campaign #contents dl dd.cam_list_contents b {
	color:#ff0000;
}
.campaign #contents dl dd.cam_list_botton {
	float:left;
	padding:0 10px 0 0;
	background:#ffffff;
}
.campaign #contents dl dd h4 {
	font-weight:bold;
	border-bottom:1px solid #333333;
	line-height:16px;
	height:16px;
	margin:0 0 5px 0;
}
.campaign #contents dl dd h4 a {
	text-decoration:none;
}
.campaign #contents dl dd .target {
	color:#32c000;
	font-weight:bold;
}
.campaign #contents dl dd .period {
	color:#f81945;
	font-weight:bold;
}
.campaign #contents dl dd .small {
	font-size:12px;
	color:#888888;
}

/* ==============================
	■1ヶ月無料CP
============================== */

.official #contents table th,
.official #contents table td {
	padding:0;
	border:none;
}
.official #contents table .arrow {padding:5px;}
.official #contents table .zeroyen {background:#f32005;}
.official #contents table .center { text-align:center;}
.official #contents .cam_official_table .small {
	font-weight:normal;
	font-size:10px;
	color:#666666;
	line-height:1.1em;
}

.official #contents .cam_official_table {
	font-size:12px;
	width:485px;
	margin:0;
}
.official #contents .cam_official_table th,
.official #contents .cam_official_table td {
	padding:5px;
	border:1px solid #cccccc;
}
.official #contents .cam_official_table th {
	background:#f3f3f3;
	font-weight:bold;
}
.official #contents .cam_official_table .cam_price { width:170px;}
.official #contents .cam_official_table th.head { background:#e0e0e0;}

.official #contents .cam_official_table td strong { font-weight:bold;}
.official #contents .cam_official_table td .attention { font-weight:bold; color:#f32005;}

/* ==============================
	■キャッシュバックCP
	■引越しCP
	■学割CP
	■紹介CP
============================== */

.cashback #contents .cam_step dd {background:url(img/step_arrow_red.png) left bottom no-repeat;}
.move #contents .cam_step dd {background:url(img/step_arrow_orange.png) left bottom no-repeat;}
.move #contents .cam_step dd.noarrow { background:none;}
.student #contents .cam_step dd {background:url(img/step_arrow_blue.png) left bottom no-repeat;}
.student #contents .cam_step dd.noarrow { background:none;}
.introduction #contents .cam_step dd {background:url(img/step_arrow_pink.png) left bottom no-repeat;}
.introduction #contents .cam_step dd.noarrow { background:none;}

#contents .cam_step dd {
	margin:5px 0;
	padding:5px 10px 5px 40px;
}
#contents .cam_step dd .small {
	color:#666666;
	font-size:12px;
}
#contents .condition {
	height:200px;
	overflow:auto;
	border:1px solid #cccccc;
	padding:10px;
	margin:0 0 10px 0;
	font-size:12px;
}
#contents .condition h3 {
	border-left:5px solid #333333;
	padding-left:5px;
	font-weight:bold;
	color:#e61f05;
	line-height:18px;
	margin:0 0 5px;
	background:#ffffff;
}
#contents .condition h4 {
	font-weight:bold;
	border:none;
	background:#ffffff;
}
#contents .condition ol li {
	list-style-type:decimal;
	margin:0 0 5px 30px;
}
#contents .condition ul li {
	list-style-type:disc;
	margin:0 0 5px 30px;
}

/* ==============================
	■引越しCP詳細
	■学割CP詳細
============================== */

.move #contents ol li,
.student #contents ol li {
	list-style-type:decimal;
	margin-left:30px;
}
.move #contents table,
.student #contents table {
	margin:10px 0;
	width:600px;
}

/* ==============================
	■プランと料金
============================== */

.price #contents .choose {
	margin:0 0 10px 0;
}
.price #contents .choose li {
	float:left;
	margin-right:10px;
}
.price #contents .choose li.last {margin:0;}
.price #contents .attention {margin:10px 0;}
.price #contents .attention p {
	margin:0 10px 5px;
	line-height:1.1em;
	padding-left:1em;
	text-indent:-1em;
	color:#555555;
}
#contents .pricelist {
	margin:0 0 10px 0;
}

#contents .pricelist ul li {
	float:left;
	margin-right:4px;
	cursor:pointer;
}
#contents .pricelist ul li.last { margin:0;}

/* ==============================
	■料金詳細
============================== */

#contents .price_detail_table {	font-size:12px;}
#contents .price_detail_table th,
#contents .price_detail_table td {
	padding:2px 4px;
}
.price_detail #contents p.small {
	font-size:12px;
	color:#666666;
	margin-bottom:5px;
	padding-left:1em;
	text-indent:-1em;
}

/* ==============================
	■その他オプション
============================== */

#contents dl dd .description_wirelesslan,
#contents dl dd .description_bbtv {
	clear:both;
	min-height:265px;
	height: auto !important;
	height: 265px;
}
#contents dl dd .description_wirelesslan { background:url(img/description_wirelesslan.png) top right no-repeat; }
#contents dl dd .description_bbtv { background:url(img/description_bbtv.png) top right no-repeat; }
#contents dl dd .description_wirelesslan p,
#contents dl dd .description_bbtv p {
	width:320px;
}
#contents table.option_price {
	width:100%;
	margin:10px 0;
}
#contents table.option_price th,
#contents table.option_price td {
	width:50%;
	border:1px solid #cccccc;
	padding:6px;
}
#contents table.option_price th {
	font-weight:bold;
	background:#f5f5f5;
}
#contents table.option_price .head th {
	background:#dddddd;
}
#contents table.option_price .nenwari th,
#contents table.option_price .nenwari td {
	font-weight:bold;
	color:#f53a3a;
}
#contents table.option_price .total th {
	background:#ff7c7c;
	color:#ffffff;
}
#contents table.option_price .total td { font-weight:bold; }
#contents table.option_price span.small {
	font-size:12px;
	color:#666666;
}

#contents table.bbtv_price{
	width:100%;
	margin:10px 0;
}
#contents table.bbtv_price th,
#contents table.bbtv_price td {
	border:1px solid #cccccc;
	padding:6px;
}
#contents table.bbtv_price th {
	font-weight:bold;
	background:#f5f5f5;
}
#contents table.bbtv_price .head th {
	background:#dddddd;
}
#contents table.bbtv_price .nenwari th,
#contents table.bbtv_price .nenwari td {
	font-weight:bold;
	color:#f53a3a;
}
#contents table.bbtv_price td { text-align:right;}
#contents table.bbtv_price .total th,
#contents table.bbtv_price .total td {
	font-weight:bold;
	color:#f53a3a;
}
#contents table.bbtv_price span.small {
	font-size:12px;
	color:#666666;
}
#contents table.bbtv_price .textcenter { text-align:center;}
#contents table.bbtv_price .textcenter th { text-align:center;}

/* ==============================
	■よくある質問
============================== */

.qanda #contents ol {
	padding-left:40px;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px dashed #aaaaaa;
}
.qanda #contents ol li {
	list-style-type:decimal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:bold;
	color:#aaaaaa;
	margin:5px 0;
}
.qanda #contents ol li a {
	font-size:14px;
	font-weight:normal;
	font-family:
		"Verdana",
		"Helvetica",
		"Arial",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"ＭＳ Ｐゴシック"
		sans-serif;
}
.qanda #contents dl {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #aaaaaa;
}
.qanda #contents dl dt {
	padding:5px;
	margin-bottom:5px;
	font-weight:bold;
	color:#F81945;
	background:#f5e1e5;
}
.qanda #contents dl dt .q,
.qanda #contents dl dd .a {
	width:22px;
	height:22px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	font-size:18px;
	margin-right:5px;
	text-align:center;
}
.qanda #contents dl dt .q {
	display:inline-block;
	color:#ffffff;
	background:#F81945;
	/display:inline;
	/zoom:1;
}
.qanda #contents dl dd {
	padding:5px;
	font-size:16px;
	line-height:1.5em;
	background:#d9ecff;
}
.qanda #contents dl dd .a {
	display:block;
	float:left;
	color:#ffffff;
	background:#4178af;
}
.qanda #contents dl dd p {
	width:602px;
	float:right;
	margin:0;
	padding:0;
}

/* ==============================
	■プライバシーポリシー
	■会社概要･特商法
============================== */
.privacy #contents {
	font-size:12px;
}

.privacy #contents h4,
.official #contents h4,
.move #contents h4,
.student #contents h4 {
	font-weight:bold;
	border:none;
	color:#f32005;
}

/* ==============================
	■お申し込みの流れ
============================== */
.flow #contents div.type {
	margin:0 0 5px;
}
.flow #contents div.arrow_container {
	padding:25px 0 40px;
	background:url(img/flow_bg.png) bottom center no-repeat;
}
.flow #contents dl {
	border:1px solid #999999;
	margin:0 0 30px 0;
	background:#ffffff;
}
.flow #contents dl dt,
.flow #contents dl dd {
	padding:3px;
}
.flow #contents dl dt {
	background:#999999;
	color:#ffffff;
	padding:2px 10px;
}
.flow #contents dl dd div {
	height:100%;
	padding:2px 7px;
}
.flow #contents dl dd p {
	margin:0;
}
.flow #contents dl#flow_finish {
	border:1px solid #ff2323;
	margin:0 0 10px 0;
}
.flow #contents dl#flow_finish dt {
	background:#ff2323;
}
.flow #contents dl#flow_type1 {
	float:left;
	width:315px;
}
.flow #contents dl#flow_type2 {
	float:right;
	width:315px;
}
.flow #contents dl#flow_step1 div {
	background:url(img/flow_step1_bg.png) top right no-repeat;
	min-height:100px;
	height: auto !important;
	height: 100px;
}
.flow #contents dl#flow_step2 div {
	background:url(img/flow_step2_bg.png) top right no-repeat;
	min-height:100px;
	height: auto !important;
	height: 100px;
}
.flow #contents dl#flow_finish div {
	background:url(img/flow_finish_bg.png) top right no-repeat;
	min-height:135px;
	height: auto !important;
	height: 135px;
}
.flow #contents dl#flow_step1 div h5,
.flow #contents dl#flow_step2 div h5,
.flow #contents dl#flow_finish div h5,
.flow #contents dl#flow_step1 div p,
.flow #contents dl#flow_step2 div p,
.flow #contents dl#flow_finish div p {
	width:450px;
}

/* ==============================
	■お申し込みの前に
============================== */

#contents #agreement {
	overflow:auto;
	height:250px;
	width:778px;
	padding:10px;
	margin:0 0 10px;
	border:1px solid #cccccc;
	line-height:1.3em;
	font-size:12px;
}
#contents #agreement h3 {
	border-left:5px solid #333333;
	padding-left:5px;
	font-weight:bold;
	color:#e61f05;
	height:18px;
	line-height:18px;
	margin:0 0 5px;
	background:#ffffff;
}
#contents #agreement h4 {
	font-weight:bold;
	border:none;
	background:#ffffff;
}

/* ==============================
	■お申し込み･お問い合わせ
============================== */
#container.entry,
#container.inquiry,
#container.finish {
	width:100%;
	background-image:url(img/entry_bg.png);
	background-repeat:repeat-x;
	padding:30px 0 0 0;
	margin:0;
	zoom:1;
}

#container.entry #contents,
#container.inquiry #contents,
#container.finish #contents {
	float:none;
	width:800px;
	margin:0 auto;
}
#contents p {
	margin:0 0 10px;
}
#contents p.error_message {
	border:3px solid #ff3333;
	background:#ffeeee;
	padding:10px;
	font-weight:bold;
	color:#ff3333;
}
#contents form table th.title {
	background:#ff9999;
	color:#ffffff;
	font-weight:bold;
}
#contents form table .error_text {
	display:none;
}
#contents form table .is_error .error_text {
	display:block;
	color:#ff3333;
	font-weight:bold;
	font-size:12px;
	margin:0;
}
#contents form table .is_error th,
#contents form table .is_error td {
	background:#ffeeee;
}
#contents form table {
	margin:0px auto 10px;
	width:650px;
	background:#ffffff;
	font-size:14px;
	border:2px solid #ff9999;
	border-collapse:collapse;
}
#contents form table th,
#contents form table td {
	padding:5px;
	border:1px solid #dddddd;
}
#contents form table .form_option {
	height:50px;
}
#contents form table .form_option img {
	vertical-align:text-bottom;
}
#contents form table th {
	background:#fff6f6;
	width:180px;
	font-weight:normal;
}
#contents form table th.head {
	font-size:14px;
	width:100px;
	font-weight:bold;
	padding:5px;
	border-bottom:none;
	background:#ffeeee;
	text-align:center;
}
#contents form table td.message {
	border:none;
	width:auto;
	text-align:left;
}
#contents form table textarea {
	width:95%;
	height:80px;
}
#contents form input {
	margin:2px 0;
}
#contents form input.short{ width:40px; }
#contents form input.middle{ width:75px; }
#contents form input.long{ width:200px; }
/* #contents form .address input.long { width:300px;} */
#contents .submit {
	text-align:center;
	margin:0 0 10px;
}
#contents form .submit input {
	margin:0 10px;
}
#contents form .must {
	font-size:12px;
	color:#ff3333;
}
#contents form .small {
	font-size:12px;
	color:#555555;
}
#contents form .attention {
	font-size:12px;
	color:#ff6666;
}

/* ==============================
	■新お申し込み
============================== */
#contents .form {
	background:url(img/test/form_bg.png) center bottom no-repeat;
	padding:0 0 25px;
	margin:15px 0;
}
#contents .form h3 {
	border:none;
	margin:0;
	padding:0;
}
#contents .form .form_contents {
	margin:10px 25px 0;
	background:#ffffff;
	border:2px solid #ff9999;
	text-align:center;
	padding:20px 0;
	width:750px;
}
#contents .form .form_contents th,
#contents .form .form_contents td {
	padding:10px;
	font-size:16px;
}
#contents .form .form_contents th {
	background:#ffeeee;
	text-align:center;
	font-weight:bold;
}
#contents .form .form_contents th.head {
	width:auto;
}
#contents .form .form_contents td.data {
	text-align:right;
	font-weight:bold;
}
#contents .form .form_contents td.price {
	text-align:right;
	font-weight:bold;
	color:#e2260e;
}
#contents .form .form_contents td.text {
	text-align:left;
	font-size:14px;
	width:300px;
}
#contents .form .form_contents td.text strong {
	font-weight:bold;
	color:#e2260e;
}

#contents .form .form_contents .select label {
	position:relative;
	z-index:1;
	cursor:pointer;
}
#contents .form .form_contents .select input {
	margin:0 -24px 0 5px;
	*margin:0 -30px 0 5px;
	position:relative;
	z-index:2;
	vertical-align:6px;
	*vertical-align:-0.5em;
	cursor:pointer;
}

#contents .form .form_contents .phone_type {
	margin:40px;
}
#contents .form .form_contents.step4 th,
#contents .form .form_contents.step4 td {
	font-size:14px;
	text-align:left;
	font-weight:normal;
}
#contents .form .form_contents.step4 th.head {
	background:#ffeeee;
}
#contents .form .form_contents.step4 th {
	background:#fff6f6;
}
#contents .form .form_contents th.mustcell {
	background:#fff6f6 url(img/must.png) right center no-repeat;
}
#contents .form .form_contents.step4 th.head {
	
}
#contents .form .result {
	margin-bottom:10px;
	border:2px solid #cccccc;
	text-align:left;
}

#contents .form .result th.head { background:#e5e5e5;}
#contents .form .result th { background:#f2f2f2; text-align:left;}
#contents .form .result th,
#contents .form .result td {
	font-size:14px;
}

#contents .button {
	margin:0 0 20px 0;
	text-align:center;
}
#contents .button input,
#contents .button a {
	vertical-align:middle;
	margin: 0 10px;
}


/* ==============================
	■フィニッシュ
============================== */

.finish #contents .thankyou {
	text-align:center;
	line-height:1.5em;
}
.finish #contents .thankyou p {
	font-size:18px;
	font-weight:bold;
	line-height:2em;
	margin:20px 0;
}
.finish #contents .thankyou p.return {
	font-size:12px;
	font-weight:normal;
}

#contents .form .form_contents .thankyou {
	text-align:center;
	line-height:1.5em;
}
#contents .form .form_contents .thankyou p {
	font-size:18px;
	font-weight:bold;
	line-height:2em;
}
#contents .form .form_contents .thankyou p.return {
	font-size:12px;
	font-weight:normal;
}