/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:75%;
	line-height:120%;
	background:url(../images/com/bg_img.gif) center top repeat-y;
	color:#666666;
}

form {
	margin:0;
}


h1,h2,h3,h4,h5,h6,p,form,ul,li {
	margin:0;
	padding:0;
}

a img {
	border:none;
}


/*color
-----------------------------*/
.pink {
	color:#F22378;
}

.red {
	color:#C80000;
}


/*link
-----------------------------*/
a:link {
	color: #329600;
	text-decoration: none;
}

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

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


/*clear
-----------------------------*/
.clear {
	clear:both;
	margin:0;
}


/*margin_b
-----------------------------*/
.margin_b5 {
	margin-bottom:5px;
}

.margin_b10 {
	margin-bottom:10px;
}

.margin_b15 {
	margin-bottom:15px;
}

.margin_b20 {
	margin-bottom:20px;
}

.margin_b25 {
	margin-bottom:25px;
}

.margin_b30 {
	margin-bottom:30px;
}


/*frame
-----------------------------*/
#frame {
	width:780px;
	margin:auto;
}


/*summary
-----------------------------*/
#summary {
	font-size:75%;
	color:#F2227D;
	height:20px;
	padding-top:2px;
}


/*header
-----------------------------*/
#header {
	background: url(../images/header/bgimg.gif) repeat-x;
	height:93px;
}

.logo {
	float:left;
	padding-top:5px;
	padding-left:20px;
}

h1 {
	background:url(../images/header/logo.gif) no-repeat;
	width:135px;
	height:85px;
	text-indent:-9999px;
}

#header_r {
	float:right;
	width:625px;
}

#menu {
	padding:5px 0 0 10px;
	height: 25px;
	width: 610px;
}

#menu ul {
	list-style-type:none;
	height: 25px;
}

#menu ul li {
	float:left;
	height: 25px;
	width: 111px;
	margin-right: 10px;
}


.menu01 a {
	background: url(../images/header/top_menu.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu02 a {
	background: url(../images/header/top_menu.gif) no-repeat -121px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu03 a {
	background: url(../images/header/top_menu.gif) no-repeat -242px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu04 a {
	background: url(../images/header/top_menu.gif) no-repeat -363px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu05 a {
	background: url(../images/header/top_menu.gif) no-repeat -484px 0px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}



.menu01 a:hover {
	background: url(../images/header/top_menu.gif) no-repeat 0px -30px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu02 a:hover {
	background: url(../images/header/top_menu.gif) no-repeat -121px -30px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu03 a:hover {
	background: url(../images/header/top_menu.gif) no-repeat -242px -30px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu04 a:hover {
	background: url(../images/header/top_menu.gif) no-repeat -363px -30px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}

.menu05 a:hover {
	background: url(../images/header/top_menu.gif) no-repeat -484px -30px;
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 111px;
}



#btn_header {
	height: 18px;
	width:252px;
	padding-left:350px;
	margin-top: 12px;
}

#btn_header ul {}

#btn_header ul li {
	float: left;
	list-style: none;
}

#home a {
	background: url(../images/header/btn_header.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width:53px;
	margin-right:10px;
}

#sitemap a {
	background: url(../images/header/btn_header.gif) no-repeat -100px 0px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width:86px;
	margin-right:10px;
}

#itemmap a {
	background: url(../images/header/btn_header.gif) no-repeat -186px 0px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width:93px;
}


/*footer
-----------------------------*/
#footer {

}

#footer_link {
	padding-top: 40px;
	padding-bottom: 5px;
	font-size:80%;
	text-align: center;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
}

#copyright {
	background:#329600;
	padding:5px;
	color:#FFFFFF;
	text-align:center;
	font-size:80%;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
}

#copyright a,#copyright a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/*main
-----------------------------*/
#main {
	margin-bottom:10px;
}

#main_img {
	background:url(../images/main/bgline.gif) bottom repeat-x;
	padding-bottom:6px;
	margin-bottom:10px;
}

#main02 {
	width:650px;
	margin:auto;
	margin-bottom:15px;
}

/*main_r
-----------------------------*/
#main_r {
	float:right;
	padding-right:5px;
	width:585px;
}


/*side
-----------------------------*/
#side {
	float:left;
	width:180px;
	padding-left:5px;
}

#title_member {
	background: url(../images/main/title_member.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 54px;
	width: 180px;
	margin-bottom: 5px;
}

#title_shopping {
	background: url(../images/side/title_shopping.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 30px;
	width: 180px;
}

#title_search {
	background: url(../images/side/title_search.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 30px;
	width: 180px;
}

#title_hitokoto {
	background: url(../images/main/title_hitokoto.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 40px;
	width: 180px;
}

