@charset "Shift_JIS";
/* -------------------------------------------------------------------
	グローバル CSS
	
	サイト内で共通となる設定
   （ヘッダー、フッター、ページ背景色、グローバルナビなど）

------------------------------------------------------------------- */

/* ----------------------------------------
   body , wrap_page
---------------------------------------- */
body {
	width:100%;
	text-align:center;
	background:#ffffff;
}

#wrap_page {
	width:950px;
	margin:0 auto;
	text-align:left;
	background:#ffffff;
}

.font_small {
	font-size:92%;
	line-height:1.2em;
}



/* ----------------------------------------
   カラムレイアウト
---------------------------------------- */
.left_colomn {
	float:left;
	width:200px;
	margin-right:20px;
		overflow:hidden;
}	

.center_colomn {
	float:left;
	width:530px;
	margin-right:20px;
}	

.right_colomn {
	float:right;
	width:180px;
}	

/*2カラム時のメインカラム*/
.right_big_colomn {
	float:left;
	width:730px;
}	

/*1カラム時*/
.big_colomn {
	clear:both;
	width:910px;
	margin-left:20px;
}	


/* ----------------------------------------
   ヘッダー
---------------------------------------- */
.header {
	margin-bottom:20px;
	padding-top:7px;
	width:100%;
	height:103px;
	background:url(../images/common/head.png) no-repeat;
}

/* -- ヘッダーナビ --*/
div.header_navi {
	width:100%;
	height:16px;
	overflow:hidden;
}
div.header_navi ul {
	float:right;
}
div.header_navi ul li {
	float:left;
}
div.header_navi ul li a {
	padding:0 5px;
}

/* -- サイトID --*/
h1#siteId{
	float:left;
	width:600px;
	height:60px;
}
h1#siteId a{
	height:35px;
	width:223px;
	margin-left:70px;
	font-size:1px;
	text-indent:-3500px;
	display:block;
	background:url(../images/common/site_id.png) no-repeat;
	overflow:hidden;
}
h1#siteId span{
	display:block;
	height:18px;
	padding-top:2px;
	margin-left:73px;
	font-size:12px;
	color:#996600;
	overflow:hidden;
}



/* -- お客様のご利用状況 --*/
div#btn_mypage_top {
	float:right;
	padding-top:20px;
}
div#btn_mypage_top a{
	margin-left:3px;
}


/* -- グローバルナビ --*/
ul.global_navi {
	clear:both;
	width:100%;
	overflow:hidden;
}
ul.global_navi li{
	float: left;
}
ul.global_navi li a{
	height:27px;
	font-size:1px;
	text-indent:-3500px;
	display:block;
	overflow:hidden;
}
ul.global_navi li a#gn_birthday{
	width:136px;
}
ul.global_navi li a#gn_celebration{
	width:135px;
}
ul.global_navi li a#gn_anniversary{
	width:136px;
}
ul.global_navi li a#gn_abroad{
	width:135px;
}
ul.global_navi li a#gn_inquiry{
	width:136px;
}
ul.global_navi li a#gn_funeral{
	width:135px;
}
ul.global_navi li a#gn_other{
	width:136px;
}


ul.global_navi li a:hover{
	background-image:url(../images/common/head.png);
	background-repeat:no-repeat;
}
ul.global_navi li a#gn_birthday:hover{
	background-position:0 -110px;
}
ul.global_navi li a#gn_celebration:hover{
	background-position:-136px -110px;
}
ul.global_navi li a#gn_anniversary:hover{
	background-position:-271px -110px;
}
ul.global_navi li a#gn_abroad:hover{
	background-position:-407px -110px;
}
ul.global_navi li a#gn_inquiry:hover{
	background-position:-542px -110px;
}
ul.global_navi li a#gn_funeral:hover{
	background-position:-678px -110px;
}
ul.global_navi li a#gn_other:hover{
	background-position:-813px -110px;
}


/* ----------------------------------------
   パンくずナビ
---------------------------------------- */
p.bled_navi{
	margin:-10px 0 10px 0;
}


/* ----------------------------------------
   フッター
---------------------------------------- */
.footer {
	clear:both;
	padding-top:60px;
}

/*-- お花屋さん紹介 --*/
.shop_into {
	width:948px;
	background:#fff8fc url(../images/common/bg_shop_into_btm.png) no-repeat right bottom;
	border:1px solid #ff3366;
}
/*clearfix*/
.shop_into:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.shop_into h2 {
	width:100%;
	height:84px;
	position:relative;
	top:-50px;
	text-indent:-3500px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/common/h2_shop_into.png) no-repeat;
}
.shop_into ul.shop_into_box_ul {
	margin-top:-60px;
	margin-left:8px;
}
.shop_into ul li.shop_into_box {
	float:left;
	width:220px;
	height:15em;
	padding-left:15px;
	font-size:11px;
	line-height:1.5em;
}
.shop_into ul li.shop_into_box h3 {
	padding:7px 0 7px 22px;
	background:url(../images/common/li_circle.png) no-repeat left center;
}
.shop_into ul li.shop_into_box ul {
	margin-left:23px;
}
.shop_into ul li.shop_into_box ul li {
	list-style:url(../images/common/li_arrow_gray.png) outside;
}
.shop_into ul li.shop_into_box ul li span {
	margin-right:1em;
}
.shop_into ul li.shop_into_box ul li a {
	color:#000000;
}

/*-- ページトップへ戻る --*/
.page_up {
	width:100%;
	margin-top:-10px;
	margin-bottom:20px;
	padding:0;
	overflow: hidden;
}
.footer .page_up {
	width:100%;
	margin:0;
	padding:10px 0;
	overflow: hidden;
}
.page_up a {
	float:right;
	width:117px;
	height:22px;
	display:block;
	text-indent: -3500px;
	font-size: 1px;
	overflow: hidden;
	background: url(../images/common/btn_pageup.png) no-repeat;
}

/*-- フッターボトム部分 --*/
.footer_bottom {
	width:100%;
	height:60px;
	border-top:1px solid #666666;
}
.footer_bottom p {
	float:left;
	width:410px;
	height:50px;
	text-indent:-3500px;
	font-size:1px;
	overflow:hidden;
	background:url(../images/common/bg_footer_bottom.png) no-repeat 5px 10px;
}
.footer_bottom ul {
	float:right;
	margin-top:20px;
}
.footer_bottom ul li {
	float:left;
	font-size:92%;
}
.footer_bottom ul li a {
	color:#000000;
}


/* ----------------------------------------
   ピンクのLink
---------------------------------------- */
span.product_title{
	color: #ff6699;
	text-decoration:none;
}

a.product_title,
a.shop_title,
a.arrow_link,
a.arrow_link_down {
	color: #ff6699;
	text-decoration: underline;
}
a.product_title:visited,
a.shop_title:visited,
a.arrow_link:visited,
a.arrow_link_down:visited {
	color: #ff4c88;
	text-decoration: underline;
}
a.product_title:active,
a.shop_title:active,
a.arrow_link:active,
a.arrow_link_down:active {
	color: #ff80aa;
	text-decoration: none;
}
a.product_title:hover,
a.shop_title:hover,
a.arrow_link:hover,
a.arrow_link_down:hover {
	color: #ff80aa;
	text-decoration: none;
}
