/*----------------------------
reset
------------------------------*/

*{ margin:0;padding:0; }
h1,h2,h3,h4,h5,h6,input,textarea,table { font-size:100%; }
dt,dd,form,textarea,input,select,option,address,em {
	font-weight:normal;
	font-style: normal;
}
	
td,th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	}
img{ border:none;vertical-align: baseline; }
table { border:none; }
a {	border:none;text-decoration:none; }


/*----------------------------
Option
------------------------------*/

.clear { clear:both; }
.txtR { text-align:right; }
.txtL { text-align:left; }
.txtC { text-align:center; }
.ft10 { font-size:10px;}
	
/*----------------------------
floatClearHack
------------------------------*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clear { clear:both;}

/*----------------------------
margin
------------------------------*/

/* margin-bottom */
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

/* margin-left */
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}

/* margin-right */
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

/* margin-top */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}


/*----------------------------
padding
------------------------------*/

/* padding-all */
.pAll5 {padding:5px;}
.pAll10 {padding:10px;}

/* padding-top */
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

/* padding-left */
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

/* padding-right */
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

/* padding-bottom */
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}

/*----------------------------
 Link
------------------------------*/

a:link{text-decoration: none;color: #06F;}
a:visited{text-decoration: none; color: #06F;}
a:hover{text-decoration: none;color: #F00;}
a:active{text-decoration: none; color: #F00;}


/*----------------------------
Layout
------------------------------*/

body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	font-size:12px;
	color:#222222;
	line-height:1.2;
	text-align: center;
	margin-top: 10px;
	padding-top: 0px;
	background-color:#FFF;
}
/* for IE6 */
* html body {font-size: 75%;}
/* for IE7 */
*:first-child+html body {font-size: 75%;}


#wrap {
	width:950px;
	margin: 0 auto;
}

#header h1 {
	float:left;
	width: 255px;
}
#header ul {
	list-style-type: none;
}
#header ul li{
	list-style-type: none;
}
#header .naviBox {
	float: right;
	width: 420px;
	text-align: right;
	padding-right: 20px;
}
#contents {}
#footer {
	padding-top:5px;
}



/*----------------------------
Rollover Navigation
------------------------------*/
.naviBox {
	padding-top: 20px;
}
.naviBox ul.line1 {
  width:381px;
  height: 24px;
  padding-left:39px;
  background: url(../image/navi_01.gif) no-repeat right top;
  clear: both;
}

.naviBox ul.line1 li {
 float: left;
 height: 24px;
 overflow: hidden;
}
.naviBox ul.line1 li a { display: block; }
.naviBox ul.line1 li a.stay img,
.naviBox ul.line1 li a:hover img { margin-top: -24px; }
.naviBox ul.line1 li a:hover { zoom: 1; }

.naviBox ul.line1 li.lnk01 {
	width: 52px;
}
.naviBox ul.line1 li.lnk02 {
	width: 84px;
}
.naviBox ul.line1 li.lnk02 img {
	margin-left:-52px;
}
.naviBox ul.line1 li.lnk03 {
	width:73px;
}
.naviBox ul.line1 li.lnk03 img {
	margin-left:-136px;
}
.naviBox ul.line1 li.lnk04 {
	width:108px;
}
.naviBox ul.line1 li.lnk04 img {
	margin-left:-209px;
}
.naviBox ul.line1 li.lnk05 {
	width:64px;
}
.naviBox ul.line1 li.lnk05 img {
	margin-left:-317px;
}

.naviBox ul.line2 {
  width:397px;
  height: 24px;
  padding-left:23px;
  background: url(../image/navi_02.gif) no-repeat right top;
  clear: both;
  padding-top:3px;
}

.naviBox ul.line2 li {
 float: left;
 height: 24px;
 overflow: hidden;
}
.naviBox ul.line2 li a { display: block; }
.naviBox ul.line2 li a.stay img,
.naviBox ul.line2 li a:hover img { margin-top: -24px; }
* html .naviBox ul.line2 li a:hover { zoom: 1; }

.naviBox ul.line2 li.lnk01 {
	width: 54px;
}
.naviBox ul.line2 li.lnk02 {
	width: 68px;
}
.naviBox ul.line2 li.lnk02 img {
	margin-left:-54px;
}
.naviBox ul.line2 li.lnk03 {
	width:66px;
}
.naviBox ul.line2 li.lnk03 img {
	margin-left:-122px;
}
.naviBox ul.line2 li.lnk04 {
	width:62px;
}
.naviBox ul.line2 li.lnk04 img {
	margin-left:-188px;
}
.naviBox ul.line2 li.lnk05 {
	width:87px;
}
.naviBox ul.line2 li.lnk05 img {
	margin-left:-250px;
}
.naviBox ul.line2 li.lnk06 {
	width:60px;
}
.naviBox ul.line2 li.lnk06 img {
	margin-left:-337px;
}

/*----------------------------
Index layout
-----------------------------*/

.topics {
	background-image: url(../images/back_topics.gif);
	background-repeat: no-repeat;
	padding-left: 210px;
	width: 740px;
	text-align: left;
}

