@charset "utf-8";


/* タイトル
----------------------------------------------------*/

.submit .btn{
	/*background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);*/
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	_background:#0033cc!important;
	/background:#0033cc!important;
	background:#0033cc\9!important;
}

[class^="pagettl-"],
[class*=" pagettl-"] {
  display: inline-block;
  width: 740px;
  margin:0 auto;
  vertical-align: text-top;
  background-image: url("/elements/cttl_740_etc.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.pagettl-mob {
    background-position: 0 0px;
    height: 39px;
    line-height: 39px;
    margin-left: 20px;
}
.pagettl-mag {
  background-position: 0 -60px;
  height: 39px;
  line-height: 39px;
}
  
.pagettl-info {
    background-position: 0 0px;
    height: 39px;
    line-height: 39px;
    margin-left: 20px;
}


.pagettl-map {
  background-position: 0 -179px;
  height: 39px;
  line-height: 39px;
}
.pagettl-pol {
  background-position: 0 -238px;
  height: 39px;
  line-height: 39px;
}
.pagettl-inq {
  background-position: 0 -294px;
  height: 39px;
  line-height: 39px;
}
.pagettl-enq {
  background-position: 0 -350px;
  height: 39px;
  line-height: 39px;
}
iframe{
	border:none;
	margin:0;
}

div.mainCol [class^="maruTB-"]{
  display: block;
  width: 740px;
  margin:0 auto;
  vertical-align: text-top;
  background-image: url("/elements/td_maru.gif");
  background-repeat: no-repeat;
}

div.mainCol div.maruTB-top{
margin:10px auto 0 auto;
height:15px;
background-position:0 0;
background-repeat: no-repeat;
}
div.mainCol div.maruTB-bot{
margin:0 auto;
height:20px;
background-position:0 -15px;
background-repeat: no-repeat;
}
div.mainCol div.td_kage{
display: block;
width: 740px;
margin:0 auto;
text-align:center;
}

/* iframe
-------------------------------*/
.IFR{
	margin:0 auto;
	display:block;
}


/* モバイル＆スマホサイト紹介用
----------------------------------------------------*/
.mobilesite_info{
}

.smpimg{
	margin:0 auto;
	width:700px;
	height:420px;
	background: url("/elements/smartphone_img.jpg") no-repeat center top;
}
.smread {
	width: 550px;
	margin: 8px auto 32px;
}
.mobileframe{
	margin:0px auto;
	width:700px;
	height:420px;
	background: url("/elements/mobile_img.jpg") no-repeat center top;
}

div.td_kage iframe.ifmobilewin{
	width:266px;
	height:480px;
	border:1px solid #999;
	margin:100px auto 0 130px;
}

/* 	メルマガ
------------------------------------------------------------------*/

#cbzFormRegist input[type="text"]	{
	padding:3px;
	width:280px;
}
#cbzFormChange input[type="text"]	{
	padding:3px;
	width:280px;
}
#cbzFormDelete input[type="text"]	{
	padding:3px;
	width:280px;
}
.magformwaku{
width:540px;
margin:30px auto;
padding:6px 0px 0px 0px;
background:url(/common_new/mag01/images/head.jpg) no-repeat top center;
text-align:center;
font-size:small;
}

.magttl{
margin:0px auto 15px;
color:#FFF;
font-size:small;
text-align:left;
}
.magttl2{
margin:20px 10px;
text-align:center;
font-size:medium;
}
.subttl{
background:#FF6600 url(/common_new/mag01/images/title.jpg) no-repeat right bottom;padding:4px 30px 5px 10px;
}
.formtbl{
margin:1px auto;
width:85%;
text-align:left;
}

.submitbtn{
background:url(/common_new/mag01/images/bottom.jpg) no-repeat center bottom;
padding-bottom:20px;
text-align:center;
}
.submitbtn img{
margin:0 0 0 -20px;
}
.font13{
	font-size:13px;
}
#mobileframe{
	width:270px;
	height:330px;
	background:;
	z-index:5;
	position:absolute;
	top:256px;
	left:174px;
}
#mobileframe iframe{
	width:266px;
	height:340px;
	border:1px solid #999;
}

