@charset "utf-8";

/******************************
* iPRESS cafe
******************************/

#eventbox {
	clear:both;
	/*width:696px;*/
	width:470px;
	border:solid 1px #000000;
}
* html #eventbox {
	width:472px;	
}
.eventbox_sub {
	/*margin:10px 24px;*/
	margin:10px 22px;
}
.event_l {
	float:left;
}
.event_r {
	width:400px;
	height:362px;
	font-size:12px;
	margin:5px 16px 0 20px;
	float:left;
}
.event_contents {
	width:388px;
	border-left:solid 1px #E40065;
	border-right:solid 1px #E40065;
	border-bottom:solid 1px #E40065;
	color:#E40065;
	padding:5px;
	margin:0 auto 10px;
}
.event_r .detail_l {
	width:229px;
	float:left;
}
.event_r .detail_r {
	width:161px;
	margin-left:10px;
	font-size:11px;
	line-height:140%;
	float:left;
}
.detail_title {
	border-bottom:solid 1px #000000;
	font-size:12px;
	/*margin-top:10px;*/
	padding-bottom:3px;
}
.event_txt01 {
	margin:5px auto;
}
.line01 {
	clear:both;
	border-bottom:solid 4px #231815;
}
.event_btn {
	clear:both;
	margin-bottom:25px;
	text-align:center;
}
.event_contents02 {
	width:700px;
	margin:10px 0;	
}
.event_l02 {
	width:334px;
	height:408px;
	/*margin:20px 23px 0 0;*/
	margin:20px 22px 0 0;
	float:left;
}
.event_r02 {
	/*width:343px;*/
	/*height:341px;*/
	width:344px;
	height:408px;
	font-size:12px;
	margin:20px 0 0 0;
	float:left;
}
.event_l03 {
	width:378px;
	margin-top:5px;
	float:left;
}
.event_r03 {
	width:259px;
	font-size:12px;
	margin:5px 0 0 20px;
	float:left;
}
.event_txt {
	margin:10px 0 10px 12px;
}
.event_space {
	width:657px;
	/*margin:10px auto;*/
	/*margin:10px 22px 10px 21px;*/
	margin-bottom:20px;
	padding:10px 21px 0 20px;			
}
* html .event_space {
	width:698px;
}
.event_attention {
	clear:both;
	background:url(../images/event_attention.gif) no-repeat;
	width:697px;
	height:55px;
	margin:15px 2px 0 1px;
	padding-top:10px;
	text-align:center;
	color:#E2007F;
	position:relative;
}
.event_detail {
	margin-bottom:10px;
}
.event_detail_txt {
	padding:0 0 5px;
	border-bottom:solid 1px #999999;
}
.event_detail_txt02 {
	padding:5px 0;
}
#event_top {
	clear:both;
	width:470px;
}
.event_top_sub {
	width:438px;
	margin:15px;
	text-align:left;
}
* html .event_top_sub {
	margin:15px 14px;
}
.event_head {
	width:470px;
	background:#000000;
	padding:15px 0 0;
}
.event_head_sub {
	width:438px;
	margin:0 16px;
}
.note {
	color:#FFFFFF;
	background:url(../images/note_line.gif) repeat 0px -22px;
	padding:0px 0px 3px;
}
.note p{
	line-height:22px;
}
.eventbox_l {
	width:245px;
	/*margin:10px 10px 0 0;*/
	margin:0 10px 0 0;
	float:left;
}
.eventbox_l_sub {
	height:147px;
}
.eventbox_r {
	width:183px;
	/*margin:10px 0 0 0;*/
	margin:0;
	float:left;
}
.eventbox_l02 {
	width:54px;
	margin:10px 10px 10px 0;
	border:solid 1px #1B1464;
	float:left;
}
.eventbox_r02 {
	width:364px;
	float:left;
	margin:10px 0 0 0;
}
.eventbox_txt {
	width:217px;
	float:left;
}	
.eventbox_txt01 {
	font-size:12px;
	font-weight:bold;
	/*margin-bottom:5px;*/
}
.eventbox_txt02 {
	font-size:11px;
	line-height:150%;
	/*padding-top:5px;*/
}
.eventbox_txt03 {
	font-size:12px;
	font-weight:bold;
}
.eventbox_txt04 {
	width:291px;
	font-size:11px;
	line-height:150%;
}
.event_info {
	width:470px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	margin-top:15px;
}
* html .event_info {
	width:472px;
}
.event_info_sub {
	margin:15px;
}
.event_report,
.event_report_index {
	width:470px;
}
.event_report {
	margin:15px 0 5px;
	border:solid 1px #CCCCCC;
}
.event_report_index {
	border:solid 1px #000000;
}
* html .event_report,
* html .event_report_index {
	width:472px;
}
.event_report_index_btn {
	margin:10px 0 0 0;
	text-align: right;
}
.event_report_sub {
	margin:5px 15px;
}
.repo_subtitle {
	border-left:solid 5px #000000;
	border-bottom:solid 2px #000000;
	margin-top:10px;
	padding:3px 0 3px 5px;
}
.repo_subtitle02 {
	border-left:solid 5px #000000;
	border-bottom:solid 2px #000000;
	margin-top:20px;
	padding:3px 0 3px 5px;
}
.repo_subtitle_com {
	font-size:11px;
	margin-top:3px;
	float:right;
}
.event_side_title {
	/*margin:0 15px 5px;*/
	margin:0 0 5px 0;
}
.event_side_title a {
	color:#FFFFFF;
	text-decoration:none;
}
.event_side_title a:hover {
	color:#6eac39;
	text-decoration:underline;
}
.category {
	width:160px;
	margin:0 5px 10px 15px;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	line-height:1.6;
}
.category a {
	color:#FFFFFF;
	text-decoration:none;
}
.category a:hover {
	color:#6eac39;
	text-decoration:underline;
}
.party_info {
	width:657px;
	background:#333333;
	/*margin:20px auto;*/
	margin:20px 22px 20px 21px;
	padding-bottom:15px;
	color:#FFFFFF;
}
* html .party_info {
	margin:20px 21px 20px 20px;
}
.party_info01 {
	width:607px;
	margin:5px 25px;
}
.party_info02 {
	width:607px;
	margin:20px 25px;
	text-align:center;
}
.party_txt01 {
	margin-top:10px;
}
.event_infobox {
	width:697px;
	/*margin:20px 100px 0;*/
	margin:0;
	/*padding:0 0 20px;*/
	padding:0;
	border:solid 1px #000000;
	background:#FFFDE8;
}

