@charset "EUC-JP";


/*--------------------------------------------------
●　TOPページ一時CSS
--------------------------------------------------*/

p {
font-size:12px;
font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
line-height:1.2em;
}
 
#toppage {
    margin:0;
	padding:0;
	}
 
#top-contents {
    width:642px;
    margin:10px 0 0 10;
	text-align:left;
    }

.pickup-text {
    margin:10 0 10 0;
    padding:5px;
    border-color:#990000;
    border-width:2px;
    border-style:solid;
    }

.caution{
    font-size:10px;
    font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    color:#990000;
    line-height:1.4em;
    }
#top-swf {
   width:;
   height:;
   }

.bana-642 {
    margin:0 0 10 0;
	}
	
.bana-642 img {
    margin:0 0 0 0;
	}
	
.bana-642 span {
	font-size:11px;
	}

#banalist-316 {
    margin:0 0 10 0;
	}

#banalist-316 ul {
    margin:0;
	padding:0;
	}

#banalist-316 ul li {
    float:left;
    display:inline;
    list-style: none;
    margin: 0 0 10 0;
    padding: 0;
}

ul li.bana316-l img{
    margin:0 0 0 0;
	}
	
ul li.bana316-r img{
    margin:0 0 0 10;
	}
	
#banalist-316 span {
	font-size:11px;
	}
	

#banalist-a {
    width:642px;
    margin:0 0 10 0;
	}
	
#banalist-a ul {
    margin:0;
	padding:0;
	}
	
#banalist-a ul li {
    float:left;
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
}

#banalist-a ul li img{
    margin: 0 5 0 0;
}

#banalist-a span {
	font-size:11px;
	}

#top-contents dt {
	float: left;
    width:150;
    margin:0;
    padding:0;
}
 
#top-contents dd {
    float:right;
	width:450;
    margin:0 0 0 5;
}
 

/*--------------------------------------------------
●　HEADスクリプト内
--------------------------------------------------*/

.lims {font-size:9pt;}
.line {font-size:1px;line-height:1px;}
.input{border:solid 1;verdana;font-size:9pt;color:black;background-color:white;height:19px}
.input2{border:solid 0;verdana;font-size:9pt;color:black;background-color:white;height:16px}

/*--------------------------------------------------
●　favorite
--------------------------------------------------*/


#favorite-posi {
    position:absolute;
    top:10px;
    left:0px;
    }
	


/*--------------------------------------------------
●　fixed-cm　（favoriteとかぶらないように！）
高さは通常は1つ前の+190px（画像150px+余白40px）
--------------------------------------------------*/

.text-cm {
    margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:10;
	text-align:left;
	}

#fixed-cm1 {
    position:absolute;
    top:40px;
    left:0px;
	float:left;
    }
	
#fixed-cm2 {
    position:absolute;
    top:300px;
    left:0px;
	float:left;
    }
	
#fixed-cm3 {
    position:absolute;
    top:490px;
    left:0px;
	float:left;
    }

#fixed-cm4 {
    position:absolute;
    top:680px;
    left:0px;
	float:left;
    }
	
#fixed-cm5 {
    position:absolute;
    top:870px;
    left:0px;
	float:left;
    }
	
#fixed-cm6 {
    position:absolute;
    top:1060px;
    left:0px;
	float:left;
    }
	
#fixed-cm99 {
    position:absolute;
    top:1250px;
    left:0px;
	float:left;
    }
	
/*--------------------------------------------------
●　COMMON
--------------------------------------------------*/
img {
border:0;
}

body {
	color:#666666;
	font-size: 12px;
	font-family:"ＭＳ Ｐゴシック","Osaka", verdana, sans-serif;
	line-height:140%;
	background-image:url(/design/greeniche/images/bg2.gif);  /*<<<<<<< BGの変更ステータス*/
	background-position:center;
	background-repeat:repeat-y;
}

/**画像オンマウス時のアクション**/
a:hover#makebanner #category-navi img {
	opacity:0.8;
	filter: alpha(opacity=80);
}


a:link#box {
border:solid 1px #CCCCCC; 
}
a:visited#box {
border:none;
}
a:hover#box {
border:solid 1px #666666;
}
a:active#box {
border:none;
}

a:link #imgborder img {
	border: 1px solid #999999;
}
a:visited #imgborder img {
	border: 1px solid #999999;
}
a:hover #imgborder img {
	border: 1px solid #333333;
}


/*-----共通パーツ-----*/
.cl { clear:left; }          /* 左への回り込み解除 */
.cr { clear:right; }         /* 右への回り込み解除 */
.cb { clear:both; }         /* 回り込み全解除 */

.cl-l {clear: left;}          /* 左への回り込み解除 */
.cl-r {clear: right;}         /* 右への回り込み解除 */
.cl-all {clear:both;}         /* 回り込み全解除 */

/*--------------------------------------------------
●　メニュー&コンテンツのポジション
--------------------------------------------------*/

.pagebody{
	width:800px;
	padding:0px;
	margin:0px;
	clear:both;
}

.contents{
	width:650px;
	margin:0px;
	padding:0px;
    float:right;
}

.menu-left{
	width:146px;
	margin:0px 0px 0px 0px;
	padding:0px 1px 0px 0px;
	float:left;
}

/*--------------------------------------------------
●　HEADERのポジション＆設定
--------------------------------------------------*/


/*20090911変更中の部分　ここから*/
.logo {

	width: 150px;
	height: 40px;
	float:left;
}

.logo h1 {
	margin: 0;
	padding: 0;
}

.logo h1 a {
	display: block;
	width: 150px;
	height: 40px;
	text-indent: -9999px;
	background: transparent url('http://www.greeniche.jp/design/greeniche/images/logo.png') 0 0 no-repeat;
}

