@charset "Shift_JIS";

body {
	margin		: 0 auto;	
	font-size	: 12px;
	line-height	: 20px;
	color		: #282828;
	text-align	: center;
	font-family: sans-serif;}


img,a img {
	border		: none;
}

#logo {
	float: left;}

#top_menu {
	border-bottom: 1px dashed #333;
	float: left;
	padding: 0 40px 5px 40px;}

#top_menu h3 {
	margin: 0px 0 0 0;
	padding: 0;
	float: left;}

#top_menu h3 a,
#top_menu h3 a:hover{
		border		: none;}

p.address {
	font-size: 10px;
	float: left;
	width: 215px;
	margin-left: 15px;
	margin-top: 5px;}

p {
	margin: 0;
	padding: 0;}

#main {
	text-align: left;
	margin: 0 auto;
	width: 793px;
	padding: 0 10px 0 10px;}
	

.clr {
	clear		: both;
	height		: 1px;

}
.clr hr {
	display		: none;
}

.bold {
	font-weight	: bold;
}
.red {
	color		: #ff0000;
}

h1, h2, h3, h4, h5 {
	margin		: 0px;
	padding		: 0px;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: right;
	float: left;}


td {
	vertical-align	: top;
	font-size	: 12px;
	line-height	: 16px;
}

/*Link-----------------------------------------------------------*/

a:link {
	color: #00aaba;
	text-decoration: none;}

a:visited {
	color: #00aaba;
	text-decoration: none;}

a:hover {
	color: #FF6600;
	text-decoration: underline;}


#content {
	background	: url(../img/content.gif) repeat-y;
	width		: 780px;
	margin		: 0px;
	padding		: 0px 1px;
}

#left {
	background-color: #ffdd9e;
	width		: 197px;
	float		: left;
	margin		: 0px;
	padding		: 0px;
}

#home {
	margin		: 15px 9px 0px 9px;
	padding		: 0px;
	width		: 178px;

}

#cart {
	margin		: 10px 9px;
	padding		: 0px;
	width		: 178px;
	}

#howto {
	margin		: 0px 9px 10px 9px;
	padding		: 0px;
	width		: 178px;
	}

/*検索窓---------------------------------------------------------*/

#search {
	width: 360px;
	height: 82px;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	padding-left: 20px;}

.search-l {
	float: left;
	width: 266px;
	height: 29px;
	background: url('../img/search_01.gif') no-repeat left top;}

.search-r {
	float: left;
	width: 53px;
	height: 29px;}

.sh_button1 {
	margin-top: 2px;
	margin-left: 60px;
}

.shousai_search {
	text-align: center; 
	font-size: 10px; 
	padding-top: 5px;}

#searchf {
	margin		: 0px 9px 10px 9px;
	padding		: 0px;
}

/*topimg-----------------------------------------------------------*/

#topimg h3 {
	float: left;}

.top_wedding {
	margin-left: 10px;}

/*top_left--------------------------------------------------------*/

#top_left {
	width: 578px;
	padding-top: 10px;
	float: left;}

#top_banner {
	padding-top: 10px;}

#top_banner p {
	float: left;
	width: 284px;
	font-size: 11px;}

.b2 {
	margin-left: 10px;
	width: 284px;}

#infomation {
	padding-top: 10px;}

#infomation iframe {
	float: left;
	margin-left: 5px;
	margin-top: 5px;}

.info_photo {
	float: left;
	padding: 2px;
	border: 1px solid #333;
	margin: 5px 0 5px 0;}

/*top_right------------------------------------------------------*/

#top_right {
	width: 185px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	background: #efefef;
	text-align: center;}

#member,#staff,#ranking,#left_banner {
	background: #fff;
	width: 171px;
	text-align: left;
	padding: 2px;
	line-height: 1.2em;
	margin-top: 7px;}

#member p {
	padding-top: 10px;}

.staff_photo {
	text-align: center;
	padding: 3px;}

.mori_blog {
	font-size: 11px;
	color: #009966;}

#ranking table {
	font-size: 12px;}

#left_banner p {
	text-align: center;
	padding-bottom: 5px;}



/*category--------------------------------*/

#top_category {
	padding-top: 10px;}


#top_category {
	font-size: 11px;
	color: #663300;}

#top_category h4 {
	padding-top: 5px;}

.cate_gift,.cate_original,.cate_glass,.cate_dish,.cate_lamp,.cate_flower,.cate_flower,.cate_season,.cate_wedding {
	float: left;
	margin-left: 5px;}

