/* Information
==================================================
 仙台お土産エクスプレス 全体用CSS
 
 Update : 2009.07.18
==================================================
*/

/* 目次
==================================================
	1.全体構造
		1-1.主要部
		1-2.ヘッダー詳細
		1-3.メニュー詳細
		1-4.フッター詳細
		1-5.パンくずナビ
		1-6.カレンダー
	2.モジュール
		2-1.font
		2-2.spacer

==================================================
*/


/* 1.全体構造
-----------------------------------------------------------------------------*/
/* 1-1.主要部
------------------------------------*/
body{
	text-align:center;
	background:#DADADA;
	font-size:80%;
	line-height:1.4;
}
#guide {
	background:url(../images/header/nb-bg.gif) repeat-x;
	height:25px;
	line-height:25px;
	color:#666666;
	text-indent:10px;
	font-size:12px;
}
#wrapper {
	width: 850px;
	text-align:left;
	margin:0 auto;
	background:#fff;
	line-height:1.6;
}
#header{
	width:850px;
	margin:0 0 10px;
	background:url(../Library/images/header/header-navi-bg.gif) repeat-x left 107px;
}
#contents {
	width:830px;
	margin:0 10px 30px;
	overflow:hidden;
}
#main {
	width:620px;
	float:right;
}
#side {
	width:200px;
	float:left;
}
#footer {
	width:830px;
	margin:10px;
	background:#e5eedd;
}


/* 1-2.ヘッダー詳細
------------------------------------*/
#header .hBody {
	position:relative;
	border-top:2px solid #338800;
	height:80px;
}
#header .hBody .logo {position:absolute;top:5px;left:10px;}
#header .hBody .catch {position:absolute;top:10px;left:260px;}
#header .hBody .pay {position:absolute;top:11px;left:650px;}

/* ヘッダーナビ */
ul#header-navi{
	height:27px;
	overflow:hidden;
	background:url(../Library/images/header/header-navi.gif) no-repeat top;
	clear:both;
}
ul#header-navi li{
	display:inline;
}
ul#header-navi li a,ul#header-navi li form input{
	width:117px;
	height:25px;
	display:block;
	float:left;
	margin:0 1px 0 0;
	text-indent:-7123px;
	text-decoration:none;
	overflow:hidden;
}
ul#header-navi li.home a{ width:122px;margin-left:10px;display:inline; }

#header-member_info,#header-member_info iframe{
	width:850px;
	height:29px;
}


/* 1-3.メニュー詳細
------------------------------------*/
/* メニューバナー */
#side p.menu-banner{
	margin:0 0 10px;
}

/* 商品メニュー */
#side #menu-item{
	margin:10px 0;
	background:url(../images/sidebar/maincolor-back.gif) repeat-y;
	border-bottom:1px solid #380;
}
#side #menu-item h3 {
	text-indent:-7123px;
	height:25px;
	background:url(../images/sidebar/itemmenu-midasi.gif) no-repeat;
}
#side #menu-item ul#menu-item1{
	padding:0 1px;
}
#side #menu-item ul#menu-item1 li{
	height:40px;
	line-height:40px;
	border-bottom: 1px dotted #cdb;
	background-position:5px center;
	background-repeat:no-repeat;
}
#side #menu-item ul#menu-item1 li a{
	height:40px;
	padding:0 0 0 73px;
	display:block;
}
#side #menu-item ul#menu-item1 li.list01{ background-image:url(../images/sidebar/menu-bg-gyutan.gif); }
#side #menu-item ul#menu-item1 li.list02{ background-image:url(../images/sidebar/menu-bg-sasakama.gif); }
#side #menu-item ul#menu-item1 li.list03{ background-image:url(../images/sidebar/menu-bg-jizake.gif); }
#side #menu-item ul#menu-item1 li.list04{ background-image:url(../images/sidebar/menu-bg-wagasi.gif); }
#side #menu-item ul#menu-item1 li.list05{ background-image:url(../images/sidebar/menu-bg-zunda.gif); }
#side #menu-item ul#menu-item1 li.list06{ background-image:url(../images/sidebar/menu-bg-kome.gif); }
#side #menu-item ul#menu-item1 li.list07{ background-image:url(../images/sidebar/menu-bg-tukemono.gif); }
#side #menu-item ul#menu-item1 li.list08{ background-image:url(../images/sidebar/menu-bg-miso.gif); }
#side #menu-item ul#menu-item1 li.list09{ background-image:url(../images/sidebar/menu-bg-tokusan.gif); }
#side #menu-item ul#menu-item2{
	margin:5px 0;
	padding:0 5px;
}
#side #menu-item ul#menu-item2 li{
	padding:0 0 0 20px;
	list-style:none;
	background: url(../images/sidebar/icon-arrow2.gif) no-repeat 5px center;
}