.event_infobox_white {
	width:697px;
	/*margin:20px 100px 0;*/
	margin:0;
	/*padding:0 0 20px;*/
	padding:0;

	background:#FFFFFF;
}

* html .event_infobox {
	width:699px;
}
.event_infobox img {
	vertical-align:bottom;
}
.event_infobox02 {
	width:709px;
	margin:0;
	padding:0;
}
.event_map {
	width:600px;
	margin:20px auto;
}
.event_present {
	width:600px;
	margin:20px auto;
	border:solid 1px #000000;
}
form {
	margin:0;
	padding:10px 0;
}
.event_collabo {
	width:661px;
	height:110px;
	/*margin:20px 100px;*/
	margin:0 16px 20px;
	border:solid 1px #999999;
	position:relative;
}
.event_collabo_txt01 {
	width:661px;
	position:absolute;
	top:63px;
	left:0px;
	text-align:center;
}
.cafe_shibuya {
	width:697px;
	height:860px;
	position:relative;
}
* html .cafe_shibuya {
	width:695px;
}

.shibuya_txt00{
	width:172px;
	position:absolute;
	top:275px;
	left:470px;
	height: 188px;
}
.shibuya_txt01 {
	width:172px;
	position:absolute;
	top:272px;
	left:471px;
	height: 188px;
}
.shibuya_txt02 {
	width:198px;
	position:absolute;
	top:611px;
	left:47px;
}
.open_present {
	width:662px;
	height:405px;
	margin:0 17px 20px;
	position:relative;
}
.open_present_txt01 {
	line-height:160%;
	position:absolute;
	top:220px;
	left:38px;
}
.event_info0912 {
	width:709px;
	height:1091px;
	margin:0;
	padding:0;
	position:relative;
}
.event_info0912 .txt01 {
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	position:absolute;
	top:925px;
	left:274px;
}