#title_shoplist a {
	background: url(../images/main/title_shoplist.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 30px;
	width: 180px;
	display: block;
}


#title_goodslist {
	background: url(../images/side/title_goodslist.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 30px;
	width: 180px;
}


#shopping {
	margin-bottom:10px;
}

#shopping_innar {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px;
	background:#FAFAFA;
}

#shopping_innar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#shopping_innar ul li {
	display:block;
	border-bottom:1px dotted #C8C8C8;
	padding:2px 2px 2px 14px;
	background:url(../images/com/arrow01.gif) 0 5px no-repeat;
}


#goods_search {
	margin-bottom:10px;
}

#goods_search dl {
	margin:0;
	padding:0;
}

#goods_search dt {
	margin:0;
	padding:0;
}

#goods_search dd {
	margin:0;
	padding-bottom:5px;
}

#goods_search_btn {
	text-align:center;
}


#goodslist {
	margin-bottom:10px;
}

#goodslist_innar {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px;
	background:#FAFAFA;
}

#goodslist_innar a {
	color:#F02378;
	text-decoration:none;
}

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

ul.list01 {
	margin:0;
	padding:0;
	list-style-type:none;
}

li.category_title {
	display:block;
	border-bottom:1px dotted #C8C8C8;
	padding:2px 2px 2px 14px;
	background:url(../images/com/arrow02.gif) 0 5px no-repeat;
}

li.category_subtitle {
	display:block;
	font-size:80%;
	padding:2px 2px 2px 14px;
	background:url(../images/com/arrow03.gif) 0 7px no-repeat;
	margin-left: 10px;
}

li.category_subtitle_end {
	display:block;
	font-size:80%;
	padding:2px 2px 5px 14px;
	background:url(../images/com/arrow03.gif) 0 7px no-repeat;
	margin-left: 10px;
	margin-bottom: 5px;
	border-bottom:1px dotted #C8C8C8;
}

ul.sub {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.sub li {
	display:block;
	padding:2px 2px 2px 10px;
	font-size:80%;
	background:url(../images/com/arrow03.gif) 0 7px no-repeat;
}


/*side02
-----------------------------*/
#side02 {
	float:right;
	width:180px;
}

#member {
	margin-bottom:10px;
}

#member_innar {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px;
	background:#FAFAFA;
}

#member_innar ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#member_innar ul li {
	display:block;
	border-bottom:1px dotted #C8C8C8;
	padding:2px 2px 2px 14px;
	background:url(../images/com/arrow01.gif) 0 5px no-repeat;
}


#shoplist {
	margin-bottom:10px;
}

#shoplist_innar {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px;
	background:#FAFAFA;
}

#shoplist_innar_blick {
	margin-bottom:5px;
}

.shop_name {
	border-bottom:1px dotted #ae844c;
	padding-bottom:2px;
	margin-bottom:2px;
}

.shop_img {
	margin-bottom:5px;
	text-align:center;
}

.shop_text {
	font-size:80%;
}



/*ranking
--------------------*/
.ranking_img_top {
	background:url(../images/main/ranking_img_top.gif) 0 0 no-repeat;
	width:585px;
	padding-top:45px;
	margin-bottom:10px;
}


.ranking_img_bottom {
	background:url(../images/main/ranking_img_bottom.gif) 0 100% no-repeat;
	padding-bottom:16px;
}

.ranking_img_bg {
	width:525px;
	background:url(../images/main/ranking_img_bg.gif) 0 0 repeat-y;
	padding:10px 20px 10px 40px;
}

.ranking_wrap {
	width:95px;
	padding:0 5px;
	float:left;
}

.ranking_img {
	width:50px;
	float:left;
	margin-bottom:5px;
}

.rankking_no_img {
	width:40px;
	float:right;
	margin-bottom:5px;
}

.rankking_detail {
	font-size:0.8em;
}



/*feature02_wrap
--------------------*/
.feature02_wrap {
	width:285px;
	float:left;
	margin-bottom:20px;
}






/*feature03_wrap
--------------------*/
.feature03_wrap {
	width:285px;
	float:right;
	margin-bottom:20px;
}





#hitokoto {
	width:180px;
	margin-bottom:10px;
}

#hitokoto_innar {
	width:170px;
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:4px;
	background:#FAFAFA;
	font-size:0.8em;
}


/*main_center
-----------------------------*/
#main_center {
	width:585px;
	margin-bottom:20px;
}

#bgblock_top {
	background:url(../images/main/waku01.gif) top no-repeat;
	padding-top:5px;
	margin-bottom:5px;
}

#bgblock_bottom {
	background:url(../images/main/waku02.gif) 0 100% no-repeat;
	padding-bottom:5px;
}

#bgblock_center {
	background:url(../images/main/waku03.gif) repeat-y;
	padding:0 5px;
}

