/*----------------------------------------------------
index css for passionCellar


----------------------------------------------------*/

/* common ------------------------------------------*/

#main {
	padding-bottom: 30px;
}

p {
	margin: 0px;
}
/* basic -------------------------------------------*/

#global {
	height: 84px;
	background: url("/images/index_global_bg.gif") repeat-x;
}

#global ul {
	width: 950px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

#global ul li {
	float: left;
}

#flashcontent {
	width: 950px;
	margin: 0 auto 20px;
}

.mainimg {
	width: 950px;
	margin: 0 auto 20px;

}

#main .left {
	float: left;
	width: 530px;
}

#main .right {
	float: right;
	width: 400px;
}


/* campaign ----------------------------------------*/

.campaign {
	width: 520px;
	margin-top: 30px;
	padding-left: 10px;
	background: url("/images/index_campaign_bg.gif") repeat-y;
}

.campaign h2 {
	float: left;
	width: 110px;
	height: 60px;
	background: url("/images/index_campaign_title.gif") no-repeat;
}
/*
.campaign h3 {
	width: 305px;
	height: 14px;
	background: url("/images/index_campaign_text.gif") no-repeat;
}
*/
.campaign .thumb {
	float: left;
}

.campaign .text {
	float: left;
	width: 305px;
	margin-left: 15px;
	padding-bottom: 5px;
	line-height: 140%;
}

.campaign .text .title {
	/*margin-top: 5px;*/
	font-weight: bold;
}

.campaign .text .date {
	font-size: x-small;
	font-weight: bold;
}

.campaign .text a:link { color: #444444; }
.campaign .text a:visited { color: #444444; }
.campaign .text a:hover { color: #FF6600; }
.campaign .text a:active { color: #FF6600; }

.campaign-more {
	text-align: right;
}


/* report ----------------------------------------*/

.report {
	width: 520px;
	margin-top: 30px;
	padding-left: 10px;
	background: url("/images/index_campaign_bg.gif") repeat-y;
}

.report h2 {
	float: left;
	width: 110px;
	height: 30px;
	background: url("/images/index_report_title.gif") no-repeat;
}

.report .thumb {
	float: left;
}

.report .text {
	float: left;
	width: 305px;
	margin-left: 15px;
	line-height: 140%;
}

.report .text .title {
	margin-top: 5px;
	font-weight: bold;
}

.report .text .date {
	font-size: x-small;
	font-weight: bold;
}

.report .text a:link { color: #444444; }
.report .text a:visited { color: #444444; }
.report .text a:hover { color: #FF6600; }
.report .text a:active { color: #FF6600; }

.report .vineyard {
	float: right;
	width: 410px;
}

.report .vineyard h3 {
	width: 305px;
	height: 25px;
	background: url("/images/index_report_vineyard_text.gif") no-repeat;
}

.report .mariage {
	float: right;
	width: 410px;
	margin-top: 25px;
}

.report .mariage h3 {
	width: 305px;
	height: 25px;
	background: url("/images/index_report_mariage_text.gif") no-repeat;
}


/* news ------------------------------------------*/

.news {
	width: 520px;
	margin-top: 40px;
	padding-left: 10px;
	background: url("/images/index_campaign_bg.gif") repeat-y;
}

.news h2 {
	float: left;
	width: 110px;
	height: 50px;
	background: url("/images/index_news_title.gif") no-repeat;
}

.news ul {
	float: left;
	width: 410px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.news ul li {
	padding: 4px 0;
	border-bottom: 1px dotted #DDDBD4;
}

.news ul li img {
	vertical-align: middle;
}

/*
.news ul li .date,
.news ul li .title {
	margin-left: 10px;
}
*/
.news ul li img{
	margin-left: 10px;
}

.news a:link { color: #444444; }
.news a:visited { color: #444444; }
.news a:hover { color: #FF6600; }
.news a:active { color: #FF6600; }


/* logout（ログイン前） ----------------------------*/

.logout {
	position: relative;
	width: 400px;
	height: 120px;
	margin-top: 15px;
	background: url("/images/index_logout_bg.gif") no-repeat;
}

.logout .regist {
	position: absolute;
	top: 30px;
	right: 15px;
}

.logout dl {
	position: absolute;
	top: 80px;
	left: 15px;
}

.logout dl dt,
.logout dl dd {
	float: left;
	margin: 0;
	padding: 0;
}

.logout dl input {
	width: 80px;
	font-size: x-small;
}

.logout .btn {
	position: absolute;
	top: 75px;
	right: 20px;
}


/* login（ログイン後） -----------------------------*/

.login {
	position: relative;
	width: 400px;
	height: 105px;
	margin-top: 30px;
	color: #FFFFFF;
	background: url("/images/index_login_bg.gif") repeat-x;
}

.login .login-title {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 200px;
	font-size: 16px;
}

.login .btn {
	position: absolute;
	top: 30px;
	right: 20px;
}

.login-footer {
	clear: both;
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #BEB09E;
	text-align: right;
}

.login-footer img {
	vertical-align: middle;
}

.login-footer .banner {
	margin-left: 20px;
}

/* search ------------------------------------------*/

.search {
	position: relative;
	width: 400px;
	height: 175px;
	margin-top: 35px;
	background: url("/images/index_search_bg.gif") no-repeat;
}

.search ul {
	position: absolute;
	top: 80px;
	left: 11px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.search ul li {
	float: left;
	margin: 0 4px;
}