.cate_gift .cate_txt a,.cate_original .cate_txt a,.cate_glass .cate_txt a,.cate_dish .cate_txt a,.cate_lamp .cate_txt a,.cate_flower .cate_txt a,.cate_flower .cate_txt a,.cate_season .cate_txt a,.cate_wedding .cate_txt a {
	display: block;
	width: 135px;
	height: 92px;}


.cate_gift .cate_txt {
	background-image: url('../images/category/gift.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}
	
.cate_original .cate_txt {
	background-image: url('../images/category/original.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_glass .cate_txt {
	background-image: url('../images/category/glass.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_dish .cate_txt {
	background-image: url('../images/category/dish.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_lamp .cate_txt {
	background-image: url('../images/category/lamp.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_flower .cate_txt {
	background-image: url('../images/category/flower.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_season .cate_txt {
	background-image: url('../images/category/season.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_wedding .cate_txt {
	background-image: url('../images/category/wedding.jpg');
	width: 135px;
	height: 92px;
	margin-top: 5px;
	}

.cate_ichiran {
	text-align: center;
	margin-top: 5px;}
    
#other h3 {
	float: left;
	width: 284px;
	margin-left: 3px;}

#point {
	margin		: 0px 9px 10px 9px;
	padding		: 0px;
	width		: 178px;
	}

#content-bottom {
	width		: 100%;
	background	: url(../img/content_bottom.gif) no-repeat;
	height		: 5px;
	margin		: 0px 0px 10px 0px;
}

#ranking {
	margin		: 0px 9px 10px 9px;
	padding		: 0px;
	font-size	: small;
	font-style	: normal;
	line-height	: 14px;
	color		: #666666;
	text-align	: left;
	font-family	: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.leftbox-in3 {
	background	: url(../img/ranking_in.gif) repeat-y;
	width		: 178px;
	margin		: 0px;
	padding		: 0px 1px;
}

.leftbox-bottom3 {
	width		: 100%;
	background	: url(../img/ranking_bottom.gif) no-repeat;
	height		: 6px;
	margin		: 0px;
}

#ranking h3,#ranking h4 {
	font-weight	: normal;
	margin		: 0px;
	font-size	: 12px;
	line-height	: 14px;
	color		: #ffa500;
	padding		: 3px;
	font-family	: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#ranking-1 {
	border-bottom	: 1px solid #c2c2c2;
	margin		: 0px 3px;
	padding		: 5px 0px 5px 25px;
	background	: #f6f6f6 url(../img/ranking_01.gif) no-repeat left;
}

#ranking-2 {
	border-bottom	: 1px solid #c2c2c2;
	margin		: 0px 3px;
	padding		: 5px 0px 5px 25px;
	background	: #f6f6f6 url(../img/ranking_02.gif) no-repeat left;
}

#ranking-3 {
	border-bottom	: 1px solid #c2c2c2;
	margin		: 0px 3px;
	padding		: 5px 0px 5px 25px;
	background	: #f6f6f6 url(../img/ranking_03.gif) no-repeat left;
}

#ranking-4 {
	border-bottom	: 1px solid #c2c2c2;
	margin		: 0px 3px;
	padding		: 5px 0px 5px 25px;
	background	: #f6f6f6 url(../img/ranking_04.gif) no-repeat left;
}

#ranking-5 {
	border-bottom	: 1px solid #c2c2c2;
	margin		: 0px 3px;
	padding		: 5px 0px 5px 25px;
	background	: #f6f6f6 url(../img/ranking_05.gif) no-repeat left;
}

#ssl {
	margin		: 0px 9px 10px 9px;
	padding		: 0px;
	background-color: #ffffff;
}

.leftbox-bottom4 {
	width		: 100%;
	background	: url(../img/ssl_bottom.jpg) no-repeat;
	height		: 2px;
	margin		: 0px;
}

#right {
	padding		: 0px 0px 10px 24px;
	width		: 559px;
	float		: left;
}

#variable-menu {
	font-size	: 12px;
	line-height	: 20px;
	width		: 554px;
	padding		: 5px 0px 5px 0px;
	text-align	: right;
	border-bottom	: 1px solid #D8D4CE;
	margin		: 0px 0px 5px 0px;
	}

#recommend {
	margin		: 15px 0px 20px 0px;
}

#recommend h3 {
	margin-bottom	: 10px;
}

.main-box {
	width		: 533px;
	text-align	: left;
}

.item-box1 {
	width		: 163px;
	float		: left;
	text-align	: left;
	margin		: 2px 4px;
	padding		: 2px;
}

.item-boxlist {
	background-color: #fff0cc;
	margin		: 0px;
	padding		: 0px;
	width		: 163px;
	text-align	: center;
}

