﻿@charset "utf-8";

/*//////////////////////////////////////////////////

Title : event.css

For   : contents area


Copyright (C)2008 Grand Marche Co., Ltd. All rights reserved.

//////////////////////////////////////////////////*/

/*--------------------------
	event、with720px
--------------------------*/

.contentInnerRight .event {
	margin: 50px 0 0 0;
	width : 720px ;
	text-align: left;
}
.event .imgR {
	float : right;
	margin: 0 8px 5px 15px;
	text-valign: right;
}
.event h1 {
	margin: 0;
	font-size: 30px;
	font-weight: bolder;
	color: #33cc99;
}
.event h2 {
	margin: 0;
	font-size: 23px;
	font-weight: bolder;
	color: #33cc99;
}
.event h3 {
	margin: 0;
	font-size: 17px;
	font-weight: bolder;
	color: #33cc99;
}
.event p {
	margin: 0 5px 4px 8px;
	font-size: 95%;
	text-valign: right;
}
.contentInnerRight .event .title {
	margin: 0;
	font-size: 20px;
	font-weight: bolder;
	color: #33cc99;
}
.contentInnerRight .event .valine15 {
	vertical-align: -12px;
}
/*--------------------------
	img50col
--------------------------*/
.contentInnerRight .event .img50col {
	clear: both;
	margin: 5px 2px 10px 50px;
	width : 610px ;
	text-align: left;
}
.contentInnerRight .event .img50col .col50L {
	float : left;
	margin: 10px 1px 0 0;
	width : 295px ;
	text-align: left;
}
.contentInnerRight .event .img50col .col50R {
	float : left;
	margin:  10px 0 0 0;
	width : 295px ;
	text-align: left;
}
/*--------------------------
	contents area_curve
--------------------------*/

#content .eventCurve {
	background:#2fbb8d; /* 角丸の色 */
	margin:10px 0;
}
#content .eventCurve p{
	margin: 0 0 0 10px;
	font-size: 95%;
	text-valign: right;
	color: #fff;
}
#content .eventCurve div.curve-head{
	font-size:1px;
	height:10px;
	background:url(../img/curve/event-left-head.gif) top left no-repeat;
}
#content .eventCurve div.curve-head div{
	font-size:1px;
	height:10px;
	background:url(../img/curve/event-right-head.gif) top right no-repeat;
}
#content .eventCurve div.curve-bottom {
	font-size:1px;
	height:10px;
	background:url(../img/curve/event-left-bottom.gif) bottom left no-repeat;
}
#content .eventCurve div.curve-bottom div{
	font-size:1px;
	height:10px;
	background:url(../img/curve/event-right-bottom.gif) bottom right no-repeat;
}