ul.mainblock{
	margin:0;
	padding:0;
	list-style-type:none;
}

li.mainblock01 {
    float:none;
	margin-bottom:4px;
}

/*select
-----------------------*/
ul.select {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.select li {
	float:left;
}

li.select01 {
	margin-right:4px;
	margin-bottom:4px;
}

li.select02 {
	margin-right:4px;
}


ul.select li img {
	vertical-align:top;
}

/*Topics
-----------------------*/
#topics {
	margin-bottom:10px;
}

.topics_title {
	margin-bottom:5px;
}

#topics dl {
	margin:0 10px;
	padding:0;
}

#topics dt {
	width:65px;
	color:#339900;
	font-size:80%;
	margin:0;
	padding-bottom:3px;
	font-weight:bold;
	border-bottom:1px dotted #006600;
}

#topics dd {
	margin:-19px 0 10px 65px;
	font-size:80%;
	padding-bottom:3px;
	border-bottom:1px dotted #006600;
}

/*Recommendation
-----------------------*/
#recommendation {
	margin-bottom:5px;
}

#recommendation_box {
	padding-left: 5px;
}


#recommendation_block {
	border:1px solid #DCDCDC;
	padding:5px;
	width:120px;
	float:left;
	margin-left:8px;
	margin-bottom:10px;
}

.recommendation_img {
	text-align:center;
}

.recommendation_text {
	text-align:center;
	background:#FAFAFA;
	font-size:0.8em;
	padding:2px;
	height: 50px;
}

.recommendation_price {
	background:#FFF5FF;
	padding:2px;
	text-align:center;
	font-size:80%;
}


/*main_com
-----------------------*/
#main_r h2 {
	background:url(../images/com/bg_title-.gif) no-repeat;
	color:#FFFFFF;
	height:24px;
	margin:0 0 10px;
	padding-left:45px;
	padding-top:11px;
	font-size:120%;
	font-weight:bold;
}

h2.goods_title {
	background:url(../images/com/bg_title03-.gif) no-repeat;
	color:#FFFFFF;
	height:24px;
	margin:0 0 10px;
	padding-left:45px;
	padding-top:11px;
	font-size:120%;
	font-weight:bold;
}

h2.shopping_cart {
	background:url(../images/com/bg_title04.gif) no-repeat;
	color:#FFFFFF;
	height:24px;
	margin:0 0 10px;
	padding-left:45px;
	padding-top:11px;
	font-size:120%;
	font-weight:bold;
}

h3 {
	background:url(../images/com/bg_title02.gif) no-repeat;
	color:#85AA32;
	height:17px;
	font-size:100%;
	margin:0 5px 10px;
	padding-left:23px;
	padding-top:13px;
	padding-bottom:2px;
	border-bottom:1px solid #85AA32;
}

.text01 {
	margin:0 15px 10px;
	padding:0;
	line-height:150% !important;
}

.block01 {
	width:550px;
	margin:auto;
	margin-bottom:10px;
}

.block01 table {
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
}

.block01 table th {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 5px;
	font-style: normal;
	font-weight: normal;
	background: #FAFAFA;
	text-align: left;
}

.block01 table td {
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 5px;
}


.img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.margin_bottom {
	margin:5px 0 15px 0;
	text-align:center;
}

#flow {
	margin:auto;
	margin-bottom:15px;
	width:570px;
}

#block_form_top {
	background:url(../images/com/bg_img02_01.gif) no-repeat;
	padding-top:5px;
	width:650px;
}

#block_form_bottom {
	background: url(../images/com/bg_img02_02.gif) 0 100% no-repeat;
	padding-bottom:5px;
}

#block_form_center {
	background:url(../images/com/bg_img02_03.gif) repeat-y;
	padding:0 20px;
}

.text_form {
	padding:10px 0px 5px 0px;
	border-bottom:1px solid #C8C8C8;
	margin:0px;
}

#bg_white {
	background:#FFFFFF;
	padding:10px;
	margin:10px 0;
}

.td_line {
	border-bottom:1px solid #C8C8C8;
}


/*goods_list/tag
-----------------------*/
#search_list01 {
	width:550px;
	margin:auto;
	margin-bottom:10px;
	border-bottom:1px solid #999999;
}

#search_list02 {
	width:550px;
	margin:auto;
	margin-bottom:10px;
	border-top:1px solid #999999;
}

#goodstag {
	width:540px;
	margin:auto;
	margin-bottom:10px;
}

#pankuzu {
	font-size:80%;
	margin-bottom:10px;
}

#goods_img {
	width:600px;
	margin:auto;
	margin-bottom:10px;
	padding:5px;
	text-align:center;
	border-bottom:1px solid #999999;
}

