@charset "utf-8";
/*-----------------------------------------------------------
カスタム用CSS

 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 ------------------------------------------------------------*/
 /* ================================================================
		ポータルトップ用
================================================================ */
.fixity.static #h_gnav ul {
top: 50%;
margin-top: -13px;
}

#member_mg #center_container,
#member_rg #center_container {
	background:url(../images/ex_bg_head.jpg) 0 0 repeat-x;
}
#portal .main_area .list_bnr li {
	margin:10px 0;
	position:relative;
}
.main_area .portal_bnr {
	width:1000px;
}
.main_area .portal_btn {
	position:absolute;
	bottom:15px;
	right:15px;
}

.boxWrap {
  width:1000px;
	margin:0 auto;
}
#atena .boxWrap {
  width: auto;
}
.boxTitle {
	margin-bottom:30px;
	position:relative;
}
.boxTitle .icon {
	position:absolute;
	top:-45px;
	left:80px;
}
.imageList {
}
.imageList li {
	display:inline;
}
.imageList li.odd {
}

.aisatsuBox {
	background:url(//www.greeting-card.jp/common/images/bg_aisatsu.png) 0 0 repeat;
	padding:50px 0;
}
.nengaBox {
	background:url(//www.greeting-card.jp/common/images/bg_nenga.png) 0 0 repeat;
	padding:50px 0;
}
.hagakiBox {
	background:url(//www.greeting-card.jp/common/images/bg_hagaki.png) 0 0 repeat;
	padding:50px 0;
}
.aisatsuBox a:hover img, .nengaBox a:hover img, .hagakiBox a:hover img {
	opacity: 0.7;
}

.closed {
	border: 3px solid #F00;
	color: #F00;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 5px 30px;
	padding: 20px;
	text-align: center;
}
 
 /* ================================================================
		スクロール時の上部エリア
================================================================ */
 #head_site_info {
	background:#019C41;
}
#head_site_info ul li{
	border-left:1px solid #57B34B;
}
#head_site_info a:hover {
	background:#57B34B;
}
  /* ================================================================
		ロゴの位置設定　
================================================================ */
 #h_sitelogo{
	margin-top:-27px;/*ロゴの高さの半分を指定*/
 }
 /* ================================================================
		フォントカラー　
================================================================ */
/* デフォルト#333 */
body{}
/* ================================================================
		背景
================================================================ */
/* デフォルト#FFF */
body{}
#footer_nav_container{
	background:#019C41;
}
/* ================================================================
		リンク色
================================================================ */
/*ベースリンク色*/
a:link		{  }
a:visited	{  }
a:hover		{  text-decoration: none; }
a:active	{  }

/*ヘッダートップリンク色*/
.htop_nav a:link 		{ text-decoration: none; }
.htop_nav a:visited 	{ text-decoration: none; }
.htop_nav a:hover 		{ text-decoration: none; }
.htop_nav a:active		{ text-decoration: none; }

/* ================================================================
		サイトキャッチ
================================================================ */
#htop_container{
	background:#019C41;
	color:#FFF;
}
#htop {
	color: #FFF;
}
/* サイトトップリンクカラー */
.ht_nav a:link { color:#FFF; text-decoration: none; }
.ht_nav a:visited { color:#FFF; text-decoration: none; }
.ht_nav a:hover		{ color:#FFF; background:#57B34B; text-decoration: none; }
.ht_nav a:active	 { color:#FFF; text-decoration: none; }



#search_container{
	width:100%;
	background:#DBDDDD url(../images/site_body_bg_main.gif) 0 0 repeat-x;
	border-bottom:1px solid #FFF;
}
.slide_area{
	width:100%;
	background:#FFF url(../images/site_top_bg_slide.jpg) 0 0 repeat-x;
}

/* ================================================================
		リンク色
================================================================ */
/*ベースリンク色*/
a:link		{  }
a:visited	{  }
a:hover		{  text-decoration: none; }
a:active	{  }

/*ヘッダートップリンク色*/
.htop_nav a:link 		{ text-decoration: none; }
.htop_nav a:visited 	{ text-decoration: none; }
.htop_nav a:hover 		{ text-decoration: none; }
.htop_nav a:active		{ text-decoration: none; }

/* フッターリンク */
#footer_nav a:hover		{ background:#57B34B; }

/* バナーリンク枠 */
.list_bnr a:hover {
	border: 2px solid #CCC;
}
.list_bnr a:hover img {
	vertical-align:bottom;
	margin:-2px;
}

/* ページトップ */
#footer .backtotop {
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 7000;
    display: none;
	zoom:1;
}    
	#footer .backtotop a {
		display: block;
		color: #FFF;
		padding: 14px 16px;
		margin: 0;
		background-color: #333;
		border-radius: 5px;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
	}
	#footer .backtotop a:visited{
		color: #FFF;
	}
	#footer .backtotop a:hover {
		background:#D3CEC1;
		color:#D90000;
	}

/* ================================================================
		トップページ
================================================================ */
/* スライド静止 */
.slide{
	height:340px !important;
	overflow:hidden;
	margin-top:0;
	padding-top:20px;
}

/* 検索部分 */
.m_favorite_area p {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px;
	width: 187px;
	height: 100px;
	background: url(../../images/top_m_catsearch_bg_favorite.png) 0 0 no-repeat;
}
/*
#top .ttl_l2 {
	position: relative;
	clear: both;
	font-size: 174%;
	font-weight: normal;
	margin-bottom: 0.5em;
	background:url(../images/top_m_ttl_bg.jpg) bottom left repeat-x;
	padding:7px 10px 10px 10px;
	border:1px solid #DDD;
}
*/
/* お気に入りの商品位置調整 */
.m_favorite_list{
	padding:6px 10px 6px 190px;
}
.m_favorite_list li{
	line-height:1.6;
	font-size:93%;
	background-position: 0 0.6em;
}

/* ヒント */
.site_m_guide_btn_hint{
	margin-top:7px;
}