/*----------------------------------------------------------
   「トップページ」ページ設定
--------------------------------------------------------- */
/* 背景切り替え */
body {
	background-image: url(images/back_ground.jpg);
	background-position: left top;
	background-repeat: repeat-x;
}

/* トップページ用イメージ */
#header-image {
	height: 150px;
}

/*------------------------------------
   トピックスブロック
----------------------------------- */
#content-inner #top_topics {
	margin-bottom: 10px;
}

#content-inner #top_topics .inner {
	width: 368px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 2px;
	margin-bottom: 8px;
}

#content-inner #top_topics .left_block {
	width: 180px;
	padding-bottom: 7px;
	float: left;
	display: inline;
}

#content-inner #top_topics .left_block img {
	margin-top: 5px;
}

#content-inner #top_topics .right_block {
	width: 175px;
	float: right;
	display: inline;
}

#content-inner #top_topics .right_block .title {
	margin-bottom: 2px;
}

#content-inner #top_topics .right_block .name {
	margin-bottom: 9px;
}

#content-inner #top_topics .right_block .name h5 {
	width: 175px;
	font-size: 90%;
	line-height: 100%;
}

#content-inner #top_topics .right_block .info {
	border-bottom: 1px dotted #999999;
	padding-left: 14px;
	padding-bottom: 3px;
	margin-bottom: 4px;
}

#content-inner #top_topics .right_block .info p {
	font-size: 75%;
	line-height: 110%;
}

#content-inner #top_topics .right_block .info p.price {
	width: 90px;
	float: left;
	display: inline;
}

#content-inner #top_topics .right_block .lead {
	margin-right: 10px;
	margin-bottom: 10px;
}

#content-inner #top_topics .right_block .lead p {
	font-size: 75%;
	line-height: 130%;
}

#content-inner #top_topics .right_block .itemlink {
	text-align: right;
	margin-right: 10px;
}

#content-inner #top_topics .right_block .itemlink p {
	font-size: 75%;
	line-height: 100%;
}

#content-inner #top_topics .right_block .itemlink p a {
	background-image: url(images/top_allow_red.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 17px;
}

/* トピックス① */
#content-inner #top_topics #topics01 {
	width: 378px;
	height: 190px;
	background-image: url(images/top_topics_back.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	float: left;
	display: inline;
}

/* トピックス② */
#content-inner #top_topics #topics02 {
	width: 378px;
	height: 190px;
	background-image: url(images/top_topics_back.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	border: 1px solid #cccccc;
	float: right;
	display: inline;
}

#content-inner .event_name h5 {
	font-size: 14px;
	margin: 0 0 5px 0;
}
#content-inner .event_date p {
	font-size: 12px;
	margin: 0 0 2px 0;
	color: #CC3333;
}
#content-inner .lead p {
	line-height: 1.5em;
}

/*------------------------------------
   お知らせブロック
----------------------------------- */
#content-inner #top_news {
	border-bottom: 1px dotted #999999;
	padding-bottom: 14px;
	margin-bottom: 14px;
}

/* 新着情報 */
#content-inner #top_news #news_list {
	width: 380px;
	height: 250px;
	float: left;
	display: inline;
}

#content-inner #top_news #news_list .title {
	margin-bottom: 6px;
}



#content-inner #top_news #news_list .body {
	margin-left: 4px;
	display: block;
	overflow: auto;
	width: 375px;
	height: 215px; /* 変更 */
}

/* だんだん商品券特別企画 2009年6月終了
.dandan {
	width: 360px;
	display: block;
	border: 1px solid #FF3366;
	text-align: center;
	margin: 20px 0 0 5px;
	padding: 6px;
	font-weight: 700;
	color: #FF3366;
	background-color: #FEFADE;
}
*/

.dandan a {
	color: #FF3366;
}
.dandan a:hover {
	color: #FF6699;
	text-decoration: underline;
}



#content-inner #top_news #news_list .news_list_body {
	border-bottom: 1px dotted #666666;
	padding-bottom: 9px;
	margin-bottom: 10px;
}

#content-inner #top_news #news_list .news_list_body p.date {
	font-size: 75%;
	line-height: 100%;
	color: #3366cc;
	background-image: url(images/news_index_listmark.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-left: 12px;
	margin-right: 10px;
	float: left;
	display: inline;
}

#content-inner #top_news #news_list .news_list_body h6.title {
	font-size: 75%;
	line-height: 100%;
	font-weight: normal;
	padding-top: 1px;
	margin-right: 4px;
	float: left;
	display: inline;
}

#content-inner #top_news #news_list .news_list_body p.category {
	font-size: 75%;
	line-height: 100%;
	color: #996600;
	padding-top: 1px;
}

/* 蓬莱荘吉日庵について・営業日のご案内 */
#content-inner #top_news #infomation {
	width: 380px;
	float: right;
	text-align: center;
}



#content-inner #infomation .title {
 margin: 0 0 5px 0;
}

#content-inner #top_news #infomation .inner .body {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 12px;
}

#content-inner #top_news #infomation .inner .body p {
	font-size: 80%;
	line-height: 140%;
}

#content-inner #top_news #infomation .inner .info {
	margin-bottom: 5px;
}

#content-inner #top_news #infomation .inner .link {
	text-align: right;
	margin-bottom: 5px;
}

#content-inner #top_news #infomation .inner .link p a {
	font-size: 70%;
	background-image: url(images/top_allow_red.gif);
	background-position: left 1px;
	background-repeat: no-repeat;
	padding-left: 16px;
	margin-bottom: 5px;
}

/*------------------------------------
   QRコード・TVCMバナーブロック
----------------------------------- */
#top_banner {
	margin: 0 0 10px 0;
}
#top_banner #banner_qr {
	width: 380px;
	float: left;
}
#top_banner #banner_qr p {
	font-size: 12px;
}
#top_banner #banner_qr p a {
	font-weight: 700;
	color: #3366CC;
}

#top_banner #banner_tvcm {
	width: 380px;
	float: right;
}




/*------------------------------------
   メニューブロック
----------------------------------- */
#content-inner #top_menu {
}

#content-inner #top_menu ul {
	list-style: none;
}

#content-inner #top_menu #menu {
	width: 560px;
	margin-right: 10px;
	float: left;
	display: inline;
}

#content-inner #top_menu #menu li {
	margin-right: 5px;
	float: left;
	display: inline;
}

#content-inner #top_menu #link {
	width: 210px;
	height: 85px;
	background-image: url(images/top_link_title.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	display: inline;
}

#content-inner #top_menu #link ul {
	padding-left: 30px;
}

#content-inner #top_menu #link li {
	font-size: 75%;
	line-height: 130%;
	background-image: url(images/top_allow_blue.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	padding-left: 16px;
	margin-bottom: 3px;
}


