@charset "utf-8";
@import url("common.css");

/*==========================================================*/
/* header */

div#header_area{
	background:#FFF;
}
div#header_area div{
	width:960px;
	height:70px;
	/*padding:10px 0 0;*/
	margin:0 auto;
	/*background:url(../img/common/logo.jpg) no-repeat left;*/
}
.header_login{
	position:relative;
	float:right;
	top:20px;
}
h1{
	float:left;
	font-size:0;
	margin:15px 0 0;
}
h1 span{
	visibility:hidden;
}

/*==========================================================*/
/* top-contents */

div#contents_area{
	background:#ECF4E5;
}
div#contents_area #center_area{
	width:960px;
	margin:0 auto;
	padding:20px 0 0;
}
/* news */
div#center_area #top_news{
	background:url(../img/common/bg_top_news.gif) no-repeat;
	width:960px;
	height:40px;
}
/*div#center_area #top_news p{
	position:relative;
	left:265px;
	top:13px;
	width:680px;
	font-size:70%;
	color:#458F00;
	line-height:1.4;
	letter-spacing:normal;
}*/
div#center_area #top_news #text_box{
	position:relative;
	left:265px;
	top:13px;
	width:670px;
	font-size:70%;
	color:#458F00;
	line-height:1.4;
	letter-spacing:normal;
}
div#center_area #top_news #text_box #news_area a{
	color:#333;
	margin-right:2em;
}
div#center_area #top_news #text_box #news_area{
	width:670px;
	color:#458F00;
}

/*==========================================================*/
/* main-contents */

/* main */
div#page_maincontent{
	width:960px;
	margin:20px 0;
	clear:both;
}
/* side */
div#side_area{
	width:240px;
	float:left;
	margin:0 0 20px;
}
/* text-area */
div#text_area{
	width:700px;
	float:right;
	text-align:left;
}
div.text_area_in{
	background:#FFF;
	width:670px;
	padding:15px;
	margin:0 0 25px;
	text-align:center;
}
div#text_area p{
	line-height:1.5;
	letter-spacing:0.1em;
	text-align:left;
}

p.page_title_head{
	font-size:140%;
	font-weight:bold;
	margin-bottom:20px;
	width:680px;
}

/*==========================================================*/
/* deco */

p.page_title{
	border-top:4px #458F00 solid;
	font-weight:bold;
	font-size:120%;
	padding:8px 0 5px 17px;
	color:#458F00;
	width:680px;
	background:url(../img/common/icon_heart.gif) no-repeat left;
}

/*==========================================================*/
/* left-contents */

/* menu */
ul.menu{
	width:240px;
	height:430px;
	_zoom:1;
	overflow:hidden;
	float:left;
	list-style:none;
	line-height:0;
	* margin:0 0 20px;
}
ul.menu li{
	margin:0 0 5px;
	/*margin:0 0 10px;*/
	vertical-align:bottom;
}
/* collection */
div#collection_area{
	background:#C7DDB2;
	float:left;
	width:240px;
	margin:0;
	padding:0;
}
.mail_magazine{
	margin:10px 0 0 14px;
}
div#collection_area ul{
	width:200px;
	list-style:none;
	line-height:0;
	margin:15px 0 0 20px;
}
div#collection_area ul li{
	margin-bottom:10px;
}
.qr{
	margin:5px 0 15px 20px;
}

/*==========================================================*/
/* pr-link */

div#banner_area{
	width:1000px;
	clear:both;
	margin-top:20px;
}
div#banner_area02{
	width:1000px;
	clear:both;
	margin-top:20px;
}
.banner_title{
	position:relative;
	left:-15px;
	float:left;
}
div#banner_area ul.banner_list{
	list-style:none;
}
div#banner_area ul.banner_list li{
	float:left;
	margin:0 10px 0 0;
}

div#banner_area02 ul.banner_list{
	list-style:none;
}
div#banner_area02 ul.banner_list li{
	float:left;
	margin:0 10px 0 0;
}

div#banner_area02 h3{
	font-weight:bold;
	font-size:0.9em;
	margin:10px 0;
}

/*==========================================================*/
/* footer */

div#footer_area{
	background:#FFF;
	height:190px;
}
div#footer_area div{
	width:960px;
	padding:10px 0 0;
	margin:0 auto;
}
div#footer_area .pagetop{
	position:relative;
	top:-30px;
	left:840px;
}
p.footer_text{
	width:355px;
	font-size:75%;
	text-align:left;
	float:left;
	line-height:1.4;
}
p.copy{
	font-weight:bold;
	color:#458F00;
	float:right;
}

/*==========================================================*/
/* another */

.m_b10{
	margin-bottom:10px;
}
.m_b20{
	margin-bottom:20px;
}
.m_b30{
	margin-bottom:30px;
}
.m_t10{
	margin-top:10px;
}

/*==========================================================*/
/* 20110926eventuser*/

ul#event_flow{
	background:#fff;
	margin-bottom:20px;
}

ul#event_flow li{
	border:1px solid #458F00;
	float:left;
	text-align:center;
	width:348px;
}

ul#event_flow li a{
	background:url(../img/common/icon_heart.gif) no-repeat 95% 50%;
	display:block;
	font-weight:bold;
	padding:9px;
	text-decoration:none;
}

ul#event_flow li a:hover,ul#event_flow li.selectmenu{
	background:#458F00;
	color:#fff;
	display:block;
	font-weight:bold;
	padding:9px;
	text-decoration:none;
}

ul#event_flow li.selectmenu{
	width:330px;
}

div.eventuser{
	text-align:left;
}
div.eventuser h4{
	font-weight:bold;
	font-size:100%;
	margin:15px 0 5px;
	color:#458F00;
}

div.eventuser li{
	line-height:1.7;
}

div#tyuui{
	border:1px dotted #458f00;
	background:#FDFBEE;
	margin-bottom:15px;
	padding:9px;
}

div#tyuui dt,div#tyuui dd{
	line-height:1.7;
}
div#tyuui dl{
	margin-left:1.5em;
}
div#tyuui dt{
	font-size:110%;
	font-weight:bold;
}

div#tyuui dd{
	margin-left:1.5em;
	margin-bottom:10px;
}
ul#flow li{
	background:url(../mechanism/img_eventuser/allow_green.gif) no-repeat bottom center;
	font-size:110%;
	margin-bottom:10px;
	padding-bottom:30px;
}

ul#flow li.last{
	background:none;
	padding-bottom:0;
}

ul#flow li ul{
	margin-left:1.5em;
	margin-bottom:15px;
}
ul#flow li li{
	background:none;
	margin-bottom:0;
	font-size:120%;
	padding-bottom:0;
}
ul#flow li h5{
	border-bottom:1px solid #458F00;
	color:#458F00;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:2px;
}

ul#flow li p{
	margin-left:1.5em;
	margin-bottom:1em;
}
img.start{
	float:left;
	margin-right:15px;
	border:1px solid #ccc;
	padding:4px;
}
div.img_sample{
	text-align:center;
	margin-bottom:15px;
}