/*ランキング*/
.fav {
	width: 642px;
	margin:0 0 10px 0;
}

.fav p{
    width:110px;
	font-size:11px;
	float: left;
	padding:0 9px 0 9px;
	margin:0 0 0 0;
}

.fav p span{
    width:110px;
	font-size:11px;
}

.fav p img{
    border:0;
}

/*end ランキング*/
h2.title-fav {
    margin:0 0 0 0;
}

h2.title-fav a {
	margin:0 0 0 0;
	display: block;
	width: 642px;
	height: 20px;
	text-indent: -9999px;
	background: transparent url('/design/greeniche/top/images/title_pickup.jpg') 0 0 no-repeat;
	font-size:9px;
}

/*20090911変更中の部分　ここまで*/


.header{
	width:798px;
	height:90px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(/design/greeniche/images/header-line.jpg);
}

/*loginのtable用*/
.header table{
	width:198px;
	height:68px;
	margin:0;
	padding:0;
	float:right;
}

/*logo+menu位置*/
.headmenu{
	margin:0;
	padding:0;
	float:left;
	width:600px;
}

/*logo位置
.logo{
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	position:top;
	width:150px;
}
h1 img{
	display:block;
}*/


/*menuのレイアウト*/
.header_menu{
	height:40px;
	width:440px;
	padding:25px 0px 0px 0px;
	float:right;
	display:block;
	font-size:10px;
}
.header_menu ul{
	list-style: none;
	width:440px;
	font-size:11px;
	line-height:100%;
}
.header_menu ul li{
	display:inline;
	float:left;
	padding-right:6px;
}


.navi_01{
	display:block;
	width:40px;
	height:11px;
}
.navi_02{
	display:block;
	width:88px;
	height:11px;
}
.navi_03{
	display:block;
	width:49px;
	height:11px;
}
.navi_04{
	display:block;
	width:85px;
	height:11px;
}
.navi_05{
	display:block;
	width:49px;
	height:11px;
}

.cart{
	display:block;
	width:48px;
	height:11px;

}
.navi_01 a{
	display:block;
	width:40px;
	height:11px;
	background-image: url(http://greeniche.shop16.makeshop.jp/design/greeniche/images/navi_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.navi_02 a{
	display:block;
	width:88px;
	height:11px;
	background-image: url(http://greeniche.shop16.makeshop.jp/design/greeniche/images/navi_about.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.navi_03 a{
	display:block;
	width:49px;
	height:11px;
	background-image: url(http://greeniche.shop16.makeshop.jp/design/greeniche/images/navi_recruit.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.navi_04 a{
	display:block;
	width:85px;
	height:11px;
	background-image: url(/design/greeniche/images/navi_guide.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.navi_05 a{
	display:block;
	width:49px;
	height:11px;
	background-image: url(/design/greeniche/images/navi_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.cart a{
	display:block;
	width:48px;
	height:11px;
	background-image: url(/design/greeniche/images/navi_cart.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}


.navi_01 a:hover{
	background-position: 0 -11px;
}
.navi_02 a:hover{
	background-position: 0 -11px;
}
.navi_03 a:hover{
	background-position: 0 -11px;
}
.navi_04 a:hover{
	background-position: 0 -11px;
}
.navi_05 a:hover{
	background-position: 0 -11px;
}
.cart a:hover{
	background-position: 0 -11px;
}



/*--------------------------------------------------
●　LOG IN レイアウト
--------------------------------------------------*/
.header_login input{
	/*height:18px;*/
	width:45px;
	border: 1px solid #CCCCCC;
	font-size:10px;
}

.header_login{
	list-style: none;
	font-size:10px;
	line-height:100%;
}

.header_login ul{
	list-style: none;
}
.header_login ul li{
    display:inline;
	float:left;
}
.id{
	display:block;
	width:20px;
	height:20px;
	background-image: url(/design/greeniche/images/login_id.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.pass{
	display:block;
	width:35px;
	height:20px;
	background-image: url(/design/greeniche/images/login_pass.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
.id_area{
	display:block;
	width:40px;
	height:20px;
    font-size:10px;
}
.pass_area{
	display:block;
	width:40px;
    height:20px;
    font-size:10px;
}
/*（ログインボタン）*/
.login a{
	display:block;
	width:47px; 
	height:15px;
	background-image: url(/design/greeniche/images/navi_login.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:6px;
	text-indent: -9999px;
}





/*--------------------------------------------------
●　LOG IN レイアウト


※未製作!


--------------------------------------------------*/
.login_after {
	height:20px;
	width:200px;
}
.id_name {
	height:23px;
	width:195px;
	color:#666666;
	font-size: 10px;
	text-align:right;
	vertical-align:middle;
	margin-top:5px;
}
.logout_area {
	height:20px;
	width:220px;
}
.logout_edit {
	height:18px;
	width:72px;
	float:left;
	padding:0px 0px 22px 56px;
}
.logout_button {
	height:18px;
	width:58px;
	float:right;
	padding:0px 0px 22px 0px;
}

.logout a{
	display:block;
	width:47px; 
	height:15px;
	background-image: url(/design/greeniche/images/navi_logout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:6px;
	text-indent: -9999px;
}


























/*--------------------------------------------------
●　FOOT設定
--------------------------------------------------*/

.foot_wrap {
    clear:both;
	width:100%;
	height:50px;
	background-color:#EFEFEF;
	margin-left:2px;
	padding:0px;
	position:relative;
	top:10px;
	}
	
.foot_txt {
    text-align:right;
	margin:25px 5px 10px 5px;
	padding:0px
	}