@charset "UTF-8";
/* CSS Document */

@import "com.css";
@import "goods_list.css";
@import "goods_list_inner.css";
@import "buy.css";

/*login
---------------------------*/
#header_login {
	text-align:center;
	border-bottom:1px solid #C8C8C8;
	padding-bottom:2px;
	font-size:0.9em;
	margin-bottom:10px;
}


/*contents_left
------------------------------*/
#contents_left {
	float:left;
	width:180px;
	margin-bottom:15px;
}


/*goods_category
------------------------------*/
#goods_category_hed {
	background: url(../images/onlineshop/com/goods_category_hed-.gif) no-repeat;
	height:35px;
}



#goods_category_hed h2 {
	margin:0;
	text-indent:-9999px;
}



#goods_category {
	background:url(../images/onlineshop/com/category_btm.gif) 0 100% no-repeat;
	padding-bottom:27px;
	margin-bottom:15px;
}



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



ul.cat_list li a {
	display:block;
	padding:3px;
	height:15px;
	background:url(../images/onlineshop/com/arrow01.gif) 5px 6px no-repeat;
	font-size:0.8em;
	padding:7px 5px 5px 25px;
	border-left:#bbc1d0 1px solid;
	border-right:#bbc1d0 1px solid;
	border-bottom:1px dotted #C8C8C8;
}


/*membermenu
------------------------------*/
#membermenu_hed {
	background:url(../images/onlineshop/com/membermenu_hed-.jpg) no-repeat;
	height:44px;
	display:none;/*Javescript判定の表示・非表示*/
}


#membermenu_hed h2 {
	margin:0;
	text-indent:-9999px;
}



#membermenu {
	background:url(../images/onlineshop/com/btn_item_bottom.gif) 0 100% no-repeat;
	padding-bottom:15px;
	margin-bottom:10px;
	display:none;/*Javescript判定の表示・非表示*/
}


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


#membermenu ul li a {
	display:block;
	height:15px;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	font-size:0.8em;
	padding:4px 0 0 23px;
	border-right: 2px solid #D2D2D2;
	border-left: 2px solid #D2D2D2;	
}

#membermenu ul li a:hover {
	color:#969696;
	text-decoration:underline;
}

#membermenu_footer {
	background:url(../images/onlineshop/com/btn_item_bottom.gif) no-repeat;
	height:15px;
	display:none;/*Javescript判定の表示・非表示*/
}


/*btn
------------------------------*/
.onlineshop_btn {
	margin-bottom:15px;
}


/*sidecategory02
------------------------------*/
#sidecategory02 {
	width:180px;
	margin-bottom:10px;
}

#sidecategory02 img {
	margin-bottom:5px;
}


/*support
------------------------------*/
#support_top {
	width:180px;
	background:url(../images/onlineshop/com/support_top.gif) no-repeat;
	padding-top:27px;
	margin-bottom:15px;
}

#support_bottom {
	background:url(../images/onlineshop/com/support_bottom.gif) 0 100% no-repeat;
	padding-bottom:10px;
}

#support_bg {
	background:url(../images/onlineshop/com/support_bg.gif) repeat-y;
	padding:5px;
}

.support_img {
	float:right;
	margin:0 0 5px 5px;
}

.support_text {
	font-size:0.8em;
	padding-bottom:5px;
}

.support_telmail {
	clear:both;
	text-align:center;
}


/*contents_right
------------------------------*/
#contents_right {
	float:right;
	width:590px;
	margin-bottom:15px;
}

#contents_right_main {
	width:570px;
	margin:auto;
}


.item {
	float: left;
	width: 140px;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 250px;
	margin-right: 6px;
}
.item_tltle {
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
}
.item_comment {
	font-size: 0.85em;
	padding-top: 5px;
}
.item_price {
	background-color: #FFFFFF;
	padding-top: 5px;
}