/* 初めての方へ */
#side #menu-guide{
	margin:0 0 10px;
	background:url(../images/sidebar/subcolor-back.gif) repeat-y;
	z-index:1;
	border-bottom:1px solid #aa0;
}
#side #menu-guide h3{
	text-indent:-7123px;
	height:25px;
	background:url(../images/sidebar/first-midasi.gif) no-repeat;
}
#side #menu-guide ul{
	margin:5px 0;
	padding:0 5px;
}
#side #menu-guide li{
	padding:0 0 0 20px;
	background: url(../images/sidebar/icon-arrow1.gif) no-repeat 5px center;
}

/* 携帯サイトオープン */
#side #menu-mobile{
	margin:0 0 10px;
	background:url(../images/sidebar/maincolor-back.gif) repeat-y;
	border-bottom:1px solid #380;
}
#side #menu-mobile h3{
	text-indent:-7123px;
	height:25px;
	background:url(../images/sidebar/mobile-midasi.gif) no-repeat;
}

/* リンク集 */
#menu-link{
	margin:0 0 15px;
}
#menu-link li{
	margin:0 0 10px;
	text-align:center;
}


/* item：商品メニュー */
#side #menu-senmonten{
	margin:10px 0;
	background:url(../images/sidebar/maincolor-back.gif) repeat-y;
	border-bottom:1px solid #380;
}
#side #menu-senmonten h3{
	text-indent:-7123px;
	height:25px;
	background:url(../images/sidebar/itemmenu-midasi.gif) no-repeat;
}
#side #menu-senmonten ul{
	margin:5px 0;
	padding:0 5px;
}
#side #menu-senmonten ul li{
	text-indent:20px;
	background: url(../images/sidebar/icon-arrow1.gif) no-repeat 5px center;
}

#side .category {
	margin:10px 0;
	background:url(../images/sidebar/maincolor-back.gif) repeat-y;
	border-bottom:1px solid #380;
}
#side .category h3 {
	text-indent:-9999px;
	height:25px;
	background:url(../images/sidebar/itemmenu-midasi.gif) no-repeat;
}
#side #menu-senmonten h3 {
	text-indent:0;
	background:#ffffff;
}
#side #menu-haisou h3 {
	text-indent:0;
	background:#ffffff;
}
#side #menu-haisou p{
	padding:10px;
	margin:0;
	font-size:0.8em;
	line-height:1.33;
}

#side .category img {
	vertical-align:middle;
}
#side .category h4 {
	margin:5px 0 0;
	padding:0 5px;
}
#side .category ul {
	margin:5px 0;
	padding:0 5px;
}
#side .category li {
	font-size:80%;
	line-height:1.5;
	text-indent:20px;
	background: url(../images/sidebar/icon-arrow1.gif) no-repeat 5px center;
	list-style:none;
	margin:0;
	padding:0;	
	z-index:2;
}
#side .category li.mark {
	background: url(../images/sidebar/icon-arrow2.gif) no-repeat 5px center;
}
#side .ranking {
	height:520px;
	margin:0 0 10px;
	background:url(../images/sidebar/maincolor-back.gif) repeat-y;
	border-bottom:1px solid #380;
}
#side .ranking h3 {
	text-indent:-9999px;
	height:25px;
	background:url(../images/sidebar/ranking-midasi.gif) no-repeat;
}
#side .ranking iframe{
	width:198px;
	margin:0 1px;
	height:520px;
}
#side .cate-ranking {
	height:520px;
	margin:0 0 10px;
	background:url(../images/sidebar/maincolor-back.gif) repeat-y;
	border-bottom:1px solid #380;
}
#side .cate-ranking h3 {
	text-indent:-9999px;
	height:25px;
	background:url(../images/sidebar/cate-ranking-midasi.gif) no-repeat;
}
#side .cate-ranking iframe{
	width:198px;
	margin:0 1px;
	height:520px;
}