.item-boxitem {
	margin		: 0 auto;
	text-align	: center;
	width		: 150px;
	background-color: #ffd483;
	padding-bottom	: 2px;
}

.item-boxname {
	margin		: 0 auto;
	text-align	: center;
	width		: 150px;
	background-color: #ffffff;
	padding-bottom	: 5px;
}

.item-boxlist h4 {
	margin		: 0px 0px 5px 0px;
	padding		: 0px;
	font-size	: 12px;
	font-weight	: bold;
	}

.item-boxlist h5 {
	font-size	: 12px;
	font-weight	: normal;
	margin		: 0px;
	padding		: 0px;
	line-height	: 18px;
	color		: #5c5c5c;
	background-color: #ffd483;
	font-family	: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

.item-boxlist h6 {
	font-size	: 12px;
	color		: #6b6b6b;
	background-color: #ffffff;
	padding		: 0px;
	margin		: 0px;
	font-weight	: normal;
	line-height	: 14px;
	font-family	: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#news {
	text-align	: left;
	width		: 533px;
	}

.news-box {
	background-image: url(../img/news_bg.gif);
	background-repeat: repeat-y;
	padding		: 2px 4px 2px 6px;
}

.news-txt {
	background-color: #f2f2f2;
	margin		: 4px;
}

.news-txt h5 {
	padding-left	: 8px;
	font-size	: 18px;
	font-weight	: bold;
	color		: #cc0000;
	line-height	: 22px;
}

.news-txt2 {
	margin-top	: 10px;
	padding-bottom	: 10px;
	padding-left	: 8px;
	font-size	: 12px;
	line-height	: 18px;
	color		: #333333;
	font-family	: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#input #content-bottom {
	width:100%;
	background-image: url(../img/content_bottom02.gif);
	background-repeat: no-repeat;
	height		: 5px;
	margin-bottom	: 10px;}


/*footer-----------------------------------------------------------*/

#footer h2 {
	background: #ffcc99;
	background-color: #ffcc99;
	width: 793px;
	padding: 5px 0 5px 5px;
	margin-bottom: 3px;
	text-align: left;}

.text_o {
	color: #ff6600;
	font-weight: bold;}


#souryou {
	width: 119px;
	text-align: center;
	line-height: 1.5em;
	float: left;}

#pay {
	width: 143px;
	text-align: center;
	line-height: 1.5em;
	float: left;}

#point {
	width: 185px;
	text-align: center;
	line-height: 1.5em;
	float: left;}
	
#point span {
	color: #FF0000;}
	
#footer_address {
	float: left;
	line-height: 1.5em;
	margin-left: 70px;}


/*clr------------------------------------*/

br.clr {
	clear: both;
	height: 0;
	padding: 0;
	margin: 0;}
	
	
/*--  その他 --*/
/*強調BOX1*/
.st-box1 {
	background	: #F1F8F1;
	border		: 1px solid #f5f5f5;
	width		: 533px;
	margin		: 0 auto;
	text-align	: center;
}

.st-box1 h4 {
	font-weight : bold;
	font-size	: 12px;
	line-height	: 20px;
}

.st-botton1 {
	border-top	: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left	: 1px solid #cccccc;
	font-size	: 12px;
	color		: #ffffff;
	background-color: #13BA4A;
}

.st-botton2 {
	border-top	: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left	: 1px solid #cccccc;
	font-size	: 12px;
	color		: #282828;
	background-color: #ffffff;
}

.st-cell1 {
	font-size	: 12px;
	color		: #666666;
	font-weight : bold;
	background-color: #F1F8F1;
	width		: 120px;
	text-align	: center;
	line-height : 20px;
}
.st-cell2 {
	font-size	: 12px;
	color		: #666666;
	font-weight : normal;
	background-color: #ffffff;
	text-align	: left;
	margin-left : 10px;
	line-height : 20px;
}

.st-cell3 {
	font-size	: 12px;
	color		: #ffffff;
	font-weight : bold;
	background-color: #13BA4A;
	text-align	: center;
	line-height : 20px;
}
.st-cell4 {
	font-size	: 12px;
	color		: #666666;
	font-weight : normal;
	background-color: #F1F8F1;
	text-align	: center;
	line-height : 70px;
        border-color: #000000;
}

.st-cell5 {
	font-size	: 12px;
	color		: #666666;
	font-weight : normal;
	background-color: #eeeeee;
	text-align	: right;
	line-height : 20px;
}