.item_category_title {
	font-size: 1.0em;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #000099;
	margin-top: 20px;
	margin-bottom: 5px;
}
.item_category_comment {
	font-size: 0.8em;
	margin-bottom: 5px;
	margin-left: 10px;
}
#main_left {
	float: left;
	width: 400px;
}
#main_right {
	float: right;
	width: 180px;
}
#topics {
	list-style-image: none;
	list-style-type: circle;
}
#topics ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
	list-style-type: disc;
}

/*中央コンテンツ関係
------------------------------*/
.box_default {
	margin-bottom: 15px;
}
#box_default {
	margin-bottom: 15px;
}
#box_osusume {
	margin-bottom: 15px;
}
#box_stylist {
	margin-bottom: 15px;
}
#box_memberlv {
	margin-bottom: 15px;
}
#box_onayami {
	margin-bottom: 15px;
}

.item_three_category_title {
	color: #FFFFFF;
	background-image: url(../images/onlineshop/index/title_bg.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 370px;
	padding-top: 5px;
	padding-left: 30px;
}


/*右バナー関係
------------------------------*/
.banner_default {
	margin-bottom: 15px;
}
.banner_friend {
	margin-bottom: 15px;
}
.banner_member {
	margin-bottom: 15px;
}
.rule_box {
	margin-bottom: 15px;
}
/*
------------------------------*/
.table_margin {
	padding: 5px;
}

.table_title {
	font-size: 1.2em;
	font-weight: bold;
	color: #000066;
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
	padding-left: 10px;
}


/*side_menu1
------------------------------*/

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

#side_menu1 ul {
	margin:0px;
	padding:0px;
}

#side_menu1 ul li {
	margin:0;
	padding:0;
	display:block;
	border-right: 2px solid #D2D2D2;
	border-left: 2px solid #D2D2D2;
}

#side_menu1 ul li a:hover {
	text-decoration:underline;
}

/*ライン下あり インデントなし*/
/*IE6以下*/
* html body .side_menu1_bottomline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	padding:4px 0 0 23px;
	border-bottom:1px dotted #999999;
	height:15px;
}

/*IE7 FIREFOX*/
html>body .side_menu1_bottomline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	padding:4px 0 0 23px;
	border-bottom:1px dotted #999999;
}

/*ラインなし インデントなし*/
/*IE6以下*/
* html body .side_menu1_noline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	padding:4px 0 0 23px;
	height:15px;
}

/*IE7 FIREFOX*/
html>body .side_menu1_noline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	padding:4px 0 0 23px;
}

/*ラインなし インデントあり*/
/*IE6以下*/
* html body .side_menu1_indent a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) 10px 0 no-repeat;
	padding:4px 0 0 30px;
	height:15px;
}

/*IE7 FIREFOX*/
html>body .side_menu1_indent a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) 10px 0 no-repeat;
	padding:4px 0 0 30px;
}

/*ラインあり インデントあり*/
/*IE6以下*/
* html body .side_menu1_indent_bottomline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) 10px 0 no-repeat;
	padding:4px 0 0 30px;
	border-bottom:1px dotted #999999;
	height:15px;
}

/*IE7 FIREFOX*/
html>body .side_menu1_indent_bottomline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) 10px 0 no-repeat;
	padding:4px 0 0 30px;
	border-bottom:1px dotted #999999;
}

/*ラインなし インデントなし タイトル*/
/*IE6以下*/
* html body .side_menu1_subject {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/box.gif) no-repeat;
	padding:4px 0 0 23px;
	height:15px;
	font-weight: bold;
}

/*IE7 FIREFOX*/
html>body .side_menu1_subject {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/box.gif) no-repeat;
	padding:4px 0 0 23px;
	font-weight: bold;
}

/*side_menu2
------------------------------*/
/*side_menu2
------------------------------*/
#side_menu2 {
	width:180px;
	margin-bottom:15px;
}

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

#side_menu2 ul li {
	display:block;
}

#side_menu2 ul li a:hover {
	text-decoration:underline;
}