/* 1-4.フッター詳細
------------------------------------*/
#footer h3 {
	line-height:2;
	margin:20px 0 0;
}
#footer p.moreinfo {
	margin:5px 10px 0 0;
	text-align:right;
}
#footer p.moreinfo a{
	background:url(../images/arrow03.gif) no-repeat left center;
	padding:0 0 0 10px;
}
#footer p.calender {
	float:left;
	margin:0 0 0 40px;
	display:inline;
}
#footer .footer_lt {
	width:400px;
	float:left;
	margin:0 10px;
	display:inline;
	padding:0 0 20px;
}
#footer .footer_rt {
	width:400px;
	float:left;
	margin:0 10px 0 0;
	display:inline;
	padding:0 0 20px;
}
#footer-navi{
	background-color:#380;
	text-align:center;
}
#footer-navi a {
	color:#fff;
	text-decoration: none;
}
#footer-navi a:hover {
	color:#cdb;
}
#copy{
	text-align:center;
	line-height:1.5;
	font-size:80%;
}


/* 1-5.パンくずナビ詳細
------------------------------------*/
#pankuzu {
	font-size:12px;
	padding:3px 0 3px 10px;
}
#pankuzu a:hover {
	color:#03f;
	background-color: #fc0;
	text-decoration: none;
}


/* 1-6.カレンダー詳細
------------------------------------*/
#calendar-box-lt{
	float:left;
	width:200px;
	margin-right:10px;
	text-align:center;
	background:#ffffff;
}
#calendar-box-rt{
	float:left;
	width:190px;
}
table.calendar {
	padding: 0;
	margin:0 auto;
	text-align:left;	
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	text-align: left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #777777;
}
table.calendar th span {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	width: 25px;
	height: 20px;
	vertical-align: middle;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #FFFFFF;
}
table.calendar td.Today {

	font-weight: bolder;
	color: #009900;
	font-size: 12px;
}
table.calendar td.Sat {
	color: #000099;
	background-color: #FEFEFF;
}
table.calendar td.Sun {
	color: #FF0000;
	background-color: #FFFEFE;
}
table.calendar td.holyday {
	color: #FF0000;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}


/* 2.モジュール
-----------------------------------------------------------------------------*/
/* 2-1.font
------------------------------------*/
.a10px {
	font-size: 10px;
	line-height: 140%;
}
.a12px {
	font-size: 12px;
	line-height: 140%;
}
.a14px {
	font-size: 14px;
	line-height: 140%;
}
.a16px {
	font-size: 16px;
	line-height: 140%;
}
.a18px {
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
}
.text{
  color:#666666;
  font-size:12px;
  font-family:Arial,Verdana;
  letter-spacing:1px;
}
.rem {
	color:#f30;
	font-weight:bold;
	border-bottom:dashed 1px #f30;
}
.red { color:#ff3333; }

.flt1 {
	float:left;
	margin:0 10px 0 0;
}
.flt2 {
	float:left;
}


/* 2-2.spacer
------------------------------------*/
.btm-0{ padding-bottom:0 !important;margin-bottom:0 !important; }
.btm-10{ margin-bottom:10px !important; }
.btm-20{ margin-bottom:20px !important; }
.pd2 {padding: 2px;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pdcol5 {padding: 0 5px;}
.mgb30 {margin:0 0 30px 0;}
.mgt10l10 {margin:10px 0 0 10px;}
.spb2 {margin-bottom: 2px;}
.spb5 {margin-bottom: 5px;}
.spb10 {margin-bottom: 10px;}
.spb20 {margin-bottom: 20px;}
.spt5 {margin-top: 5px;}
.spraw10 {margin:10px 0;}
.spraw20 {margin:20px 0;}
.noborder { border:none !important; }