@charset "utf-8";

/*
Theme Name: beacons
Theme URI: http://www.beacons.jp/
Description: This theme is created for beacons only.
Version: 2.0
Author: beacons
*/

/* ################### 共通設定 ####################### */
*{
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
	}

body{
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	color: #666;
	line-height: 1.8;
	text-align: center;
	letter-spacing: 0.02em;
	background: url("img/bg.png") 0 0 repeat-x #000;
	font-size: 13px;
	*font-size: small;
	position: relative;
	}

ul{
	list-style-type: disc;
	padding: 0;
	}

ol{
	margin-bottom: 1em;
	}

h1,h2,h3,h4,h5,h6{
	font-size: 15px;
	font-weight: normal;
	}

h1 strong {
	font-weight:normal;
}

p{
	margin-bottom: 1.5em;
	}

em,address{
	font-weight: normal;
	font-style: normal;
	}

table{
	border-collapse: collapse;
	width: 100%;
	}
	td,th{
		border: none;
		padding: 8px 10px;
		vertical-align: top;
		text-align: left;
	}
	th{
		width:150px;
		white-space: nowrap;
	}

a{
	text-decoration: none;
	color: #e50012;
	outline: none;
	}
	a:hover{
		text-decoration: underline;
		color: #e50012;
	}

img{
	border: 0;
	vertical-align: middle;
	}

blockquote{
	margin: 20px;
	padding: 20px;
	background: #efefef;
	color: #333;
	}

option{
	padding: 2px;
	}

/* -------------------------------------------------------------main */
#wrap{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}

#contents{
	clear: both;
	padding: 30px 0 0;
}

/*ヘッダー*/
#header{
	height: 205px;
	margin-bottom: 20px;
	position: relative;
}

h1{
	text-align: left;
	line-height: 30px;
	font-size: 12px;
	color: #fff;
	}

#logo{
	background: transparent url("img/logo.png") left top no-repeat;
	width: 100%;
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 125px;
	}

#order_btn {
	position: absolute;
    right: 0;
    top: 113px;
	}
	#order_btn a {
		background: transparent url("img/order_btn.png") center top no-repeat;
		display: block;
		line-height: 35px;
		margin-right: 5px;
		text-indent: -9999px;
		width: 160px;
		font-size: 18px;
		}
		#order_btn a:hover{
			background-position: center bottom;
		}

#order_num { /* numberを画像で掲載したい場合はここに背景を適用、strong以下の調整 */
	position: absolute;
    right: 0;
    top: 30px;
	text-indent: -9999px;
	background: transparent url("img/on_bg.png") center top no-repeat;
	width: 350px;
	height: 70px;
	}
	#order_num strong{
		font-size: 42px;
		font-weight: bold;
		line-height: 40px;
	}

.gotop{
	text-align: right;
	clear: both;
	font-size: 12px;
}

/*---------------------------------------------------------------contents */
#menu{
	height: 40px;
	text-align: center;
	font-size: 15px;
	padding: 0 20px;
	/*--background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.0, #d376bd),
		color-stop(1.00, #ffc0e6)
	);
	background: -moz-linear-gradient(
		center bottom,
		#d376bd 0%,
		#ffc0e6 100%
	);
	-pie-background: linear-gradient(
		center bottom,
		#d376bd 0%,
		#ffc0e6 100%
	);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;--*/
	behavior: url("PIE/PIE.htc");
	}
	#menu li{
		float: left;
		list-style: none;
		margin-right: 20px;
		line-height: 40px;
	}
	#menu li a{
		text-decoration: none;
		color: #fff;
	}
		#menu li a:hover{
			text-decoration: underline;
			color: #fff;
		}
		#menu li a.selected{
			font-weight: bold;
			color: #fff;
		}


.in_panel{
	font-size: 15px;
	clear: both;
	margin-bottom: 50px;
}

h3.title{
	font-size: 30px;
	line-height: 50px;
	padding: 0 0 0 50px;
	text-align: left;
	font-family: "ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝",serif !important;
	background: transparent url("img/title_bg.png") no-repeat;
	color: #fff;
	margin-bottom: 10px;
	}

div.tab_top{
	text-align: left;
	font-weight: bold;
	color: #666;
	font-size: 18px;
	border-bottom: 1px solid #e50012;
	margin-bottom: 10px;
	}

div.tab_oth{
	clear: both;
	font-size: 18px;
	padding-top: 10px;
	font-weight: bold;
	color: #666;
	border-bottom: 1px solid #e50012;
	margin-bottom: 10px;
	}

.box{
	padding: 18px 25px;
	background: #fff;
	position: relative;
	border: 2px solid #e50012;;
	/*----moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 10px 1px #fdedf6;
	-webkit-box-shadow: 3px 3px 10px 1px #fdedf6;
	box-shadow: 3px 3px 10px 1px #fdedf6;---*/
	zoom: 1;
	behavior: url("PIE/PIE.htc");
	}