/*----------------------------
Company layout
-----------------------------*/
#contents {
	margin-top: 40px;
}
#company .leftCol {
	float: left;
	width: 350px;
}
#company .rightCol {
	float: right;
	width: 565px;
	text-align: left;
	background-image: url(../company/images/line.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
}
#company h3 {
	margin-bottom: 15px;
	padding-left: 15px;
}
#company dl {
	text-align: left;
	padding-bottom: 30px;
}
#company dt {
	float: left;
	width: 7em;
	line-height: 1.8em;
}
#company dd {
	padding-left: 7em;
	line-height: 1.8em;
}
#company dd img {
	vertical-align: bottom;
}
#company h2 {
	font-weight: bold;
	font-size: 14px;
}
#policy {
	padding: 0 50px;
	text-align: left;
}
#policy h2 {
	padding-left:40px;
	margin-bottom:25px;
}
#policy .pptxt {
	background-image: url(../policy/images/line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 12px;
	padding-left: 40px;
	padding-bottom: 20px;
	line-height: 1.5em;
}
#policy .pptxt ol li {
	list-style-position: outside;
	padding-bottom:10px;
}
#policy .pptxt ol {
	margin-left:20px;
}
#sitemap {
	text-align: left;
}
#sitemap h2 {
	padding-left:100px;
}
#contentsPage {
	margin-top: 5px;
}


#contentsPage .leftCol {
	width: 420px;
	text-align:left;
	float: left;
}
#contentsPage .rightCol {
	width: 510px;
	float: right;
	padding-top: 60px;
	text-align: right;
}

#contentsPage .event {
	background-image: url(../event/images/title.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentsPage .goods {
	background-image: url(../goods/images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentsPage .rental {
	background-image: url(../rental/images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentsPage .performer {
	background-image: url(../performer/images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contentsPage .visual {
	background-image: url(../visual/images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentsPage .flow {
	width: 530px;
	float: right;
	padding-top: 20px;
}

#contentsPage .leftColDesign {
	background-image: url(../design/images/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 510px;
	float: left;
	text-align: left;
}
#contentsPage .rightColDesign {
	width: 430px;
	float: right;
	padding-top: 60px;
	text-align: right;
}


#contentsPage h2 {
	padding-left: 130px;
	padding-top: 40px;
	font-size: 18px;
	font-weight: normal;
}
#contentsPage h3 {
	padding-left: 130px;
	padding-top: 8px;
	font-size: 14px;
	color: #0C3388;
	font-weight: normal;
}
#contentsPage h4 {
	padding: 15px 0 3px 0;
}

#contentsPage .pageBox {
	padding-left: 110px;
	padding-top: 20px;
	width:295px;
	line-height: 1.5;
}

#contentsPage .leftColDesign .pageBox {
	padding-left: 130px;
	padding-top: 20px;
	width:375px;
	line-height: 1.5;
}

#contentsPage .leftflow {
	margin-top: 25px;
	background-image: url(../event/images/title_flow.gif);
	background-repeat: no-repeat;
	background-position: 70px top;
}
#contentsPage .leftflow h2 {
	padding-left: 145px;
	padding-top: 0;
	font-size: 18px;
	font-weight: normal;

}
#contentsPage .leftflow h3 {
	padding-left: 145px;
	padding-top: 20px;
	font-size: 14px;
	color: #0C3388;
	font-weight: normal;
}
#contentsPage .flowImg1 {
	clear: both;
	background-image: url(../event/images/flow_back1.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	height: 65px;
}
#contentsPage .flowImg2 {
	clear: both;
	background-image: url(../event/images/flow_back2.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	height: 65px;
}
#contentsPage .flowImg3 {
	clear: both;
	background-image: url(../event/images/flow_back3.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	height: 65px;
}
#contentsPage .flowImg4 {
	clear: both;
	background-image: url(../event/images/flow_back4.jpg);
	background-repeat: no-repeat;
	background-position: left 0;
	height: 65px;
	padding-bottom: 1px;
}
#contentsPage .flowImg5 {
	clear: both;
	background-image: url(../event/images/flow_back5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	padding-bottom: 1px;
}
#contentsPage .flowImg6 {
	clear: both;
	background-image: url(../event/images/flow_back6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;

}
#contentsPage .flowBox {
	padding-left:150px;
	padding-top: 15px;
	clear :both;
}
#contentsPage .flowBox h4 {
	text-align: left;
	padding:0;
	margin:0;
	float: left;
	width:150px;
}
#contentsPage .flowBox p {
	float: left;
	text-align: left;
}
#contentsPage .flowBox p.line2 {
	padding-top: 10px;
}
#contentsPage .flowBox p.line1 {
	padding-top: 20px;
}

#contentsPage .leftomikuji {
	width: 600px;
	text-align:left;
	float: left;
	margin-top: 25px;
	background-image: url(../goods/images/title_omikuji.jpg);
	background-repeat: no-repeat;
	background-position: 70px top;
}
#contentsPage .leftomikuji p {
	padding-left: 160px;
	padding-top: 0;

}
#contentsPage .leftomikuji h2 {
	padding-left: 160px;
	padding-top: 5px;
	font-size: 18px;
	font-weight: normal;
	padding-bottom:10px;
}

#contentsPage .rightomikuji {
	width: 310px;
	float: right;
	padding-top: 40px;
	text-align: right;
}
#contentsPage table.rentalT td {
	font-size:10px;
	text-align:right;
	padding-top:6px;
}

#contact .leftCol{
	float: left;
	padding-left:50px;
	width:150px;
	text-align:right;
}
#contact .rightCol {
	float: right;
	width:700px;
	padding-right:30px;
	text-align: left;
}
#contact .rightCol h2{
	font-size:16px;
	background:url(../contact/images/line.gif) no-repeat left bottom;
	text-align:left;
	text-indent: 1em;
	padding-bottom:5px;
}
#contact table {
	margin-top: 8px;
	margin-bottom:8px;
}
#contact table th {
	background-color: #DCDDDD;
	padding: 15px;
	width:200px;
}
#contact table th,td {
	text-align: left;
	vertical-align: middle;
	padding-left:15px;
}
#contact input {
	background:url(../contact/images/form-back.jpg) repeat-x left bottom;
}
#contact textarea {
	background:url(../contact/images/form-back.jpg) repeat-x left bottom;
}

#contact #mfp_buttons ul li {
	list-style-type: none;	
}