.structure{
	width:697px;
	height:410px;
}

.box_structure{
	margin:0 0;
	padding:0 0;
	width:697px;
	height:35px;
}

.box_structure_position{
	width:650px;
	padding-left:73px;
	
}

.ul_structure{
	width:620px;
	height:38px;
	margin:0 0;
	padding:0 0;
}

.li_structure{
	list-style:none;
	height:38px;
	text-align:left;
	float:left;
}


.box_rental{
	margin:0 auto;
	width:697px;
	height:171px;
	background-image:url(../images/about_rental.jpg);
	background-repeat: no-repeat;
	margin-top: 15px;
}

.box_rental2{
	margin:0 auto;
	width:697px;
	height:171px;
	background-image:url(../images/4f_bottom.jpg);
}

.txt_rental{
	margin-left:28px;
	padding-top:55px;
	width:650px;
	line-height:140%;
	font-weight:bold;
	font-size:12px;
}

.txt_rental2{
	margin-left:33px;
	padding-top:75px;
	width:630px;
	line-height:140%;
	font-weight:bold;
	font-size:12px;
}

.txt_rental3{
	margin-left:315px;
	width:345px;
	line-height:150%;
	font-weight:bold;
	font-size:14px;
}


.box_banner{
	width:697px;
	height:142px;
	background-color:#FFFFFF;
}

.box_banner_position{
	width:650px;
	margin-left:30px;
	
}

.about_rent {
	width:697px;
	margin:0;
	padding:0;
	background-image:url(../images/4f_bg.jpg);
}

.btn {
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}



/******************************
* レンタルスペースのご案内
******************************/
.rentbox {
	/*width:700px;*/
	width:698px;
	margin:0;
	padding:0;
	border:solid 2px #666666;
}
* html .rentbox {
	width:694px;
}
.rental_space {
	/*width:700px;
	height:349px;*/
	width:698px;
	height:348px;
	position:relative;
	margin-bottom:5px;
}
* html .rental_space {
	width:694px;
}
.rent_txt01 {
	width:448px;
	color:#FFFFFF;
	position:absolute;
	top:221px;
	left:31px;
}
.rent_txt02 {
	text-align:right;
	font-size:11px;
	margin:0 20px 20px;
}
.rent_txt03 {
	width: 219px;
	line-height:150%;
	position:absolute;
	top:86px;
	left:424px;
}
.rent_txt04 {
	margin:5px 0 20px;
}
.floor_map {
	margin:20px 18px;
}
* html .floor_map {
	margin:20px 16px;
}
.rent_photo {
	width:660px;
	height:129px;
	/*margin:0 20px 5px;*/
	margin:0 18px 5px;
	position:relative;
}
* html .rent_photo {
	margin:0 16px 5px;
}
.rent_price {
	/*width:656px;*/
	width:663px;
	/*margin:0 24px 20px 20px;*/
	margin:0 17px 20px;
	position:relative;
}
* html .rent_price {
	margin:0 15px 20px;
}
.rent_access {
	margin-top:5px;
	background:#000000;
	text-align:center;
}



/******************************
* 3F
******************************/
div#3f_main{
	width:697px;
	height:825px;
	margin:0 0;
	padding:0 0;
}


/******************************
* 4F
******************************/
div#4f_main{
	width:697px;
	height:504px;
	background-image:url(../images/4f_main.jpg);
	margin:0 0;
	padding:0 0;
}


/******************************
* レンタルスペース利用規約
******************************/
.article_title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

/******************************
* インデックス用　7/9追加
******************************/

#cafe-index {
	width: 697px;
	background-color: #231816;
	padding: 14px 0 14px 0;
	overflow: hidden;
	_height: 1%;
	clear: both;
}

#cafe-index img {
	vertical-align: top;
}

#cafe-index .left-float {
	padding: 0 0 0 14px;
	float: left;
}

#cafe-index .left-float p {
	color: #fff;
	margin: 0 0 10px 0;
}

#cafe-index .right-float {
	padding: 0 14px 0 0;
	float: right;
}

#cafe-index .under-photo {
	padding: 10px 0 0 16px;
	clear: both;
}