.box2{
	padding: 18px 25px;
	margin: 0 0 50px;
	background: #fff;
	position: relative;
	border: 2px solid #e50012;;
	/*----moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 10px 1px #fdedf6;
	-webkit-box-shadow: 3px 3px 10px 1px #fdedf6;
	box-shadow: 3px 3px 10px 1px #fdedf6;---*/
	zoom: 1;
	behavior: url("PIE/PIE.htc");
	}

.box img{
	float: right;
	position: relative;
	top: -30px;
	margin-left: 10px;
	}

.box ol{
	margin-left: 25px;
	}

.in_t{
	border: 1px solid #f3ffff;
	width: 100%;
	}

.tdl{width: 35%;}
.tdm{width: 50%;}
.tdr{width: 15%;}

ul#brss{
	font-size: 12px;
    height: 190px;
    line-height: 24px;
    padding-left: 20px;
	overflow: auto;
	color: #888;
	}

.li_right{
	text-align: right;
	list-style-type: none;
}

/* ----------------------------------------------------------footer */
#beacons{
	position: absolute;
	bottom: 3px;
	right: 4px;
	}

#beacons a{
	display: inline-block;
	margin-right: 5px;
	}
	
#footer{
	text-align: center;
	padding: 10px 0;
	font-size: 15px;
	}

#second{
	text-align: left;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	}
	
address{
	background-color: #e50012;
	text-align: center;
	color: #fff;
	}

address a{
	color: #fff;
	}

address a:hover{
	text-decoration: none;
	color: #fff;
	}

#conform{
	width: 470px;
	}
	#conform th{width: 120px;}