#goods_detail {
	width:580px;
	padding:5px;
	margin:auto;
	border:1px solid #F2237D;
	margin-bottom:10px;
	background:#FAFAFA;
}

#goods_detail_form {
	width:540px;
	padding:5px;
	margin:auto;
	border:1px solid #F2237D;
	margin-bottom:10px;
	background:#F2237D;
}


/*Shopping
-----------------------*/
#shopping_block {
	width:280px;
}

#shopping_innar {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px;
	background:#FAFAFA;
}

#payment {
	width:550px;
	margin:auto;
	margin-bottom:15px;
}

#payment_innar {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px;
	background:#FAFAFA;
}

.payment_btn {
	text-align:center;
	margin:0;
	padding:5px;
}



/*goods_detail
-----------------------------*/
#goodsname {
	background:url(../images/goods/com/bg_goodsname.gif) 0 0 no-repeat;
	height:25px;
	padding:10px 15px 0;
	font-size:1em;
	font-weight:bold;
	color:#F22378;
	margin-bottom:15px;
}

.goods_l {
	width:330px;
	float:left;
	margin-bottom:20px;
}

.goods_r {
	width:235px;
	float:right;
	margin-bottom:10px;
}

.goods_rap {
	margin-bottom:10px;
}

.thumbnail {
	width:100px;
	float:left;
	margin:0 10px 10px 0;
}

.thumbnail p {
	margin-right: 5px;
	margin-left: 5;
	font-size: 0.8em;
	text-align: center;
}



.bg_title_img {
	background:url(../images/goods/com/bg_title_img01.jpg) 0 0 repeat-x;
	height:20px;
	padding:10px 5px 0;
	color:#F22378;
	margin-bottom:10px;
}

.goods_rap_l {
	width:315px;
	float:left;
	margin-bottom:10px;
}

.goods_rap_r {
	width:250px;
	float:right;
	margin-bottom:20px;
}

.goods_attention {
	border:1px solid #C8C8C8;
	background:#F5F5F5;
	padding:10px;
	margin-bottom:25px;
}


#price {
	font-size:1.2em;
	color:#C80000;
	margin-bottom:10px;
	background: #FFE8FF;
	padding: 3px;
	font-weight: bold;
}


#recommend_b {
	margin-bottom:5px;
}

#inquiry_b {
	margin-bottom:5px;
}

#favorite_b {
	margin-bottom:5px;
}

#favorite_b {
	margin-bottom:5px;
}

#recomend_rap {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	width: 550px;
	margin-bottom: 10px;
}

#souryou {
	background: url(../images/goods/com/banner_souryou.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 75px;
	width: 330px;
}

#banner_member01 {
	background: url(../images/goods/com/banner_member.gif) no-repeat 0px 0px;
	height: 70px;
	width: 330px;
	text-indent: -9999px;
	margin-bottom: 5px;
}
#banner_member01 a {
	height: 70px;
	width: 330px;
	display: block;
}



/*ajax
-----------------------------*/

#review {
	background: url(../images/mydo/b_review.gif) no-repeat 0px 0px;
	padding-top: 17px;
	margin-bottom: 5px;
}

#goods_number {
	background: url(../images/mydo/b_goods_number.gif) no-repeat 0px 0px;
	padding-top: 17px;
	margin-bottom: 5px;
}


/*サイドログインボタン
-----------------------------*/

#header_login {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	background:#FAFAFA;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

#banner_member {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px 5px 10px;
	background:#FAFAFA;
}

#banner_member p {
	margin-bottom: 5px;
}

#btn_login {
	height: 20px;
	width: 125px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#btn_login a {
	background: url(../images/main/btn_login.gif) no-repeat -125px 0px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 125px;
}

#btn_login a:hover {
	background: url(../images/main/btn_login.gif) no-repeat -125px -20px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 125px;
}


#btn_member {
	height: 20px;
	width: 125px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#btn_member a {
	background: url(../images/main/btn_login.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 125px;
}

#btn_member a:hover {
	background: url(../images/main/btn_login.gif) no-repeat 0px -20px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 125px;
}

#membermenu {
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
	padding:5px 5px 10px;
	background:#FAFAFA;
}

#membermenu ul li {
	display:block;
	border-bottom:1px dotted #C8C8C8;
	padding:2px 2px 2px 14px;
	background:url(../images/com/arrow01.gif) 0 5px no-repeat;
	list-style: none;
}


/*clearfix
------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*404 notfound
------------------------*/
#error404 {
	margin: 50px auto 150px;
	width: 370px;
	padding: 15px;
}

#error404 h2 {
	font-size: 1.2em;
	font-weight: bold;
	background: #336600;
	padding: 5px;
	width: 100%;
	color: #FFFFFF;
}

#error404 p {
	margin-top: 20px;
	text-align: right;
	margin-bottom: 5px;
}