/* お知らせ
-----------------------------------------------------------*/
[class^="infoPagettl-"],
[class*=" infoPagettl-"] {
  display: inline-block;
  width: 540px;
  height: 35px;
  line-height: 35px;
  margin:10px 0 0 60px;
  vertical-align: text-top;
  background-image: url("../img/infopage_ttl.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
}

.infoPagettl-enq {
  background-position: 0 0px;
}
.infoPagettl-shopown {
  background-position: 0 -50px;
}
.infoPagettl-user {
  background-position: 0 -100px;
}
.infoPagettl-form {
  background-position: 0 -150px;
}
.infoPagettl-manage {
  background-position: 0 -200px;
}
.infoPagettl-taiken {
  background-position: 0 -250px;
}
.infoPagettl-lg {
  background-position: 0 -300px;
}
.infoPagettl-reg {
  background-position: 0 -350px;
}
.infoPagettl-fmttl {
  background-position: 0 -400px;
}
.infoPagettl-rec {
  background-position: 0 -450px;
}

.infoTD{
	padding:20px;
	display: block;
	margin:0px 0px 60px 0px;
	text-align:left;
	font-size:13px;
}

.infoTD .wht{
	color:#fff;
}

.td_kage div{
	text-align:left;
	padding:0 0 0 40px;
	line-height:150%;
}

.infoTD span{
	color:#ff3300;
}

.infoTD span.emph{
	color:#ff3300;
	font-size:14px;
	font-weight:bold;
	padding:0;
	line-height:22px;
}

div.inq{
	height:80px;
}

div.inq p{
	width:270px;
	float:left;
	margin:1px;
	padding:2px;
}

div.inq p span.itm{
float:left;
width: 50px;
height:20px;
background-color:#e5e5e5;
margin:0;
padding: 2px;
text-align: center;
color:#333333;
font-size:10px;
line-height:120%;
border:1px dotted #999999;
}
div.inq p span.infotxt{
float:left;
width: 200px;
height:20px;
background-color:#ffffff;
margin:0px 2px 2px 2px;
padding: 2px;
text-align: left;
color:#333333;
font-size:12px;
line-height:120%;
border-bottom:1px dotted #999999;
}

.toiawaseframe{
  display: block;
  width: 100%;
  height:640px;
  margin:0 auto;
}

.reportframe{
  display: block;
  width: 100%;
  height:500px;
  margin:0 auto;
}

.enqframe{
  display: block;
  width: 100%;
  height: 550px;
  margin:0 auto;
}
.commentframe{
  display: block;
  width: 100%;
  height:340px;
  margin: 0 0 60px 0;;
}


td.work_item{
width:120px;
background-color:#e5e5e5;
margin:0;
padding: 2px;
text-align: center;
color:#333333;
font-size:12px;
line-height:120%;
border:1px dotted #999999;
}

td.job_content{
width: 450px;
margin:2px;
padding:5px;
text-align:left;
color:#333333;
font-size:12px;
line-height:1.6;
border-bottom:1px dotted #999999;
}


/* お問い合せ
-----------------------------------------------------------*/

div.contpower {
	margin: 20px auto;
	text-align: center;
}

div.inqInner {
	margin: auto 20px;
	padding: 8px;
}
div.goldInner {
	margin: auto 25px 10px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #eee8aa;
}
div.goldInner p {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 280px;
	margin: 0 1px !Important;
	font-weight: bold;
	font-size: 14px;
}
div.goldInner p img {
	display: block;
}
h6.inqHeading {
	margin: 10px 30px 0;
	font-size: 17px;
	line-height: 27px;
	color: #ffffff;
	background-color: #ff7200;
	border: 1px solid #da3902;
	border-radius: 8px;
/* Webkit */
	background: -webkit-gradient(linear,left top,left bottom,from(#ff7200),to(#da3902));
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 1px 1px 1px #820003;
/* Firefox */
	background: -moz-linear-gradient(top,#ff7200,#da3902);
	-moz-border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #820003;
/* IE */
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7200,endColorstr=#da3902); zoom: 1;
}
h6.roundHeading {
	border-radius: 8px 8px 0 0;
/* Webkit */
	background: -webkit-gradient(linear,left top,left bottom,from(#ff7200),to(#da3902));
	-webkit-border-radius: 8px 8px 0 0;
	-webkit-box-shadow: 1px 1px 1px #820003;
/* Firefox */
	background: -moz-linear-gradient(top,#ff7200,#da3902);
	-moz-border-radius: 8px 8px 0 0;
	-moz-box-shadow: 1px 1px 1px #820003;
/* IE */
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff7200,endColorstr=#da3902); zoom: 1;
}
ul.contentsGuide {
}
ul.contentsGuide li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: auto;
}
ul.contentsGuide li img {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 120px;
	vertical-align: top;
	border: 2px solid #999999;
}
ul.contentsGuide li div {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 100％;
	margin: 5px;
	vertical-align: top;
}
ul.contentsGuide li div span {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #ff3399;
	border-bottom: 1px dotted #999999;
}
div.guidance {
	margin: 8px auto;
	text-align: center;
	font-size: 12px;
	color: #666666;
}
div.guidance a {
	display: block;
	width: 70%;
	margin: auto;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	color: #ffffff;
	background-color: #dc143c;
	border: 1px solid #820003;
	border-radius: 8px;
/* Webkit */
	background: -webkit-gradient(linear,left top,left bottom,from(#dc143c),to(#820003));
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 1px 1px 1px #820003;
/* Firefox */
	background: -moz-linear-gradient(top,#dc143c,#820003);
	-moz-border-radius: 8px;
	-moz-box-shadow: 1px 1px 1px #820003;
/* IE */
	filter : progid:DXImageTransform.Microsoft.gradient(startColorstr=#dc143c,endColorstr=#820003); zoom: 1;
}
div.guidance a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
div.runFlow {
}
div.runFlow span {
	display: block;
	margin: 4px auto;
	font-size: 14px;
	font-weight: bold;
	color: #ff3399;
	border-bottom: 1px dotted #999999;
}

div.runFlow div {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	padding: 8px;
}
div.runFlow div.flowimg {
	width: 130px;
}


div.mospImg {
	margin: 15px auto 10px;
}
div.mospImg p {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #ff3399;
}
div.mospImg img {
	display: block;
}

/* 衛星サイト
----------------------------------------------------*/
.Satellite{
	margin: 15px auto auto;
	padding: 0!important;
	text-align: center;
}

.Satellite ul{
	margin: 0;
	padding: 0;
}
.Satellite li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 280px;
	margin: 2px;
	padding: 2px;
	line-height:100%;
	font-size:11px;
	color:#333;
	background-color: #f7f5f5;
}
[class^="rsite_icon-"],
[class*=" rsite_icon-"] {
  display: block;
  width: 200px;
  height: 50px;
  line-height:16px;
  padding:2px 2px 2px 56px;
  /*margin-top:5px;*/
  vertical-align: text-top;
  background-image: url("../top/site_icon.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-decoration: none!important;
  color:#666!important;
}
.rsite_icon-sm {
  background-position: 0 0px;
}
.rsite_icon-soap {
  background-position: 0 -100px;
}

.rsite_icon-deli {
  background-position: 0 -200px;
}

.rsite_icon-hitoduma {
  background-position: 0 -300px;
}

.rsite_icon-hotel {
  background-position: 0 -400px;
}

.rsite_icon-hako {
  background-position: -300px 0px;
}

.rsite_icon-esthe {
  background-position: -300px -100px;
}

.rsite_icon-ibaraki {
  background-position: -300px -200px;
}

.rsite_icon-kanagawa {
  background-position: -300px -300px;
}

.rsite_icon-chiba {
  background-position: -300px -400px;
}

.rsite_icon-saitama {
	background-position: 0 -495px;
}

.Satellite li a span{
	text-decoration: underline!important;
	color:#0033cc;
	font-size:13px;
	display: block;
	margin: auto auto auto 0;
}
.Satellite li a:hover span{
	color:#FF3200!important;
}




.td_kage div.ttl{
	font-size:15px;
	color:#000099;
	font-weight:bold;
	width:550px;
	margin:0 auto 5px auto;
	padding: 0 0 0 10px!important;
	text-align:left;
	border-left:5px solid #000099;
}


.td_kage table{
	margin:0 auto 5px 45px;
}

#inqform{
		margin:0 auto;
		padding-top:10px;
		text-align:left;
		font-size:13px;
		
}
#inqform fieldset{
		margin:0;
		padding:0;
		border:none;
		float:left;
		display:inline;
		width:340px;
		margin-left:25px;
}
#inqform legend{display:none;}
#inqform p{margin:.5em 0;line-height:24px;}
#inqform label{display:block;}
#inqform label.aka{color:#ff0000;}
#inqform label.ao{color:#000099;}
#inqform label.pink{color:#cc00cc;}

#inqform label strong{color:red;}

#inqform input, #inqform textarea{
		width:310px;
		border:1px solid #b1b1b1;
		background:#fff url(../../inq/images/form_input.gif) repeat-x;
		padding:3px;
}
#inqform input.radBT{
		width:auto!important;
		border:none;
		margin : 0 5px 0 5px ;
		padding:0!important;
}


#inqform textarea{
		height:125px;
		overflow:auto;
}

#inqform textarea.spread{
		height:160px;
		overflow:auto;
}
#inqform p.submit{
		clear:both;
		padding:0;
		margin:0;
}	
#inqform p.submit button{
		color:#fff;
		cursor:pointer;
		text-align:center;
		margin : 0 0 0 35px;
		padding:5px 25px;

}

.nen{ color:#ff3399;font-weight:bold; }

p.ques{
	color:#ff3399;
	font-weight:bold;
	line-height:100%;
	margin: 10px;
	padding: 10px;
	text-align:left;
	font-size:14px;
}
p.ans{
	color:#000;
	line-height:130%;
	margin: 10px;
	padding: 10px;
	text-align:left;
	border-bottom:2px dotted #cd0600;
}

.prettlgif{
	width:700px;
	height:28px;
	margin:5px auto;
	font-size:12pt;
	font-weight:900;
	color:#ff3300;
	background:url(../../ticket-pre_form/images/present.gif) no-repeat 0 0;
}
.prettl{
	width:640px;
	margin:5px auto 0;
	text-align:center;
	font-size:12pt; font-weight:900;color : #ff3300;
	border-bottom: 1px solid #ff3300;
}
.prettl2{
	width:640px;
	height:10px;
	margin:0 auto;
	border-left: 1px solid #ff3300;
}

table.ticket-pre_formtable{
	width:640px;
	margin:0 auto;
	border-left:1px solid #ff3300;
}

td.formitem{
	width:200px;
	padding:10px 5px;
	font-size:13px;
	background:#eee;
 }

td.entryfield{
	width:400px;
	padding:10px;
}

td.entryfield input.fmbt,td.entryfield textarea.fmbt{
	width:300px;
	padding:5px;
}

.blackbar{
	font-size:12pt;
	color:#fff;
	font-weight:bold;
	background:#232323;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
          border-radius: 9px;
	behavior: url(/common/css/ie-css3.htc);
	padding:4px 3px 4px 12px;
	width:176px;
	margin:0 0 0 30px;
	text-align:center;
}

.errorTxt{ 
	color:#ff0000;
	font-weight:bold;
	font-size:14px;
}


/*----------------------------------------------------*/
.back-top {
	position: relative;
	width: 100%;
	height: 30px;
	}
.back-top a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 80px;
	height: 30px;
	background: url(../img/uptop.gif) no-repeat;
	background-position: 0 0;
	}
.back-top a:hover {
	background-position: 0 -30px;
	}

/*fpack banner*/
.fpack-banner {
	text-align: center;
  background-color: #f5f6f7;
}
.fpack-banner a {
  display: block;
	margin: auto auto 20px;
  text-decoration: none;
}
.fpack-banner a img {
  height: auto;
  max-width: 100%;
  background: url(../img/uptop.gif) no-repeat;
}

.Heading_3 {
	color: #003366;
	font-weight: bold;
	margin: 4px 0 10px 0;
	padding: 4px 8px;
	font-size: 14px;
	border-left: 5px solid #003366;
}

#contents {
	background: #fff;
	padding: 5px;
	border: 1px solid #e3e3e3;
}

.mailimg {
	margin:0 auto 20px auto;
	text-align: center;
}
/* EOF */