table tr.even{background: #f4f4f4;}
.box2 table tr.even{background: <br />
<b>Notice</b>:  Undefined variable: td_even2 in <b>/home/users/2/beacons/web/zero/ozono/style.php</b> on line <b>423</b><br />
;}

input[type="text"],textarea{
	border: 1px solid #e50012;
	width: 98%;
	font-size: 14px;
	padding: 2px 3px;
	line-height: 18px;
	}
	textarea{
		overflow: auto;
	}
	select{
		border: 1px solid #e50012;
		font-size: 14px;
		padding: 2px 3px;
		line-height: 18px;
	}

input[type="radio"],input[type="checkbox"]{
	vertical-align: middle;
	margin: 0 5px;
	}

.box_me{
	margin-top: 20px;
}	

.forbtn{
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: none;
	color: #fff;
	background:  url("img/submit.png") left top repeat-x;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	zoom: 1;
	behavior: url("PIE/PIE.htc");
	}
	.forbtn:hover{
		cursor: pointer;
		color: #fff;
		background:  url("img/submit.png") left bottom repeat-x;
	}

.right_box{
	float: right;
	width: 460px;
	}

.con_check{
	margin-bottom: 20px;
}
.con_check th{
	width: 150px;
}

/* ------------------------------ own style */
.t_menu{
	width: 520px;
	border: none;
	}

.t_menu th,.t_menu td{
	padding: 1px 10px;
	}
	
.t_menu th{
	width: 270px;
	font-weight: normal;
	}

.t_menu th.bold{
	font-weight: bold;
	}
	
.t_menu td{
	text-align: center;
	}
	
.t_menu2{
	width: 520px;
	border: none;
	}

.t_menu2 th,.t_menu2 td{
	padding: 1px 10px;
	}

.t_menu2 th{
	font-weight: normal;
	}

.t_menu2 th.bold{
	font-weight: bold;
	}
	
.t_menu2 td{
	width: 95px;
	}	

/* ------------------------------ public */
/* ---- element ---- */
.block{display: block;}
.f_left{float: left;}
.f_right{float: right;}
.clear{
	clear: both;
	}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ---- text ---- */
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.bold{font-weight: bold;}
.big{font-size: 20px; font-weight: bold; line-height: 30px;}
.small{font-size: 13px;}
.small2,small{font-size: 10px;}
.red{color: #dc143c;}

/* ---- space ---- */
.mt0{margin-top: 0;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt35{margin-top: 35px;}.mt40{margin-top: 40px;}.mt45{margin-top: 45px;}.mt50{margin-top: 50px;}.mt100{margin-top: 100px;}
.mr0{margin-right: 0;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}.mr35{margin-right: 35px;}.mr40{margin-right: 40px;}.mr45{margin-right: 45px;}.mr50{margin-right: 50px;}.mr100{margin-right: 100px;}
.mb0{margin-bottom: 0;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}.mb35{margin-bottom: 35px;}.mb40{margin-bottom: 40px;}.mb45{margin-bottom: 45px;}.mb50{margin-bottom: 50px;}.mb100{margin-bottom: 100px;}.ml0{margin-left: 0;}
.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}.ml35{margin-left: 35px;}.ml40{margin-left: 40px;}.ml45{margin-left: 45px;}.ml50{margin-left: 50px;}.ml100{margin-left: 100px;}.pt0{padding-top: 0;}
.pt5{padding-top: 5px;}.pt10{padding-top: 10px;}.pt15{padding-top: 15px;}.pt20{padding-top: 20px;}.pt25{padding-top: 25px;}.pt30{padding-top: 30px;}.pt35{padding-top: 35px;}.pt40{padding-top: 40px;}.pt45{padding-top: 45px;}.pt50{padding-top: 50px;}.pt100{padding-top: 100px;}
.pr0{padding-right: 0;}.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr20{padding-right: 20px;}.pr25{padding-right: 25px;}.pr30{padding-right: 30px;}.pr35{padding-right: 35px;}.pr40{padding-right: 40px;}.pr45{padding-right: 45px;}.pr50{padding-right: 50px;}.pr100{padding-right: 100px;}
.pb0{padding-bottom: 0;}.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb20{padding-bottom: 20px;}.pb25{padding-bottom: 25px;}.pb30{padding-bottom: 30px;}.pb35{padding-bottom: 35px;}.pb40{padding-bottom: 40px;}.pb45{padding-bottom: 45px;}.pb50{padding-bottom: 50px;}.pb100{padding-bottom: 100px;}.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl20{padding-left: 20px;}.pl25{padding-left: 25px;}.pl30{padding-left: 30px;}.pl35{padding-left: 35px;}.pl40{padding-left: 40px;}.pl45{padding-left: 45px;}.pl50{padding-left: 50px;}.pl100{padding-left: 100px;}

/* -------------------------------------------------
FancyBox - jQuery Plugin
Simple and fancy lightbox alternative

Examples and documentation at: http://fancybox.net
 
Copyright (c) 2008 - 2010 Janis Skarnelis
That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 
Version: 1.3.4 (11/11/2010)
Requires: jQuery v1.3+

Dual licensed under the MIT and GPL licenses:
http://www.opensource.org/licenses/mit-license.php
http://www.gnu.org/licenses/gpl.html
------------------------------------------------- */
#fancybox-loading {position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
#fancybox-loading div {position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('js/fancyimg/fancybox.png');}
#fancybox-overlay {position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}
#fancybox-tmp {padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap {position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}
#fancybox-outer {position: relative;width: 100%;height: 100%;background: #fff;}
#fancybox-content {width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;}
#fancybox-hide-sel-frame {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}
#fancybox-close {position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url('js/fancyimg/fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox-error {color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}
#fancybox-img {width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
#fancybox-frame {width: 100%;height: 100%;border: none;display: block;}
#fancybox-left, #fancybox-right {position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('js/fancyimg/blank.gif');z-index: 1102;display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico, #fancybox-right-ico {position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico {background-image: url('js/fancyimg/fancybox.png');background-position: -40px -30px;}
#fancybox-right-ico {background-image: url('js/fancyimg/fancybox.png');background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible; /* IE6 */}
#fancybox-left:hover span {left: 20px;}
#fancybox-right:hover span {left: auto;right: 20px;}
.fancybox-bg {position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;}
#fancybox-bg-n {top: -20px;left: 0;width: 100%;background-image: url('js/fancyimg/fancybox-x.png');}
#fancybox-bg-ne {top: -20px;right: -20px;background-image: url('js/fancyimg/fancybox.png');background-position: -40px -162px;}
#fancybox-bg-e {top: 0;right: -20px;height: 100%;background-image: url('js/fancyimg/fancybox-y.png');background-position: -20px 0px;}
#fancybox-bg-se {bottom: -20px;right: -20px;background-image: url('js/fancyimg/fancybox.png');background-position: -40px -182px; }
#fancybox-bg-s {bottom: -20px;left: 0;width: 100%;background-image: url('js/fancyimg/fancybox-x.png');background-position: 0px -20px;}
#fancybox-bg-sw {bottom: -20px;left: -20px;background-image: url('js/fancyimg/fancybox.png');background-position: -40px -142px;}
#fancybox-bg-w {top: 0;left: -20px;height: 100%;background-image: url('js/fancyimg/fancybox-y.png');}
#fancybox-bg-nw {top: -20px;left: -20px;background-image: url('js/fancyimg/fancybox.png');background-position: -40px -122px;}
#fancybox-title {font-family: Helvetica;font-size: 12px;z-index: 1102;}
.fancybox-title-inside {padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
.fancybox-title-outside {padding-top: 10px;color: #fff;}
.fancybox-title-over {position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
#fancybox-title-over {padding: 10px;background-image: url('js/fancyimg/fancy_title_over.png');display: block;}
.fancybox-title-float {position: absolute;left: 0;bottom: -20px;height: 32px;}
#fancybox-title-float-wrap {border: none;border-collapse: collapse;width: auto;}
#fancybox-title-float-wrap td {border: none;white-space: nowrap;}
#fancybox-title-float-left {padding: 0 0 0 15px;background: url('js/fancyimg/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main {color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('js/fancyimg/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right {padding: 0 0 0 15px;background: url('js/fancyimg/fancybox.png') -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancyimg/fancy_shadow_nw.png', sizingMethod='scale'); }