/*IE6以下*/
* html body .side_menu2_subject {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/box.gif) no-repeat;
	padding:4px 0 0 23px;
	border-top:1px dotted #999999;
	height:15px;
	font-weight: bold;
}

/*IE7 FIREFOX*/
html>body .side_menu2_subject {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/box.gif) no-repeat;
	padding:4px 0 0 23px;
	border-top:1px dotted #999999;
	font-weight: bold;

}



/*IE6以下*/
* html body .side_menu2_topline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	padding:4px 0 0 23px;
	border-top:1px dotted #999999;
	height:15px;
}

/*IE7 FIREFOX*/
html>body .side_menu2_topline a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) no-repeat;
	padding:4px 0 0 23px;
	border-top:1px dotted #999999;
}

/*IE6以下*/
* html body .side_menu2_indent a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) 10px 0 no-repeat;
	padding:4px 0 0 30px;
	height:15px;
}

/*IE7 FIREFOX*/
html>body .side_menu2_indent a {
	display:block;
	font-size: 0.8em;
	background: url(../images/mypage/com/triangle.gif) 10px 0 no-repeat;
	padding:4px 0 0 30px;
}


/*その他
------------------------------*/

.bold {
	font-weight: bold;
}

/*マージン
------------------------------*/

#margin_bottom30 {
	margin-bottom: 30px;
}

#margin_bottom20 {
	margin-bottom: 20px;
}

#margin_bottom10 {
	margin-bottom:10px;
}

#margin_bottom05 {
	margin-bottom: 5px;
}

.font_size80 {
	font-size: 80%;
}



/*ショッピングガイド
------------------------------*/

.howto_shopping_image {
	float: right;
}
.howto_shopping_text {
	float: left;
	width: 280px;
}
.onlineshop_egffgf_logo {
	float: left;
}


#howto_shopping_sublist {
	margin-right: auto;
	margin-left: auto;
}
#howto_shopping_sublist ul {
	margin: 0px;
	padding: 0px;
}
.onlineshop_egffgf_text {
	float: right;
	padding-left: 20px;
	padding-top: 20px;
}

#howto_shopping_sublist ul li {
	display: block;
	float: left;
	width: 138px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
	background-color: #EEEEEE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#howto_shopping_sublist ul li a {
	font-size: 80%;

}
#howto_shopping_sublist ul li a:hover {
	font-size: 80%;
	text-decoration: underline;

}

/*追加ポイントの貯め方
------------------------------*/
#point_box {
	float:left;
	width:290px;
	height:230px;
	font-size: 13px;
}
#point_box2 {
	float:right;
	width:290px;
	height:230px;
	font-size: 13px;
}





#point_boxtop {
}
#point_boxbg {
	background-image:url(../images/onlineshop/howto_point/back_bg.gif);
	background-repeat:repeat-y;
	padding-left: 5px;
	padding-right: 6px;
	height:192px;
	font-size: 90%;
	line-height: 130%;
}
#point_boxright {
	float:right;
}
#point_boxunder {
	margin-bottom: 10px;

}

/*追加ポイントの使い方
------------------------------*/
#pointunderbox {
	width:590px;
    font-size: 14px;
}
#pointunderboxtop {
}
#pointunderboxbg {
	background-image:url(../images/onlineshop/howto_point/siyou_03.gif);
	background-repeat:repeat-y;
	padding-left: 5px;
	padding-right: 5px;
	height:100px;	
}
#pointunderboxud {
    margin-bottom: 10px;
}
/*中央アイテム関係
------------------------------*/


.item_three {
	float: left;
	width: 120px;
	margin-left: 10px;
	height: 200px;
	margin-top: 10px;
}
.item_three_name {
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
}
.item_three_price {
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 3px;
}


/*ショッピングガイド
------------------------------*/
.shopping_guide_title {
	border-bottom:1px dotted #070f3d;
	padding-bottom:5px;
}

ul.shopping_guide_index_list {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height:1.5em;
}