﻿@charset "utf-8";
/*==========================================================
■ふじイベントサービス
DOC:HTML5
based on ESH ekiexp standard html template
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
▽class名の命名ルール
#AAA .BBB-CCC
AAA＝各カテゴリ（フォルダ）こどに＜body＞にID指定。
BBB＝各ページのファイル名。
　　（例：index.html → index-CCC）
　　（※カテゴリ内共通の場合はallとする。→ all-CCC）
CCC＝任意の名前。文字数指定なし。
※サイト内全体の共通classは、「CCC」のみとする。
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
▽使用禁止
classXXX　（各ページ＜head＞内で指定する場合に限り使用）
==========================================================*/

*	{ font-family:'ＭＳ Ｐゴシック', Arial, sans-serif }
body	{ margin:0 ; padding:0 ; text-align:center ; font-size:16px ; color:#444444 ; background:#eeeeee ; background-image:url() ; background-position:center }
img	{ border:0 ; font-size:0 ; line-height:0 }
a	{ color:#0066ee }
a:hover	{ color:#ff0000 }
p	{ margin:0 0 1em 0 ; line-height:130% }
form	{ margin:0 ; padding:0 }


/*---------- 文字・色・配置 ----------*/
/* 文字 */
.fts-l		{ font-size:120% ; line-height:130% }	/* 大きく */
.fts-l2		{ font-size:140% ; line-height:130% }	/* より大きく */
.fts-s		{ font-size: 80% ; line-height:130% }	/* 小さく */
.fts-s2		{ font-size: 70% ; line-height:130% }	/* より小さく */
.ftw-b		{ font-weight:bold }	/* 太字 */
.ftw-n		{ font-weight:normal }	/* 標準 */
/* 色 */
.clr-w		{ color:#ffffff }	/* 白 */
.clr-r		{ color:#ff0000 }	/* 赤 */
.clr-b		{ color:#0000ff }	/* 青 */
.clr-y		{ color:#ffff00 }	/* 黄 */
.clr-g		{ color:#008000 }	/* 緑 */
.clr-k		{ color:#000000 }	/* 黒 */
.clr-0		{ color:#444444 }	/* 文字色※↑bodyで指定と同じ色 */
.clr-1		{ color:#000066 }	/* メインカラー */
.clr-2		{}	/* サブカラー */
.clr-3		{ color:#888888 }	/* 補足カラー */
/* float */
.float-l	{ float:left ; margin-right:20px }
.float-r	{ float:right ; margin-left:20px }
.clear		{ clear:both }
.float-l-pc	{ float:left ; margin-right:20px }	/* PCのみ適用 */
.float-r-pc	{ float:right ; margin-left:20px }	/* PCのみ適用 */
.clear-pc	{ clear:both }				/* PCのみ適用 */
.float-l-sp	{}	/* スマホのみ適用 */
.float-r-sp	{}	/* スマホのみ適用 */
.clear-sp	{}	/* スマホのみ適用 */
/* margin */
.mrg-a	{}
/* display */
.pc-only	{}			/* PCのみ表示 */
.pc-none	{ display:none }	/* PCのみ非表示 */
.sp-only	{ display:none }	/* スマホのみ表示 */
.sp-none	{}			/* スマホのみ非表示 */

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	.float-l-pc	{ float:none }
	.float-r-pc	{ float:none }
	.clear-pc	{ clear:none }
	.pc-only	{ display:none }
	.pc-none	{ display:inherit }
}
@media screen and (max-width: 490px) {
	.float-l-sp	{ float:left ; margin-right:20px }
	.float-r-sp	{ float:right ; margin-left:20px }
	.clear-sp	{ clear:both }
	.sp-only	{ display:inherit }
	.sp-none	{ display:none }
}

/*---------- TABLE ----------*/
/* 線0間0内5 */
table.tbl0-0-5		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 }
table.tbl0-0-5 td	{ padding:5px }
/* 線1間0内5 */
table.tbl1-0-5		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #999999 }
table.tbl1-0-5 td	{ padding:5px ; border:1px solid #999999 }
/* 線1間0内10 */
table.tbl1-0-10		{ margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #999999 }
table.tbl1-0-10 td	{ padding:10px ; border:1px solid #999999 }

/*---------- 見出し用 ----------*/
h1	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:25px ; line-height:130% ; font-weight:bold; background:url() }
h2	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:22px ; line-height:130% ; font-weight:bold }
h3	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:19px ; line-height:130% ; font-weight:bold }
h4	{ margin:0 0 1.2em 0 ; padding:0 ; font-size:16px ; line-height:130% ; font-weight:bold }
.title1	{ margin:0 0 1.2em 0 ; padding:10px 10px 10px 44px ; font-size:22px ; line-height:130% ; font-weight:bold ; color:#FFFFFF ; background-image:url(../images/base/main_title1_bg.png) ; border-top:2px solid #87540f ; border-radius:0 0 5px 5px }
.title2	{ margin:0 0 1.2em 0 ; padding:0 0 10px 0 ; font-size:22px ; line-height:130% ; font-weight:bold ; border-bottom:2px solid #663300 }
.title3	{ margin:0 0 1.2em 0 ; padding:0 0 5px 0 ; font-size:19px ; line-height:130% ; font-weight:bold ; border-bottom:1px dashed #0066ee }
.title4	{ margin:0 0 1.2em 0 ; padding:0 0 3px 0 ; font-size:16px ; line-height:130% ; font-weight:bold }


/*==========================================================
ベース
==========================================================*/

/*--------------------------------------
BASE
--------------------------------------*/
DIV#eshbase	{ margin:0 auto ; padding:0 ; width:100% ; background:#ffffff ; background-image:url() }
HEADER#eshbasehead	{ margin:0 auto ; padding:0 ; width:100% ; color:#ffffff ; background:#003399 /*#663300*/ ; background-image:url() ; background-position:bottom ; background-repeat:repeat-x ; border-bottom:1px solid #999999 }
HEADER.eshbasehead-index	{}
DIV#eshbasevisual	{ margin:0 aito ; padding:0 ; width:100% ; background:#003399 ; background-image:url(../images/base/basevisual_bg_autumn2.jpg) ; background-position:center ; background-repeat:no-repeat }
/* ↑基本basevisual_bg.jpg　春basevisual_bg_spring.jpg　夏basevisual_bg_summer.jpg　秋basevisual_bg_autumn.jpg　冬 */
DIV#eshbasemain	{ margin:0 auto ; padding:0 ; width:100% ; background:#ffffff ; background-image:url(../images/base/basemain_bg.jpg) }
FOOTER#eshbasefood	{ margin:0 auto ; padding:0 ; width:100% ; background:#eeeeee ; background-image:url() ; border-top:1px solid #999999 }

/*--------------------------------------
ヘッダー
--------------------------------------*/
DIV#eshheader	{ position:relative ; margin:0 auto ; padding:0 ; width:100% ; height:55px/* 40px */ ; max-width:950px ; font-size:90% ; text-align:left }
DIV#eshheader div.eshlogo	{ position:absolute ; top:8px ; margin:0 ; padding:0 ; max-width:450px/*画像サイズに合わせて指定*/ ; line-height:0 }
DIV#eshheader div.eshlogo img	{ max-width:100% }
DIV#eshheader div.contact	{ position:absolute ; top:0 ; right:0 ; max-width:180px }
DIV#eshheader div.contact img	{}
DIV#eshheader nav.eshnav1	{ position:absolute ; bottom:5px ; right:0 ; margin:0 ; padding:0 }
DIV#eshheader nav.eshnav1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
DIV#eshheader nav.eshnav1 li	{ margin:0 ; padding:0 ; height:15px ; line-height:15px ; text-align:center ; float:left }
DIV#eshheader nav.eshnav1 li img	{ vertical-align:middle }
DIV#eshheader nav.eshnav1 a		{ display:block ; padding:0 10px ; color:#ffffff ; text-decoration:none ; border-right:1px dotted #ffffff }
DIV#eshheader nav.eshnav1 a:hover	{ color:#ff0000 ; text-decoration:underline }
DIV#eshheader nav.eshnav1 li:first-child a	{ border-left:1px dotted #eeeeee }
DIV#eshheader nav.eshnav1 br.ulend	{ clear:left }
DIV.eshheader-index	{ padding:5px 0 ; height:20px }
DIV.eshheader-all	{}

@media screen and (max-width: 950px) {
	DIV#eshheader	{}
	DIV#eshheader div.eshlogo	{}
	DIV#eshheader div.contact	{}
	DIV#eshheader nav.eshnav1	{}
}
@media screen and (max-width: 720px) {
	DIV#eshheader	{ height:70px }
	DIV#eshheader div.contact	{}
}
@media screen and (max-width: 490px) {
	DIV#eshheader	{ height:100px }
	DIV#eshheader div.eshlogo	{ top:25px }
	DIV#eshheader div.contact	{ top:-5px }
	DIV#eshheader nav.eshnav1 li	{}
	DIV#eshheader nav.eshnav1 li img	{ max-width:100% }
	DIV#eshheader nav.eshnav1 li:first-child	{ display:none }
}


/*--------------------------------------
ヴィジュアル
--------------------------------------*/
DIV#eshvisual	{ position:relative ; margin:0 auto ; padding:0 ; width:100% ; max-width:950px ; line-height:0 ; text-align:left ; background:#222222 ; border-left:1px solid #336699 ; border-right:1px solid #336699 }
/* 下層ページ用 */
DIV#eshvisual2	{ position:relative ; margin:0 auto ; padding:0 ; width:100% ; max-width:950px/* ; height:250px */ ; line-height:0 ; text-align:left ; font-size:0 ; background:#222222 ; background-image:url(../images/base/visual_common_bg.jpg) ; background-position:center ; border-left:1px solid #336699 ; border-right:1px solid #336699 }
DIV#eshvisual2 h1	{ display:block ; position:absolute ; bottom:0 ; right:0 ; margin:0 ; padding:10px 1% ; width:98% ; font-size:40px ; height:40px ; color:#ffffff ; text-align:left ; background:#261300 ; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "ＭＳ Ｐ明朝"  }


/* ---------↓試し--------- */



/*スライダー*/

#wideslider{
	margin:0;
}

.wideslider{
	margin:0;
	z-index:1;
	position:relative;
}

.wideslider figure{
	position:relative;
	overflow: hidden;
	width:100%;
	margin:0;
}

.wideslider figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height:60px;
	background: rgba(0,0,0,.5);/*.5*/
	-webkit-transition: .3s;
	transition: .3s;/**/
	font-size:200%;
	padding-top:20px;
	padding-right:10px;
	color:#fff;
	text-align:center;
}

.wideslider figure:hover figcaption{
	bottom: 0;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom:0;
}


.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}

.wideslider .slider_prev,
.wideslider .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	/*filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;*/
}

.slider_prev {background: #ffffff url(../images/index/prev.png) no-repeat right center;}
.slider_next {background: #ffffff url(../images/index/next.png) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	border-radius:10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* ClearFixElements */

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}



/* ---------↑試し--------- */



/*--------------------------------------
メイン
--------------------------------------*/
DIV#eshmain	{ position:relative ; margin:0 auto ; padding:0 ; width:100% ; max-width:950px ; text-align:left ; background:#FFFFFF ; border-left:1px dotted #999999 ; border-right:1px dotted #999999 }
DIV#eshmain div.eshback	{ margin:30px 0 30px 0 ; font-size:80% ; text-align:right }
DIV#eshmain div.eshback a	{ padding:5px ; color:#FFFFFF ; background:#999999 ; border-radius:5px ; text-decoration:none }

@media screen and (max-width: 950px) {
	DIV#eshmain	{ border:none }
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
}


/*--------------------------------------
メイン（カラム分け）
--------------------------------------*/
/* メイン（主部）
--------------------------------------*/
DIV#eshmain-main	{ position:relative ; margin:0 auto ; padding:2% ; width:71% ; text-align:left ; background:#ffffff ; float:left }
DIV#eshmain-main address	{ margin:0 0 2em 0 ; padding:10px ; font-style:normal ; line-height:150% ; border:1px solid #999999 }
DIV#eshmain-main address div.img1	{ margin:0 20px 0 0 ; width:180px ; float:left }
DIV#eshmain-main address div.img1 img	{ width:100% }
DIV#eshmain-main address br.addressend	{ clear:left }

/* メイン（全幅）
--------------------------------------*/
DIV#eshmain-all	{ position:relative ; margin:0 auto ; padding:2% ; width:96% ; text-align:left ; background:#ffffff }
DIV#eshmain-all address	{ margin:0 0 2em 0 ; padding:10px ; font-style:normal ; line-height:150% ; border:1px solid #999999 }
DIV#eshmain-all address div.img1	{ margin:0 20px 0 0 ; width:180px ; float:left }
DIV#eshmain-all address div.img1 img	{ width:100% }
DIV#eshmain-all address br.addressend	{ clear:left }


/* サイド（右側）
--------------------------------------*/
DIV#eshmain-side	{ position:relative ; margin:0 auto ; padding:2% 2% 2% 0 ; width:23% ; text-align:left ; background:#ffffff ; float:left }
DIV#eshmain-side nav.eshnav1	{ margin:0 ; padding:0 ; background-image:url() }
DIV#eshmain-side nav.eshnav1 ul	{ margin:0 ; padding:0 ; list-style-type:none ; border-top:1px dotted #999999 }
DIV#eshmain-side nav.eshnav1 li	{ margin:0 ; padding:0 }
DIV#eshmain-side nav.eshnav1 li img	{ vertical-align:middle }
DIV#eshmain-side nav.eshnav1 a		{ display:block ; padding:5px ; text-decoration:none ; border-bottom:1px dotted #999999 }
DIV#eshmain-side nav.eshnav1 li li a	{ padding:5px 5px 5px 10px ; border-bottom:1px dotted #999999 }
DIV#eshmain-side div.banner1	{ width:100% }
DIV#eshmain-side div.banner1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
DIV#eshmain-side div.banner1 li	{ margin:0 0 15px 0 }
DIV#eshmain-side div.banner1 img	{ width:100% }
DIV#eshmain-side div.banner1 br.ulend	{}

/* カラム分けレスポンシブル対応
--------------------------------------*/
@media screen and (max-width: 950px) {
	DIV#eshmain-main	{}
	DIV#eshmain-all		{}
	DIV#eshmain-side	{}
}
@media screen and (max-width: 720px) {
	DIV#eshmain-main	{ width:96% ; float:none }
	DIV#eshmain-all	{}
	DIV#eshmain-side	{ padding:0 ; width:100% ; float:none }
	DIV#eshmain-side div.banner1	{ margin:0 1% }
	DIV#eshmain-side div.banner1 li	{ margin:0 1% 10px 1% ; width:30% ; float:left }
	DIV#eshmain-side div.banner1 br.ulend	{ clear:left }
}
@media screen and (max-width: 490px) {
	DIV#eshmain-main address div.img1	{ float:none ; width:100% }
	DIV#eshmain-all	{}
	DIV#eshmain-side div.banner1	{}
	DIV#eshmain-side div.banner1 li	{ width:47% }
	DIV#eshmain-side div.banner1 br.ulend	{}
}

/*--------------------------------------
メイン（下部）
--------------------------------------*/
DIV#eshmain-bottom	{ clear:both ; position:relative ; margin:0 auto ; padding:0 ; width:100% ; text-align:left ; background:#ffffff }

/*--------------------------------------
フッター
--------------------------------------*/
DIV#eshfooter	{ position:relative ; margin:0 auto ; padding:20px 0 ; width:100% ; max-width:950px ; font-size:90% ; text-align:left }
DIV#eshfooter nav.eshnav1	{ margin:0 0 1.2em 0 ; padding:0 }
DIV#eshfooter nav.eshnav1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
DIV#eshfooter nav.eshnav1 li	{ margin:0 0 7px 0 ; padding:0 10px ; border-right:1px solid #444444 ; float:left }
DIV#eshfooter nav.eshnav1 li:first-child	{ border-left:1px solid #444444 }
DIV#eshfooter nav.eshnav1 br.ulend	{ clear:left }
DIV#eshfooter div.eshcopyright	{ text-align:center }
DIV#eshfooter div.eshcopyright a	{ color:#444444 ; text-decoration:none }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	DIV#eshfooter nav.eshnav1 li:first-child	{ border-left:none }
}
@media screen and (max-width: 490px) {
}



/*==========================================================
サイト内共通その他
※H1,H2,H3等見出しタグ関連は上部に記載。
==========================================================*/

div.formtbl1	{ display:table ; margin:0 ; padding:0 ; width:100% }
div.formtbl1 div.tr	{ display:table-row }
div.formtbl1 div.td1	{ display:table-cell ; padding:7px 5% 7px 0 ; width:20% ; vertical-align:middle }
div.formtbl1 div.td2	{ display:table-cell ; padding:7px 0 ; width:75% ; vertical-align:middle }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	div.formtbl1	{ display:inherit ; width:100% }
	div.formtbl1 div.tr	{ display:inherit }
	div.formtbl1 div.td1	{ display:inherit ; padding:7px 1% ; width:98% ; background:#DDDDDD }
	div.formtbl1 div.td2	{ display:inherit ; padding-bottom:15px ; width:100% }
}
@media screen and (max-width: 490px) {
}

/*
nav.pagenavi	{}
nav.pagenavi ul	{}
nav.pagenavi ul li	{}
nav.pagenavi ul li:first-child	{}
nav.pagenavi a	{}
nav.pagenavi a:hover	{}
br.pagenaviend	{}
TABLE.formtbl1	{ border-collapse:collapse ; border-spacing:0 }
TABLE.formtbl1 td.td1	{}
TABLE.formtbl1 td.td2	{}
*/

/*==========================================================
トップカテゴリ　（index）
==========================================================*/

/*--------------------------------------
トップページ　[index.html]
--------------------------------------*/
/* 新サイ ト*/
div.index-banner2	{ margin:0 0 1.2em 0 ; padding:0 ; width:100% }
/* 元サイト */
div.index-banner1	{ margin:0 0 1.2em 0 ; padding:0 ; width:100% }
div.index-example-top	{ margin:0 ; padding:0 }
div.index-example-top img.img1	{ margin:0 10px 0 0 ; vertical-align:middle }
div.index-example-top span.txt1	{}
div.index-example	{ margin:0 0 1.2em 0 ; padding:10px ; line-height:130% ; border:3px solid #006600 ; border-radius:0 5px 5px 5px }
div.index-ritual-top	{ margin:0 ; padding:0 }
div.index-ritual-top img.img1	{ margin:0 10px 0 0 ; vertical-align:middle }
div.index-ritual-top span.txt1	{}
div.index-ritual	{ margin:0 0 1.2em 0 ; padding:10px ; line-height:130% ; border:3px solid #001166 ; border-radius:0 5px 5px 5px }
section.index-news	{ margin:0 0 1.2em 0 ; padding:0 ; line-height:130% }
section.index-news h1	{ margin-bottom:5px }
section.index-news ul	{ margin:0 0 1.2em ; padding:0 ; list-style-type:none }
section.index-news li	{ padding:5px 0 ; border-bottom:1px dashed #999999 }
section.index-news a	{ color:#444444 ; text-decoration:none }
section.index-news a:hover	{ color:#0066ee }
section.index-news div.img1	{ padding:0 0 1.2em 0 ; text-align:center ; border-bottom:1px dashed #999999 }
section.index-news div.img1 ul	{ display:inline ; margin:0 ; padding:0 ; list-style-type:none }
section.index-news div.img1 li	{ display:inline ; margin:0 ; padding:0 ; border-bottom:none }
section.index-news div.img1 img	{ margin:0 1% ; width:30% }

@media screen and (max-width: 950px) {
	div.index-example-top span.txt1	{ font-size:70% }
	div.index-ritual-top span.txt1	{ font-size:70% }
}
@media screen and (max-width: 720px) {
	div.index-example-top img.img1	{ margin:0 }
	div.index-example-top span.txt1	{ display:none }
	div.index-ritual-top img.img1	{ margin:0 }
	div.index-ritual-top span.txt1	{ display:none }
}
@media screen and (max-width: 490px) {
}

/*--------------------------------------
イベント設営・機材レンタル　[arrange.html]
--------------------------------------*/
div.arrange-arrange-list	{ margin:0 0 10px 0 }
div.arrange-arrange-list ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.arrange-arrange-list li	{ margin:0 15px 15px 0 ; padding:3px ; width:200px ; text-align:center ; border:1px solid #999999 ; float:left }
div.arrange-arrange-list li img	{ width:100% }
div.arrange-arrange-list br.ulend	{ clear:left }
div.arrange-example-list	{ margin:0 0 10px 0 ; padding:0 ; font-size:0 ; max-width:670px }
div.arrange-example-list ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.arrange-example-list li	{ margin:0 5px 10px 5px ; padding:0 ; width:211px ; text-align:center ; border:1px solid #999999 ; float:left }
div.arrange-example-list li img	{ width:100% ; height:100% }
div.arrange-example-list li.li1	{ width:434px ; height:328px }
div.arrange-example-list li.li2	{ width:434px ; height:329px ; float:right }
div.arrange-example-list li.li3	{ padding:10px 1.5% ; width:97% ; max-width:637px ; height:auto ; font-size:13px ; text-align:left ; background:#fff4e1 }
div.arrange-example-list li.li3 div.img	{ margin:0 2% 10px 0 ; width:48% ; float:left }
div.arrange-example-list li.li3 div.img img	{ width:100% }
div.arrange-example-list li.li3 div.txt	{ width:50% ; float:left }
div.arrange-example-list li.li3 br.liend	{ clear:left }
div.arrange-example-list br.ulend	{ clear:left }
div.arrange-rental-list	{ margin:0 0 10px 0 }
div.arrange-rental-list ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.arrange-rental-list li	{ margin:0 15px 15px 0 ; padding:3px ; width:200px ; line-height:0 ; border:1px solid #999999 ; float:left }
div.arrange-rental-list li img	{ width:100% }
div.arrange-rental-list br.ulend	{ clear:left }
div.arrange-pa-img	{ margin:0 15px 15px 0 ; padding:3px ; width:360px ; line-height:0 ; border:1px solid #999999 ; float:left }
div.arrange-pa-img img	{ width:100% }
div.arrange-pa-img-end	{ clear:left }


@media screen and (max-width: 950px) {
	div.arrange-example-list li	{ margin:0 0.9% 10px 0.9% ; width:31.1% ; border:0.1% solid #999999 }
	div.arrange-example-list li.li1	{ width:64.4% ; height:auto }
	div.arrange-example-list li.li2	{ width:64.4% ; height:auto ; float:left }
	div.arrange-example-list li.li3	{ width:94.5% ; height:auto ; border:0.1% solid #999999 }
	div.arrange-example-list li.li3 div.img	{}
	div.arrange-example-list li.li3 div.img img	{}
	div.arrange-example-list li.li3 div.txt	{}
}
@media screen and (max-width: 720px) {
	div.arrange-example-list li.li3 div.img	{}
	div.arrange-example-list li.li3 div.img img	{}
	div.arrange-example-list li.li3 div.txt	{}
}
@media screen and (max-width: 490px) {
	div.arrange-example-list li	{ width:47% }/* 47.7% */
	div.arrange-example-list li.li1	{ width:47% }/* 47.7% */
	div.arrange-example-list li.li2	{ width:47% }/* 47.7% */
	div.arrange-example-list li.li3	{ width:93% }/* 94.5% */
	div.arrange-example-list li.li3 div.img	{ float:none ; margin:0 0 10px 0 ; width:100% }
	div.arrange-example-list li.li3 div.img img	{}
	div.arrange-example-list li.li3 div.txt	{ float:none ; width:100% }
	div.arrange-rental-list li { width:40% }
	div.arrange-pa-img	{ margin:0 0 15px 0 ; padding:3px ; width:100% ; border:none ; float:none }
	div.arrange-pa-img-end	{ clear:none }
}

/*--------------------------------------
会社案内　[company.html]
--------------------------------------*/
section.company-overview	{}
section.company-overview table.table1	{ margin:0 0 1.2em 0 ; padding:0 ; width:98% ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #999999 }
section.company-overview table.table1 td	{ padding:2% ; border:1px solid #999999 }
section.company-overview table.table1 td.td1	{ width:20% }
section.company-overview table.table1 td.td2	{ width:70% }

/*--------------------------------------
施工・運営実績　[example.html]
--------------------------------------*/
div.example-photo-list	{ margin:0 0 10px 0 ; font-size:0 ; max-width:670px }
div.example-photo-list ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.example-photo-list li	{ margin:0 5px 10px 5px ; padding:0 ; width:211px ; text-align:center ; border:1px solid #999999 ; float:left }
div.example-photo-list li.li1	{ width:434px ; height:328px }
div.example-photo-list li.li2	{ width:434px ; height:329px ; float:right }
div.example-photo-list li img	{ width:100% ; height:100% }
div.example-photo-list br.ulend	{ clear:left }
section.example-example	{}
section.example-example	img	{ margin:0 15px 10px 0 ; max-width:280px ; float:left }
section.example-example br.text-end	{ clear:left }

@media screen and (max-width: 950px) {
	div.example-photo-list li.li1	{ width:211px ; height:auto }
	div.example-photo-list li.li2	{ width:211px ; height:auto ; float:left }
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
}


/*--------------------------------------
企画支援・運営サポート　[support.html]
--------------------------------------*/
div.support-select	{ margin:0 0 1.5em 0 }
div.support-select ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.support-select li	{ margin:0 10px 10px 0 ; float:left }
div.support-select a	{ display:block ; padding:10px 15px ; color:#ffffff ; text-decoration:none ; font-weight:bold ; background:#0066ee ; border-radius:5px }
div.support-select a:hover	{ text-decoration:underline }
div.support-select br.ulend	{ clear:left }
div.support-contents-list	{}
div.support-contents-list ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.support-contents-list li	{ margin:0 10px 10px 0 ; padding:8px ; font-weight:bold ; color:#ff0000 ; background:#ffeebb ; border-radius:8px ; float:left }
div.support-contents-list br.ulend	{ clear:left }


/*--------------------------------------
企画支援・運営サポート　[ritual.html]
--------------------------------------*/
hr.ritual-hr1	{ margin-bottom:1em ; border-top:1px dashed #ffffff ; border-bottom:none }
div.ritual-list1	{ padding-top:15px ; color:#ffffff }
div.ritual-list1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.ritual-list1 li	{ padding:0 ; width:49% ; float:left }
div.ritual-list1 li:nth-child(odd)	{ margin:0 2% 15px 0 }
div.ritual-list1 li:nth-child(even)	{ margin:0 0 15px 0 }
div.ritual-list1 a	{ display:block ; padding:0 ; min-height:120px ; text-decoration:none ; color:#ffffff }
div.ritual-list1 .img1	{ margin:0 10px 0 0 ; width:120px ; float:left }
div.ritual-list1 .txt1	{ margin:0 0 1em 0 ; font-size:80% }
div.ritual-list1 .txt2	{ margin:0 0 1em 0 ; font-weight:bold ; line-height:120% }
div.ritual-list1 .txt3	{ margin:0 0 0 0 }
div.ritual-list1 .txt6	{ margin:0 0 0.5em 0 ; font-size:80% ; color:#000000 }
div.ritual-list1 .txt7	{ margin:0 0 1em 0 ; font-weight:bold ; line-height:120% ; color:#0066ee }
div.ritual-list1 .txt8	{ margin:0 0 0 0 ; color:#000000 }
div.ritual-list1 .aend	{ clear:left }
div.ritual-list1 .ulend	{ clear:left }
div.ritual-list2	{ margin:0 0 10px 0 }
div.ritual-list2 ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.ritual-list2 li	{ margin:0 15px 15px 0 ; padding:3px ; width:195px ; text-align:center ; border:0 solid #999999 ; float:left }
div.ritual-list2 li img	{ width:100% }
div.ritual-list2 br.ulend	{ clear:left }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
	div.ritual-list1 li	{ width:100% ; float:none }
	div.ritual-list1 li:nth-child(odd)	{ margin:0 0 15px 0 }
	div.ritual-list1 li:nth-child(even)	{ margin:0 0 15px 0 }
}




/*==========================================================
コラム　（#column）
==========================================================*/

#column .title1	{ background-image:url(../images/base/main_column_title1_bg.png) ; border-top:2px solid #003399 }
#column .title3	{ padding-left:30px ; background-image:url(../images/base/main_column_title3_bg_common.png) }

#column DIV#eshmain-main	{ position:relative ; margin:0 auto ; padding:2% ; width:71% ; text-align:left ; background:#ffffff ; float:right }
#column DIV#eshmain-side	{ position:relative ; margin:0 auto ; padding:2% 0 2% 2% ; width:23% ; text-align:left ; background:#ffffff ; float:right }

#column DIV#eshmain-side div.div1	{ margin:0 0 30px 0 ; padding:5px 0 0 0 ; font-size:15px ; line-height:120% ; border-top:1px solid #000000 }
#column DIV#eshmain-side nav.eshnav1	{ margin:0 0 10px 0 ; padding:0 ; background-image:url() }
#column DIV#eshmain-side nav.eshnav1 ul	{ margin:0 ; padding:0 ; list-style-type:none ; border-top:1px solid #000000 }
#column DIV#eshmain-side nav.eshnav1 li	{ margin:0 ; padding:0 ; line-height:120% }
#column DIV#eshmain-side nav.eshnav1 li img	{ vertical-align:middle }
#column DIV#eshmain-side nav.eshnav1 a		{ display:block ; padding:5px 0 ; color:#444444 ; text-decoration:none ; border-bottom:1px dotted #999999 }
#column DIV#eshmain-side nav.eshnav1 a:hover	{ color:#ff0000 }
#column DIV#eshmain-side nav.eshnav1 li li a	{ padding:5px 5px 5px 10px ; border-bottom:1px dotted #999999 }
#column DIV#eshmain-side div.banner1	{ width:100% }
#column DIV#eshmain-side div.banner1 ul	{ margin:0 ; padding:0 ; list-style-type:none }
#column DIV#eshmain-side div.banner1 li	{ margin:0 0 15px 0 }
#column DIV#eshmain-side div.banner1 img	{ width:100% }
#column DIV#eshmain-side div.banner1 br.ulend	{}

/* カラム分けレスポンシブル対応
--------------------------------------*/
@media screen and (max-width: 950px) {
	#column DIV#eshmain-main	{}
	#column DIV#eshmain-all		{}
	#column DIV#eshmain-side	{}
}
@media screen and (max-width: 720px) {
	#column DIV#eshmain-main	{ width:96% ; float:none }
	#column DIV#eshmain-all	{}
	#column DIV#eshmain-side	{ padding:0 ; width:100% ; float:none }
	#column DIV#eshmain-side div.banner1	{ margin:0 1% }
	#column DIV#eshmain-side div.banner1 li	{ margin:0 1% 10px 1% ; width:30% ; float:left }
	#column DIV#eshmain-side div.banner1 br.ulend	{ clear:left }
}
@media screen and (max-width: 490px) {
	#column DIV#eshmain-main address div.img1	{ float:none ; width:100% }
	#column DIV#eshmain-all	{}
	#column DIV#eshmain-side div.banner1	{}
	#column DIV#eshmain-side div.banner1 li	{ width:47% }
	#column DIV#eshmain-side div.banner1 br.ulend	{}
}


/*--------------------------------------
記事部分
--------------------------------------*/
section.all-contents	{}
section.all-contents div.div1	{ font-size:13px ; line-height:21px }
section.all-contents h1	{ padding:10px 0 10px 30px ; font-size:22px ; line-height:30px ; border-top:1px solid #000000 ; border-bottom:1px solid #000000 ; background-image:url(../images/base/main_column_contents_h1_bg.jpg) }
section.all-contents .title3	{ padding:5px ; color:#ffffff ; background:#0945a7 ; border-bottom:none ; border-radius:5px }

/*--------------------------------------
目次部分
--------------------------------------*/
div.all-contentlist	{ margin:0 0 15px ; padding:0 }
div.all-contentlist ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.all-contentlist li	{ padding:0 ; width:49% ; float:left }
div.all-contentlist li:nth-child(odd)	{ margin:0 2% 15px 0 }
div.all-contentlist li:nth-child(even)	{ margin:0 0 15px 0 }
div.all-contentlist a	{ display:block ; padding:10px ; min-height:120px ; color:#444444 ; text-decoration:none ; border:1px dashed #999999 }
div.all-contentlist a:hover	{ color:#ff0000 ; text-decoration:underbar }
div.all-contentlist a img.img1	{ margin:0 10px 0 0 ; width:120px ; float:left }
div.all-contentlist a div.txt1	{ margin:0 0 1em 0 }
div.all-contentlist a div.txt2	{ margin:0 0 1em 0 ; font-weight:bold ; line-height:120% }
div.all-contentlist a br.aend	{ clear:left }
div.all-contentlist br.ulend	{ clear:left }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
	div.all-contentlist li	{ width:100% ; float:none }
	div.all-contentlist li:nth-child(odd)	{ margin:0 0 15px 0 }
	div.all-contentlist li:nth-child(even)	{ margin:0 0 15px 0 }
}

/*--------------------------------------
トップページ　[index.html]
--------------------------------------*/

#column section.index-content	{ margin:0 0 20px 0 ; padding:10px ; border:1px solid #888888 }
#column section.index-content ul	{ margin:0 ; padding:0 ; list-style-type:none }
#column section.index-content li	{ margin:0 0 8px 0 ; padding:0 }
#column section.index-column	{ margin:0 0 20px 0 ; padding:10px ; min-height:450px ; background-image:url(../images/column/index_column_bg.jpg) ; background-repeat:no-repeat ; background-position:bottom right ; border:1px solid #888888 }
#column section.index-column ul	{ margin:0 ; padding:0 ; list-style-type:none }
#column section.index-column li	{ margin:0 0 8px 0 ; padding:0 }
#column section.index-column a	{ background:#ffffff }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
	#column section.index-column	{ min-height:auto ; background-image:url() }
}
@media screen and (max-width: 490px) {
}


/*--------------------------------------
イベント哲学トップページ　[content.html]
--------------------------------------*/
div.content-contents2	{ margin:0 2% 15px 0 ; padding:0 ; width:49% ; float:left }
div.content-contents3	{ margin:0 0 15px 0 ; padding:0 ; width:49% ; float:left }
div.content-contents2 div.div1	{ padding:10px ; min-height:120px ; border:1px dashed #999999 }
div.content-contents2 div.div1 img.img1	{ margin:0 10px 0 0 ; width:120px ; float:left }
div.content-contents2 div.div1 div.txt1	{ margin:0 0 1em 0 }
div.content-contents2 div.div1 div.txt2	{ margin:0 0 1em 0 ; font-weight:bold ; line-height:120% }
div.content-contents2 div.div1 br.divend	{ clear:left }
div.content-contents3 div.div1	{ padding:10px ; min-height:120px ; border:1px dashed #999999 }
div.content-contents3 div.div1 img.img1	{ margin:0 10px 0 0 ; width:120px ; float:left }
div.content-contents3 div.div1 div.txt1	{ margin:0 0 1em 0 }
div.content-contents3 div.div1 div.txt2	{ margin:0 0 1em 0 ; font-weight:bold ; line-height:120% }
div.content-contents3 div.div1 br.divend	{ clear:left }
div.content-contentlist	{ margin:0 0 15px ; padding:0 }
div.content-contentlist ul	{ margin:0 ; padding:0 ; list-style-type:none }
div.content-contentlist li	{ margin:0 0 15px 0 ; padding:0 }
div.content-contentlist a	{ display:block ; padding:10px ; min-height:120px ; color:#444444 ; text-decoration:none ; border:1px dashed #999999 }
div.content-contentlist a:hover	{ color:#000044 ; text-decoration:underbar ; background:#cceeff }
div.content-contentlist a img.img1	{ margin:0 10px 0 0 ; width:120px ; float:left }
div.content-contentlist a div.txt1	{ margin:0 0 1em 0 }
div.content-contentlist a div.txt2	{ margin:0 0 0.3em 0 ; font-weight:bold ; line-height:120% }
div.content-contentlist a div.txt3	{ margin:0 0 1em 0 ; font-weight:bold ; font-size:90% }
div.content-contentlist a div.txt4	{ margin:0 0 0 0 ; font-size:80% }
div.content-contentlist a br.aend	{ clear:left }
div.content-contentlist br.ulend	{ clear:left }

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
	div.content-contentlist a div.txt3	{ margin:0 0 0 0 ; font-weight:normal }
	div.content-contentlist a div.txt4	{ display:none }
}


/*==========================================================
▲▲▲　（#▲▲▲）
==========================================================*/

@media screen and (max-width: 950px) {
}
@media screen and (max-width: 720px) {
}
@media screen and (max-width: 490px) {
}


/*^^*/