.st-center {
	margin		: 0 auto;
	text-align	: center;
}
.st-right {
	margin-right: 5px;
	padding-right: 2px;
	text-align	: right;
}
.font10 {
	font-size	: 10px;
	line-height	: 14px;
}
/*result用*/
.result-box {
	width		: 600px;
	text-align	: left;
	/*width		: 610px;
	padding-left: 5px;*/
	color		: #777674;
}
.result-ibox {
	width		: 140px;
	height		: 220px;
	float		: left;
	text-align	: left;
	padding		: 2px;
	/*width		: 120px;
	height		: 200px;
	float		: left;*/
}

.result-ibox1 {
	width		: 140px;
	font-size	: 11px;
	height		: 180px;
	text-align	: left;
	border-bottom: 1px solid #cccccc;
}

.result-ibox2 {
	font-size	: 9px;
	line-height : 12px;
	height		: 180px;
	text-align	: left;
	width		: 115px;
}
.result-ibox2 h5 {
	font-size	: 12px;
	font-weight	: bold;
	color		: #cc0033;
	line-height : 14px;
}

/*item用*/

#result {
	margin-bottom: 20px;
}
#result .list {
	padding		: 5px 10px;
	background-color: #fff4df;
}
#result .name {
	font-size	: 12px;
	line-height	: 16px;
	color		: #333333;
	background-color: #ffd39c;
	margin-bottom: 3px;
	padding-left: 3px;
	font-family	: Osaka, sans-serif;
}
#result .price {
	font-size	: 12px;
	line-height	: 16px;
	color		: #333333;
	background-color: #fafafa;
	padding-left: 3px;
	font-family	: Osaka, sans-serif;
}
#result .comment {
	font-size	: 12px;
	line-height	: 16px;
	color		: #333333;
	padding-top	: 5px;
	padding-left: 5px;
	font-family	: Osaka, sans-serif;
}
#result .button {
	text-align	: right;
	vertical-align: bottom;
}
#result .tab {
	margin		: 0px;
	padding		: 0px 0px 0px 10px;
}

/*itemテスト用*/

#itemresult {
	margin-bottom: 20px;
	width		: 539px;
}
.ilist1 {
	padding		: 5px 10px;
	background-color: #ffffff;
	text-align	: left;
}
.iimages {
	float		: left;
	width		: 210px;
}
.itxts {
	width		: 310px;
	float		: left;
}
.itemframe {
	width		: 520px;
}
.ilisttitle {
	width		: 309px;
}
.ilist2 {
	font-size	: 12px;
	line-height	: 16px;
	font-weight	: bold;
	color		: #777674;
	background-color: #ffffff;
	margin		: 0px;
	padding		: 0px 0px 0px 3px;
	font-family	: sans-serif;
	text-align	: left;
}
.ilisttitlebottom {
	width		: 100%;
	
	height		: 5px;
	margin		: 0px;
	padding		: 0px;
}

.ilist3 {
	font-size	: 12px;
	line-height	: 16px;
	color		: #333333;
	background-color: #ffffff;
	padding-left: 3px;
	font-family	: sans-serif;
	text-align	: left;
}
.ilisttitle2bottom {
	width		: 100%;
	
	height		: 5px;
	margin		: 0px;
	padding		: 0px;
}
.font12 {
	font-size 	: 12px;
	line-height : 18px;
}
/**************************/

.st-cell_order {
	font-size	: 12px;
	color		: #666666;
	background-color: #ffffcc;
	text-align	: center;
	line-height : 20px;
}

.blue {
	color		: #0066CC;
}

.point_table {
	background-color : #ccc;
}

.point_sel01 {
	background-color : #ffffcc;
}

/**************************/
.itiran_box{
	width		: 585px;
	margin		: 5px 0 25px 0;
	float		: left;
	overflow	: hidden;	
	}

.photo_g{
	width		: 185px;
	margin-right: 5px;
	margin-left : 5px;
	margin-top : 10px;
	margin-bottom : 10px;
	float		: left;
	background	: #DBEFF0;
	}

.photo_g img{
	width		: 165px;
	height		: 155px;
	margin		: 10px 0 5px 10px
	}

.photo_g h3{
	font-size	: 12px;
	text-align	: center;
	margin-bottom : 5px;
	color		: #0D5BAB;
	text-decoration	: underline;
	}

.photo_g h3 a,
.photo_box h3 a:hover{
	color		: #0D5BAB;
	}
	
.photo_g p{
	font-size	: 10px;
	margin		: 0 10px 5px 10px
	}
	
.photo_g h4{
	font-size	: 12px;
	text-align	: center;
	margin-top : 5px;
	margin-bottom : 5px;
	color		: #AB2D20;
	text-decoration	: underline;
	}

.photo_g h4 a,
.photo_box h4 a:hover{
	color		: #AB2D20;
	}