@charset "utf-8";
/* CSS Document */

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;
}

h2 {
	margin:0 0 10px 0;
}
h3 {
	height:24px;
	line-height:24px;
	margin-bottom:10px;
	border-left:5px solid #eb2131;
	padding-left:5px;
	font-weight:bold;
	font-size:16px;
	background:#eeeeee;
}
h4 {
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	font-weight:bold;
	border-left:3px solid #555555;
	border-bottom:1px dashed #555555;
	color:#333333;
}
strong {
	font-weight:bold;
}
span.small {
	font-size:12px;
	color:#666666;
}

/* ==============================
	■ヘッダー
============================== */
#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:70px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background: url(img/contents_top.png) repeat-x bottom;
}
#header_bg.index {
	height:345px;
	padding:0;
	background: url(img/mainv_bg.png) repeat-x bottom;
}
#header_bg.index #mainv {
	width:800px;
	margin:15px auto;
}
#header_bg.entry {
	background: url(img/entry_bg.png) repeat-x bottom;
}
#header {
	width:800px;
	margin:0 auto;
}

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

#contents {
	width:800px;
	margin:0 auto 20px;
}
#contents .phone {
	font-weight:bold;
	color:#32a02e;
}
#contents p.return {
	font-size:12px;
	text-align:right;
	margin:10px;
}
#contents .section,
#contents .entry_img {
	margin:0 0 20px 0;
}

/* ==============================
	■ご利用料金
============================== */
#contents.price #area .area_east {
	width:395px;
	float:left;
}
#contents.price #area .area_west {
	width:395px;
	float:right;
}
#contents.price #area .jump {
	text-align:right;
	font-size:12px;
	margin-top:-32px;
	padding-right:10px;
}

#contents.price table {
	width:800px;
	border-collapse:collapse;
	margin-bottom:10px;
	background:#fafafa;
	text-align:right;
}
#contents.price table th,
#contents.price table td {
	border: 1px solid #ffcccc;
	padding:2px 10px;
}
#contents.price table th {
	background:#fff6dd;
	text-align:center;
}
#contents.price table .head th {
	background:#ffe3e3;
	color:#555555;
}
#contents.price table .center {
	text-align:center;
}
#contents.price .caution {
	font-size:12px;
	color:#666666;
}

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

#contents.campaign table {
	margin:0 0 10px 0;
}
#contents.campaign table th {
	vertical-align:top;
}
#contents.campaign table td {
	padding:5px 0 0 0;
}
#contents.campaign table img {
	margin:5px 10px 0 0;
}
#contents.campaign table .cam_target {
	font-weight:bold;
	color:#32c000;
}
#contents.campaign table .cam_date {
	font-weight:bold;
	color:#f81945;
}
#contents.campaign table .moreinfo {
	font-size:10px;
	margin:0;
}

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

#footer {
	width:100%;
	padding:14px 0;
	background:url(img/footer_bg.png) repeat-x #eeeeee;
}
#footer_contents {
	width:800px;
	height:60px;
	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.index h2,
#contents.index h3,
#contents.index h4 {
	margin:0 0 10px 0;
	padding:0;
	height:auto;
	border:none;
	background:none;
}
#contents.index strong {
	color:#eb2131;
	font-weight:bold;
	font-size:18px;
}
#contents.index p {
	font-size:16px;
}
#contents.index .option {
	padding:5px;
	margin:0 0 10px 0;
	background:#eeeeee;
}
#contents.index .option ul li {
	float:left;
	margin:5px;
	display:inline;
}
#contents.index .option p {
	font-size:12px;
	margin:0 5px;
	text-align:right;
}
#contents.index .price {
	text-align:right;
	font-size:12px;
}

/* ==============================
	■オプション一覧
============================== */
#contents.option h4 { margin-bottom:10px;}
#contents.option h5 {
	margin-bottom:10px;
	font-size:16px;
}
#contents.option .potion_logo { float:left; margin-bottom:10px;}
#contents.option .caption { float:right; width:645px; padding:5px 0 5px 10px;}
#contents.option #bbphone .caption { height:50px;}
#contents.option #wirelesslan .caption { height:45px; padding:20px 0 20px 10px;}
#contents.option #whitecall .caption { height:50px;}
#contents.option #bbsecurity .caption { height:45px;}
#contents.option .description { clear:both;}
#contents.option table { margin:10px 0;}
#contents.option h5,
#contents.option table .attention {
	font-weight:bold;
	color:#eb2131;
}
#contents.option #wirelesslan .description {
	padding-right:300px;
	height:261px;
	background:url(img/description_wirelesslan.png) right top no-repeat;
}
#contents.option #whitecall .description { text-align:center;}

/* ==============================
	■プライバシーポリシー
	■会社概要･特商法
	■各CP詳細
============================== */
#contents.privacy,
#contents.tokusyo,
#contents.cam_syosai {
	font-size:12px;
}
#contents.tokusyo table,
#contents.cam_syosai table,
#contents.option table {
	border-collapse:collapse;
	width:100%;
}
#contents.tokusyo table th,
#contents.tokusyo table td ,
#contents.cam_syosai table th,
#contents.cam_syosai table td,
#contents.option table th,
#contents.option table td{
	border:1px solid #cccccc;
	padding:10px;
}
#contents.tokusyo table th,
#contents.cam_syosai table th,
#contents.option table th {
	background:#eeeeee;
}
#contents.cam_syosai table th {
	width:150px;
}
#contents.cam_syosai table {
	margin:5px 10px 10px;
	width:780px;
}
#contents.cam_syosai p {
	margin:0 10px 10px;
}

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

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

/* ==============================
	■お申し込み･お問い合わせ
============================== */
#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 .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 #ffaaaa;
	border-collapse:collapse;
}
#contents form table td {
	width:350px;
}
#contents form table th,
#contents form table td {
	padding:5px;
	border:1px solid #dddddd;
}
#contents form table th {
	background:#fff6f6;
	width:200px;
}
#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;
}


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

.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;
}