@charset "EUC-JP";

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼お知らせ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#top_information {
	position: relative;
	width: 800px;
	margin: 10px 0;
	overflow: hidden;
}

#top_information p.top_information {
	border: 1px solid #ff6666;
	padding: 10px;
	background-color: #ffe2e2;
}

#top_information p.top_information a {
	color: #cc0000;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼メインビジュアル
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#main_topic {
	position: relative;
	width: 800px;
	margin-bottom: 10px;
	overflow: hidden;
}

#main_image {
	float: right;
	width: 580px;
	height: 241px;
	border: none;
}

#main_menu {
	float: left;
	width: 798px;
	border: 1px #CCCCCC solid;
	text-align: left;
}

#main_menu ul {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#main_menu ul li {
	float: left;
	display: block;
	margin: 5px 10px 5px 5px;
	font-weight: bold;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼サブメニュー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#sub {
	position: relative;
	width: 800px;
	text-align: left;
	background: none;
	overflow: hidden;
}

html>/**/body #sub {
	position: relative;
	width: 800px;
	text-align: left;
	background: url(../image/toppage/search_background.jpg) no-repeat top left;
	overflow: hidden;
}

#search {
	float: left;
	width: 241px;
	padding: 8px 0;
	text-align: center;
	border: none;
}

#search input {
	border: none;
	width: 220px;
	font-size:16px;
	font-weight: bold;
	color: #59524f;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

html>/**/body #search input {
	border: none;
	width: 200px;
	font-size:18px;
	font-weight: bold;
	color: #59524f;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

#search form {
	border: 0;
	width: 200px;
}

#search_btn {
	float: left;
	border: none;
	width: 56px;
	height: 40px;
}

#sub_menu {
	float: right;
	width: 490px;
	text-align: right;
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼左メニュー トップページのみ10px
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#left_menu {
	margin-right: 10px;
}


/*コメント一覧*/
#lside_comment {
	float: left;
	width: 180px;
	overflow: hidden;
	background: url(../../image/toppage/side_middle.jpg) no-repeat top left;
	text-align: center;
}
#lside_comment_title {
	width: 180px;
	text-align: center;
}

#lside_comment_contents {
	width: 140px;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#lside_comment_contents ul li {
	border-bottom: 1px #666666 dashed;
	padding: 5px 0;
}

#lside_comment_contents .product_img {
	margin-bottom: 5px;
	display: block;
}

#lside_comment_contents .line {
	margin: 10px 0 10px 0;
	display: block;
}

#lside_comment_bottom {
	width: 180px;
	margin-top: 20px;
	text-align: center;
	margin-bottom: 20px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼中央コンテンツ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#center_contents {
	float: left;
	width: 420px;
	text-align: left;
}


#member_new_entry {
	float: left;
	width: 420px;
	background: url(../../image/toppage/member_contents_bg.jpg) no-repeat top left;
	padding-top: 90px;
}

#original_new_entry {
	float: left;
	width: 420px;
	background: url(../../image/toppage/original_contents_bg.jpg) no-repeat top left;
	padding-top: 90px;
	margin-top: 30px;
}

.new_entry {
	margin: 0 15px 5px 15px;
	width: 390px;
	clear: both;
}

.new_entry p.thumb{
    float:left; 
    margin: 0; 
    margin-right:10px; 
    border:1px solid #999; 
    padding:2px;
}

.new_entry p.thumb a{ 
    display:block; 
    float:left; 
    width:60px; 
    height:60px; 
    line-height:60px; 
    overflow:hidden; 
    position:relative; 
    z-index:1;
}

.new_entry p.thumb a img{ 
    float:left; 
    position:absolute; 
    top:-20px; 
    left:-50px;
} 

.new_entry p.thumb a:hover{ 
    overflow:visible; 
    z-index:1000; 
    border:none;
}
.new_entry p.thumb a:hover img{ 
    border:1px solid #999; 
    background:#fff; 
    padding:2px;
}

.new_entry h3 {
	font-weight: bold;
}

.new_entry h3 a {
	text-decoration: none;
	color: #333333;
}

.new_entry h3 a:hover {
	text-decoration: underline;
}

.new_entry.entry_title {
}

.new_entry .entry_body {
	font-size: 70%;
}

.new_entry .entry_body a {
	text-decoration: none;
	color: #333333;
}

.new_entry .entry_body a:hover {
	text-decoration: underline;
}

/*新着情報*/
#news {
	float: left;
	width: 420px;
	text-align: left;
	overflow: hidden;
	margin-top: 20px;
	background: url(../image/common/v_shadow_123.jpg) no-repeat right top;
}

#news h2 {
	float: left;
	width: 420px;
	height: 16px;
	margin: 10px 0 5px 0;
}

#news ul {
	list-style-image: url(../image/toppage/contents/list_image_001.gif);
	list-style-position: outside;
	margin-top: 10px;
}

#news ul li {
	margin-left: 30px;
}

#news .news_text {
	float: left;
	width: 400px;
	overflow: hidden;
}

/*イベント情報*/
#event {
	float: left;
	width: 420px;
	text-align: left;
	overflow: hidden;
	margin-top: 20px;
	background: url(../image/common/v_shadow_123.jpg) no-repeat right top;
}


#event h2 {
	position: relative;
	width: 420px;
	height: 16px;
	margin: 10px 0 5px 0;
}

#event .event_text {
	position: relative;
	overflow: hidden;
}

.event_text .icon {
	float: left;
	width: 120px;
	height: 120px;
	text-align: left;
	display: block;
	margin: 10px;
}

.event_text .icon a img {
	border: 5px solid #cccccc;
}

.event_text .icon a:hover img {
	border: 5px solid #333333;
}

.event_text .text {
	float: right;
	width: 260px;
	text-align: left;
	margin-top: 10px;
	overflow: hidden;
}


/*特集*/
#topic {
	position: relative;
	width: 420px;
	background: url(../image/toppage/contents/topic_background.jpg) no-repeat top center;
	overflow: hidden;
	margin-bottom: 20px;
}

#topic_text {
	margin-top: 60px;
	padding-left: 15px;
	padding-bottom: 10px;
	float: left;
	width: 390px;
}

#topic_text img {
	float: right;
	margin: 0 0 5px 10px;
}

#topic_text p.text {
	margin-top: 15px;
	font-size: 123%;
	font-weight: bold;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
▼右メニュー
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#right_menu {
	float: right;
	width: 180px;
	text-align: left;
}

/*湘南スタイル関連バナー*/
#image_ban {
	width: 180px;
	text-align: center;
	margin-bottom: 10px;
}

#image_ban img {
	margin-bottom: 5px;
}

/*コンテンツ*/
#rside {
	float: left;
	width: 180px;
	overflow: hidden;
	background: url(../image/toppage/side_middle.jpg) no-repeat top left;
	text-align: center;
}
#rside_title {
	width: 180px;
	text-align: center;
}

#rside_contents {
	width: 140px;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#rside_contents .project_img {
	margin: 0 0 5px 0;
	display: block;
}

#rside_contents .line {
	margin: 10px 0 10px 0;
	display: block;
}

#rside_bottom {
	width: 180px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

/*その他バナー*/
#etc_bn_side {
	width: 180px;
	text-align: center;
	margin-bottom: 20px;
}

#etc_bn_side img {
	margin-bottom: 5px;
}