/* -------------------------------------------- */
/* body */
/* -------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
/*	font-family:'ＭＳ Ｐゴシック',sans-serif;*/
	line-height: 1.5em;
	color: #5f5f5f;
	background: url("../images/bg_body.gif") left top ;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	margin: 0;
	padding: 0;
}
dl {
	margin: 0;
	padding: 0;
}
dt,dd {
	margin: 0;
	padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p{
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}
.clearfix:after {
	 content: url(../images/clear.gif);
	 display: block;
	 clear: both;
	 height: 0;
 }
.clearfix {
 	display:inline-block;
 }
.clearfix {
	display: block;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	empty-cells: hidden;
}
th {
	margin: 0;
	padding: 0;
}
td {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}

/* -------------------------------------------- */
/* header */
/* -------------------------------------------- */

#page {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
.cage {
	clear: both;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

#top_lead {
	clear: both;
	margin: 0;
	padding: 0 0 6px;
	background: url("../images/bg_top_lead.gif") bottom left repeat-x #ffffff;
}
#top_lead h1.lead {
	font-size: 80%;
	color: #918b6a;
	font-weight:100;
}
#top_lead .inquiry p{
	float: left;
	margin: 0;
	padding: 0;
}
#top_lead .inquiry p.img01{
	width: 181px;
}
#top_lead .inquiry p.img02{
	width: 193px;
}
#top_lead .inquiry p.img03{
	width: 277px;
}
#top_lead .inquiry p.img04{
	width: 249px;
	text-align: right;
}

#header {
	clear: both;
	margin: 0;
	padding: 0;
	background: url("../images/bg_header.gif") repeat-x left top #83d7fa;
}
#header h2 {
	float: left;
	width: 317px;
	height: 25px;
	line-height: 0;
	padding: 20px 0 0;
	margin: 0;
	font-size: 0;
}
#header .head_right {
	float: left;
	text-align: right;
	width: 583px;
}
#header ul.globalnavi {
	clear: both;
	text-align: left;
	width: 583px;
	margin: 0 0 0 auto;
	padding: 0;
}
#header ul.globalnavi li{
	float: left;
}
#header .search_area {
	width: 583px;
	margin: 3px 0;
	padding: 0;
	background: url("../images/bg_search.gif") no-repeat left top #c1ebfc;
}

#header .search_area p{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
#header .search_area p.label {
	width: 92px;
	padding: 0 0 0 0;
}
#header .search_area p.label img {
	vertical-align: middle;
}
#header .search_area p select ,
#header .search_area p.text input {
	padding: 0;
	font-size: 90%;
}
#header .search_area p.category {
	width: 194px;
	padding: 5px 0 0;
}
#header .search_area p.category select {
	width: 190px;
	line-height: 1.0em;
	font-size: 90%;
	padding: 0;
}
#header .search_area p.text {
	width: 212px;
	padding: 5px 0 0;
}
#header .search_area p.text input {
	width: 200px;
	line-height: 1.0em;
}
#header .search_area p.btn {
	width: 84px;
	text-align: right;
	margin: 1px 0 0;
	padding: 0;
}
#header .search_area p.btn input {
	vertical-align: middle;
}

/* -------------------------------------------- */
/* header */
/* -------------------------------------------- */

#contents {
	clear: both;
	margin: 0;
	padding: 0;
	background: url("../images/bg_contents.gif") left top repeat-x #ffffff;
}
#contents .cage{
	padding: 0 0 2.0em;
	background: url("../images/bg_contents_header.gif") left top repeat-x ;
}

.topiclist {
	float: left;
	width: 700px;
	margin: 0;
	padding: 16px 0 0;
	font-size: 80%;
	color: #000000;
}
.topiclist ul{
	line-height: 1.0em;
}
.topiclist ul li{
	float: left;
	margin: 0 0 0 0.5em;
	line-height: 1.0em;
}
.topiclist ul li.left{
	margin: 0;
}
.topiclist ul li a{
	color: #689fb1;
}
.topiclist ul li a:hover {
	color: #87cee5;
}
.cart_btn {
	float: left;
	width: 200px;
	margin: 10px 0 0;
	padding: 0 0 0;
}
.cart_btn p{
	float: left;
	width: 98px;
	height: 28px;
	line-height: 0;
	font-size: 0;
}
.cart_btn a {
	display: block;
}

.cart_btn p.top{
	width: 102px;
}

#contents .container {
	clear: both;
	padding: 0 2px 1px;
	background: url("../images/bg_container.gif") left bottom no-repeat;
}

/* -------------------------------------------- */
/* submenu */
/* -------------------------------------------- */
#submenu {
	float: left;
	width: 178px;
	margin: 0 10px 0 0;
	padding: 1px 0 2px;
	background: none;
}
#submenu p.title {
	line-height: 1.0em;
	padding: 0.75em 0 0.5em 25px;
	margin: 0;
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	background: url("../images/bg_submenu_title.gif") center left no-repeat;
}
#submenu p.all {
	font-weight: bold;
	border-top: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
}
#submenu p.all a{
	display: block;
	margin: 0;
	padding: 0.25em 0 0.25em 25px;
	color: #000000;
	background: url("../images/bg_submenu01_off.gif") left center;
}
#submenu p.all a:hover{
	color: #828282;
	background: url("../images/bg_submenu01_on.gif") left center;
}
#submenu ul.type {
	margin: 0;
	padding: 0;
	border-top: 2px solid #c1ecff;
	border-bottom: 1px solid #c1ecff;
}
#submenu ul.type li {
	line-heigth: 1.0em;
	border-left: 2px solid #c1ecff;
	border-bottom: 1px solid #c1ecff;
}
#submenu ul.type li a {
	color: #000000;
	display: block;
	line-heigth: 1.0em;
	padding: 0.25em 0 0.25em 25px;
	background: url("../images/bg_submenu02_off.gif") left center no-repeat;
}
#submenu ul.type li a:hover {
	color: #828282;
	background: url("../images/bg_submenu02_on.gif") left center no-repeat;
}
#submenu ul.bland {
	margin: 0;
	padding: 0;
	border-top: 2px solid #c9dbff;
	border-bottom: 1px solid #c9dbff;
}
#submenu ul.bland li {
	line-heigth: 1.0em;
	border-left: 2px solid #c9dbff;
	border-bottom: 1px solid #c9dbff;
}
#submenu ul.bland li a {
	color: #000000;
	display: block;
	line-heigth: 1.0em;
	padding: 0.25em 0 0.25em 25px;
	background: url("../images/bg_submenu03_off.gif") left center no-repeat;
}
#submenu ul.bland li a:hover {
	color: #828282;
	background: url("../images/bg_submenu03_on.gif") left center no-repeat;
}
#submenu ul.gift {
	margin: 0;
	padding: 0;
	border-top: 2px solid #bee3b1;
	border-bottom: 1px solid #bee3b1;
}
#submenu ul.gift li {
	line-heigth: 1.0em;
	border-left: 2px solid #bee3b1;
	border-bottom: 1px solid #bee3b1;
}
#submenu ul.gift li a {
	color: #000000;
	display: block;
	line-heigth: 1.0em;
	padding: 0.25em 0 0.25em 25px;
	background: url("../images/bg_submenu04_off.gif") left center no-repeat;
}
#submenu ul.gift li a:hover {
	color: #828282;
	background: url("../images/bg_submenu04_on.gif") left center no-repeat;
}
#submenu ul.category {
	margin: 0;
	padding: 0;
	border-top: 2px solid #d8dcad;
	border-bottom: 1px solid #d8dcad;
}
#submenu ul.category li {
	line-heigth: 1.0em;
	border-left: 2px solid #d8dcad;
	border-bottom: 1px solid #d8dcad;
}
#submenu ul.category li a {
	color: #000000;
	display: block;
	line-heigth: 1.0em;
	padding: 0.25em 0 0.25em 25px;
	background: url("../images/bg_submenu05_off.gif") left center no-repeat;
}
#submenu ul.category li a:hover {
	color: #828282;
	background: url("../images/bg_submenu05_on.gif") left center no-repeat;
}
#submenu ul.others {
	margin: 0;
	padding: 0;
	border-top: 2px solid #f5c194;
	border-bottom: 1px solid #f5c194;
}
#submenu ul.others li {
	line-heigth: 1.0em;
	border-left: 2px solid #f5c194;
	border-bottom: 1px solid #f5c194;
}
#submenu ul.others li a {
	color: #000000;
	display: block;
	line-heigth: 1.0em;
	padding: 0.25em 0 0.25em 25px;
	background: url("../images/bg_submenu06_off.gif") left center no-repeat;
}
#submenu ul.others li a:hover {
	color: #828282;
	background: url("../images/bg_submenu06_on.gif") left center no-repeat;
}

#submenu ul.point {
	font-size: 85%;
	background: url("../images/bg_submenu_point.gif") left top no-repeat #007b9e;
}
#submenu ul.point li {
	line-height: 22px;
}
#submenu ul.point li.child {
	margin: 0 0 0 22px;
}
#submenu ul.point li a{
	color: #ffffff;
	padding: 0 0 0 18px;
	background: url("../images/bg_submenu_point_arrow04_off.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li a:hover{
	color: #ffffff;
	padding: 0 0 0 18px;
	background: url("../images/bg_submenu_point_arrow04_on.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.point01 a{
	background: url("../images/bg_submenu_point_arrow01_off.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.point01 a:hover{
	background: url("../images/bg_submenu_point_arrow01_on.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.point02 a{
	background: url("../images/bg_submenu_point_arrow02_off.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.point02 a:hover{
	background: url("../images/bg_submenu_point_arrow02_on.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.point03 a{
	background: url("../images/bg_submenu_point_arrow03_off.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.point03 a:hover{
	background: url("../images/bg_submenu_point_arrow03_on.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.child a{
	background: url("../images/bg_submenu_point_arrow_child_off.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li.child a:hover{
	background: url("../images/bg_submenu_point_arrow_child_on.gif") 0.25em 0.2em no-repeat;
}
#submenu ul.point li a:hover {
	color: #95d5db;
}
#submenu ul.info {
	font-size: 85%;
	margin: 0;
	padding: 0;
}
#submenu ul.info li {
	width: 178px;
	margin: 0;
	padding: 0;
	background: url("../images/bg_submenu_border.gif") left bottom repeat-x;
}
#submenu ul.info li a {
	display: block;
	line-heigth: 1.0em;
	padding: 0.1em 0 0.1em 18px;
	background: url("../images/bg_submenu_arrow_off.gif") 0.5em 0.75em no-repeat;
	color: #9a9a9a;
}
#submenu ul.info li a:hover {
	color: #dddddd;
	background: url("../images/bg_submenu_arrow_on.gif") 0.5em 0.75em no-repeat;
}

#submenu p.mobile {
	padding: 5px 0 6px;
	text-align: center;
	background: url("../images/bg_submenu_border.gif") left bottom repeat-x;
}
#submenu .card {
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}
#submenu .card p {
	margin: 0;
	padding: 0;
}
#submenu .card .text{
	line-height: 1.0em;
	margin: 1.0em 0 0.5em;
}

/* -------------------------------------------- */
/* main_area */
/* -------------------------------------------- */

#main_area {
	float: left;
	width: 708px;
	margin: 1px 0 0;
	padding: 0 0 0;
	background: url("../images/bg_main_area.gif") right bottom repeat-y;
}
#main_area.detail{
	width: 700px;
	background: none;
}

#main_area .main_contents {
	float: left;
	width: 520px;
	margin: 0 10px 0 0;
}

.main_contents .visual{
	clear: both;
	margin: 0;
	padding: 9px 0 0;
}
.main_contents .visual p.left {
	float: left;
	width: 303px;
	margin: 0;
	padding: 0;
}
.main_contents .visual p.right {
	float: left;
	width: 217px;
	margin: 0;
	padding: 0;
}

.main_contents .scroll{
	height: 67px;
	padding: 1px 21px 5px;
	padding-bottom;
	margin: 0 0 1.0em;
	background: url("../images/bg_scroll.gif") top left no-repeat;
}

.main_contents .scroll .block {
	float: left;
	width: 79px;
	background: url("../images/bg_scroll_block.gif") right top repeat-y;
}
.main_contents .scroll .block p{
	margin: 4px 0 4px 4px;
}

.main_contents .whatsnew {
	clear: both;
	margin: 0 0 1.0em;
	padding: 0;
}
.main_contents .whatsnew h2{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
}
.main_contents .whatsnew .newslist{
	float: left;
	width: 400px;
	height: 167px;
	margin: 0;
	padding: 0;
	background: url("../images/bg_whatsnew.gif") left top no-repeat;
	
}
.main_contents .whatsnew .newslist ul {
	clear: both;
	margin: 10px 10px 0 0;
	padding: 10px 0 0 15px;
	overflow:auto;
	height:11em;
}
.main_contents .whatsnew .newslist ul li{
	clear: both;
	margin: 0 0 0.85em;
	padding: 0;
	line-height: 1em;
}
.main_contents .whatsnew .newslist ul li a{
	clear: both;
	margin: 0;
	padding: 0 0 0 23px;
	color: #ffffff;
	background: url("../images/bg_newslist_off.gif") 0.5em 0.25em no-repeat;
}
.main_contents .whatsnew .newslist ul li a:hover{
	color: #a2b4d9;
	background: url("../images/bg_newslist_on.gif") 0.5em 0.25em no-repeat;
}

.main_contents .topic_area {
	clear: both;
	padding: 0 0 5px;
	margin: 0;
}
.main_contents .topic_area.recommend .title {
	clear: both;
	heigth: 38px;
	background: url("../images/bg_recommend.gif") right bottom;
}
.main_contents .topic_area.recommend .bannerbox {
	margin: 10px 0 0;
}
.main_contents .topic_area.recommend .bannerbox img{
	float: left;
	padding: 0;
	margin: 0;
} 
.main_contents .topic_area.newarrival .title {
	clear: both;
	heigth: 38px;
	background: url("../images/bg_newarrival.gif") right bottom;
}
.main_contents .topic_area.standard .title {
	clear: both;
	heigth: 38px;
	background: url("../images/bg_standard.gif") right bottom;
}

.detail .detail_title {
	clear: both;
	height: 44px;
	background: url("../images/bg_detail_title.gif") left top no-repeat ;
}
.detail .detail_title h2.text{
	float: left;
	width:550px;
	padding: 12px 0 5px 43px;
	color: #ffffff;
}
.detail .detail_title h2.text span.category{
	margin: 0 1em 0 0;
	font-size: 12px;
	vertical-align: middle;
}
.detail .detail_title h2.text span.name{
	font-size: 17px;
	vertical-align: middle;
}

.detail .list_navi{
	margin: 10px 0 0;
	padding:  0.75em 6px;
	border-bottom: 1px solid #ffae00;
	background: url("../images/bg_list_head.gif") left top no-repeat;
}
.detail .list_navi p.select{
	float: left;
	width: 344px;
}
.detail .list_navi p.select span {
	color: #000000;
}
.detail .list_navi p.select select{
	width: 200px;
}
.detail .list_navi p.paging{
	float: left;
	width: 344px;
	color: #000000;
	text-align: right;
}
span.page_amount{
	color: #ff8a00;
	margin: 0 0.25em 0 0.25em;
	font-weight: bold;
}
.detail .list_navi p.paging a {
	color: #000000;
}
.detail .list_navi p.paging a:hover {
	color: #4d4d4d;
}
.detail .detail_title p.image{
	float: left;
	width: 105px;
	padding: 3px 0 0 0;
}
.detail .detail_title p.image img{
	width: 97px;
	border: 2px solid #808094;
}
.itemlist {
	margin: 1px 0 0;
	padding: 0 0 25px;
	background: url("../images/bg_itemlist.gif") bottom left no-repeat;
}
.detail .itemlist {
	margin-bottom: 2.0em;
	background: url("../images/bg_itemlist_w.gif") bottom left no-repeat;
}
.itemlist .itemline {
	padding: 25px 0 0;
	background: url("../images/bg_itemlist_head.gif") top left no-repeat;
}
.detail .itemlist .itemline {
	background: url("../images/bg_itemlist_head_w.gif") top left no-repeat;
}
.itemlist .itemline_end {
	padding: 25px 0 0;
	background: none;
}

.itemlist .itemline .itembox {
	float: left;
	width: 140px;
	margin: 0 0 0 0;
	padding: 4px 0 4px 25px;
	background: url("../images/bg_itembox.gif") bottom right no-repeat;
}
.itemlist .itemline .itembox.left {
	padding: 4px 0 4px 32px;
}
.itemlist .itemline .itembox p.photo {
	text-align: center;
	background: #ffffff;
}
.itemlist .itemline .itembox p.photo img {
	width: 130px;
}
.itemlist .itemline .itembox .frame {
	margin: 0 4px;
	border: 1px solid #cacaca;
}
.itemlist .itemline .itembox p.bland {
	text-align: center;
	padding:  0 0 0.5em;
	border-top: 1px solid #70b8db;
	background: url("../images/bg_itembox_bland.gif") left bottom #70b8db repeat-x;

}
.itemlist .itemline .itembox p.bland a {
	display: block;
	padding: 0.5em 0 0;
	margin: 0 0 0;
	font-weight: bold;
	color: #ffffff;
	background: url("../images/bg_itembox_bland_head.gif") left top #70b8db repeat-x;
}
.itemlist .itemline .itembox p.bland a:hover {
	color: #49778f;
}
.itemlist .itemline .itembox p.info {
	background: url("../images/bg_itembox_info.gif") bottom right #ffffff no-repeat;
	padding: 4px 6px 1.5em;
	font-size: 80%;
	color: #282929;
}
.itemlist .itemline .itembox p.info a {
	color: #282929;
	font-size: 120%;
}
.main_contents .itemlist .itemline .itembox p.info a:hover {
	color: #737575;
}
.itemlist .itemline .itembox p.info span.label{
	margin-right: 0.5em;
}
.itemlist .itemline .itembox p.info span.price{
	color: #0171af;
}
.itemlist .itemline .itembox .btn_area {
	height: 30px;
	background: url("../images/bg_itembox_btnarea.gif") left top no-repeat;
}
.itemlist .itemline .itembox .btn_area p {
	float: left;
	text-align: right;
	width: 62px;
	padding: 6px 0 0;
}
.main_contents .topic_area.bland {
	padding: 0 0 2.0em;
}
.main_contents .topic_area.bland .title {
	clear: both;
	heigth: 38px;
	background: url("../images/bg_bland.gif") right bottom;
}
.main_contents .topic_area.bland .blandlist li {
	float: left;
	width: 178px;
	padding: 10px 0 0 0;
	margin: 0;
}
.main_contents .topic_area.bland .blandlist li.right {
	width: 164px;
}
.main_contents .topic_area .title h2{
	float: left;
	width: 260px;
}
.main_contents .topic_area .title .text{
	float: left;
	width: 260px;
	padding: 17px 0 0;
	font-size: 80%;
}
.main_contents .topic_area .title .text span{
	margin: 0 0 0 17px;
	font-weight: bold;
	color: #000000;
}
.detail .itemdetail {
	clear: both;
	margin: 10px 0 0;
	padding: 5px 5px 0;
	background: url("../images/bg_itemdetail.gif") left top no-repeat;
}
.detail .itemdetail h3 {
	clear: both;
	height: 49px;
	margin: 0 0 13px;
	padding: 16px 0 0 32px;
	color: #008ec9;
	font-size: 12px;
	font-weight: bold;
	background: url("../images/bg_itemname.gif") left top no-repeat;
}
.detail .itemdetail .detail_cage {
	margin: 0 0 1.0em;
}
.detail .itemdetail .photo {
	float: left;
	width: 310px;
	margin: 0;
	padding: 0 0 5px;
	background: url("../images/bg_photo.gif") left bottom no-repeat;
}
.detail .itemdetail .photo p {
	padding:  5px 0 0;
	text-align: center;
	background: url("../images/bg_photo_head.gif") left top no-repeat;
}
.detail .itemdetail .text {
	float: left;
	width: 360px;
	margin: 0 0 0 20px;
}
.detail .itemdetail .text .point {
	margin: 0;
	padding: 14px 0 10px;
	background: url("../images/bg_point.gif") left top repeat-x;
}
.detail .itemdetail .text .point p{
	margin: 0 0 0 0;
	padding: 0.6em 0 0.75em 60px;
	color: #000000;
	font-size: 120%;
	font-weight: bold;
	background: url("../images/bg_point_mark.gif") no-repeat left top  ;
}
.detail .itemdetail .text .point p span.text01{
	color: #5f5f5f;
}
.detail .itemdetail .text .point p span.text02{
	color: #ff0000;
}
.detail .itemdetail .text .pr {
	padding: 1.0em 0 0;
	margin: 0 0 2.0em;
	background: url("../images/bg_pr.gif") top left repeat-x ;
}
.detail .itemdetail .text .option {
	text-align: center;
	padding: 0 0 20px;
	margin:  0 0 20px;
	background: url("../images/bg_option.gif") bottom left no-repeat ;
}
.detail .itemdetail .text .option .optionlist {
	text-align: left;
	width: 320px;
	margin: 0.5em auto 0;
	padding:  0 0 0.25em;
	border-bottom: 1px solid #dfdfdf;
}
.detail .itemdetail .text .option .optionlist dt {
	float: left;
	width: 105px;
	font-size: 80%;
	font-weight: bold;
	color: #008ec9;
	line-height: 1.5em;
}
.detail .itemdetail .text .option .optionlist dt span {
	margin:  0 0 0 0.5em;
}
.detail .itemdetail .text .option .optionlist dd {
	float: left;
	width: 215px;
	font-size: 80%;
}
.detail .itemdetail .text .option .optionlist dd p{
	line-height: 1.5em;
	padding:  0 0 0 7px;
	border-left: 2px solid #000000;
}
.detail .itemdetail .text .itemprice {
	text-align: right;
	line-height: 1.0em;
	margin: 0 0 6px;
	padding: 0.6em 0.5em 0.6em 0;
	background: url("../images/bg_itemprice.gif") left top repeat-x;
	font-size: 120%;
	color: #000000;
}
.detail .itemdetail .text .itemprice span {
	color: #ff4e00;
	margin: 0 0 0 0.5em;
	font-weight: bold;
}
.detail .itemdetail .text .order {
	padding: 0 0 0.75em;
	background: url("../images/bg_btnarea.gif") left bottom repeat-x;
}
.detail .itemdetail .text .order p {
	float: left;
}
.detail .itemdetail .text .order .amount{
	width: 226px;
	padding: 0.6em 0 0;
}
.detail .itemdetail .text .order .amount input {
	width: 134px;
	margin: 0 0 0 0.25em;
}
.detail .itemdetail .text .order .btn {
	text-align: right;
}
.detail .itemdetail .text .btn_area {
	text-align: right;
	padding: 0.75em 0 0;
}

.detail .comment {
	width: 700px;
	margin: 0 0 2.0em;
	background: url("../images/bg_comment.gif") no-repeat left bottom;
}
.detail .comment .comment_cage{
	padding: 5px 5px 0;
	background: url("../images/bg_comment_head.gif") no-repeat left top;
}
.detail .comment h4 {
	line-height: 2.0em;
	padding: 0.3em 0 0.2em 20px;
	background: url("../images/bg_comment_title.gif") top left no-repeat;
	color: #ffffff;
	font-size: 100%;
}
.detail .comment .text {
	line-heigth: 1.5em;
	padding: 1.0em 0 ;
	margin: 0 21px;
	color: #343434;
}
.detail .comment .text span{
	color: #20abbb;
}
.detail .comment .customer_info {
	width: 660px;
	text-align: left;
	margin: 1.0em auto 0;
	padding: 0.5em 0;
	border-top:1px solid #afdae6;
	border-bottom:1px solid #afdae6;
	background: #ffffff;
}
.detail .comment .customer_info .title {
	float: left;
	width:405px;
	color: #174eb2;
	font-weight: bold;
	font-size: 100%;
}
.detail .comment .customer_info .title span{
	margin: 0 0 0 5px;
}
.detail .comment .customer_info .info {
	float: left;
	text-align: right;
	width: 245px;
	margin: 0 0 0 5px;
	color:#5f5f5f;
}
.detail .comment .customer_info .info .name {
	font-weight: bold;
}
.detail .comment .customer_info .info .point {
	font-weight: bold;
	color: #009ad1;
}
.detail .comment .customer_info .info .no-point {
	margin: 0 0.5em 0 0;
	font-weight: bold;
	color: #91cbdf;
}

/* -------------------------------------------- */
/* Infomation */
/* -------------------------------------------- */

.infomation_area h2{
	clear: both;
	height: 28px;
	margin: 0 0 1.25em;
	padding: 0;
	font-size: 100%;
	background: url("../images/bg_serviceinfo.gif") top right no-repeat;
}
.infomation_area h2 span {
	display: block;
	line-height: 1.0em;
	margin: 0 0 0 0 ;
	padding: 8px 0 0 23px;
	background: url("../images/bg_serviceinfo_text.gif") top left no-repeat;
}

h3.info_return {
	font-size: 100%;
	font-weight: bold;
	margin: 0 0 0 10px; 
}

.infomation_area .info_container ul {
	margin: 0 0 0 10px;
	padding:0 ;
}
.infomation_area .info_container ul li {
	padding: 0 0 0 8px;
	background: url("../images/bg_info_list.gif") 0em 0.5em  no-repeat;
}
.infomation_area .info_container a {
	color: #00499c;
}
.infomation_area .info_container a:hover {
	color: #006be5;
}

.infomation_area {
	clear: both;
	margin: 0;
	padding: 0 0 23px;
}
.infomation_area .info_container {
	clear: both;
	margin: 0;
	padding: 0 0 2.0em;
	border: 0;
}
.infomation_area .info_container p {
	margin: 0 0 0 8px;
}
.infomation_area .info_container p.cardimage {
	float: left;
	width: 328px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
}
.infomation_area .info_container p.cardtext {
	float: left;
	width: 182px;
	margin: 0;
	padding: 0;
}
.detail .infomation_area .info_container p.cardtext {
	float: left;
	width: 362px;
	margin: 0;
	padding: 0;
}
.infomation_area .info_container p.timetext {
	float: left;
	width: 120px;
	padding: 0;
}
.infomation_area .info_container .timeimage {
	text-align: center;
	float: left;
	width: 64px;
	margin: 0;
	padding: 0;
}

#main_area .banner_area {
	float: left;
	width: 178px;
}
.infomation_area .info_container .sending .send_line {
	padding: 0 0 1.5em;
}
.infomation_area .info_container .sending .send_line.end {
	padding: 0 0 0;
}
.infomation_area .info_container .sending .send_line dl {
	float: left;
	width: 260px;
}
.detail .infomation_area .info_container .sending .send_line dl {
	float: left;
	width: 350px;

}
.infomation_area .info_container .sending .send_line dl dt {
	float: left;
	width: 68px;
}
.infomation_area .info_container .sending .send_line dl dd {
}
.infomation_area .info_container .sending .send_line dl h3 {
	font-size: 100%;
	padding: 0.5em 0 0.25em;
}
.infomation_area .info_container .sending .send_line dl p {
	margin: 0;
	font-size: 100%;
}

/* -------------------------------------------- */
/* banner_area */
/* -------------------------------------------- */
#contents .banner_area .cage {
	clear: both;
	width: auto;
	padding: 0 5px;
	margin: 0;
	background: none;
}

.banner_area .login_area{
	margin: 5px 0 0;
}

.banner_area .login_area .loginform {
	margin: 1px 0 0;
	padding: 6px 0;
	background: #ffffff;
}
.banner_area .login_area .loginform p {
	margin: 0 0 0 8px;
}
.banner_area .login_area .loginform p input {
	width: 125px;
}
.banner_area .login_area .loginform p.id {
	margin-bottom: 0.5em;
}
.banner_area .login_area .loginform p.id span img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.banner_area .login_area .loginform p.pw span img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.banner_area .login_area .loginbtn {
	margin: 1px 0 0;
	padding: 3px 0 ;
	background: #ffffff url("../images/bg_login_btn.gif");
}
.banner_area .login_area .loginbtn p.text {
	float: left;
	width: 105px;
	text-align: center;
}
.banner_area .login_area .loginbtn p.text a{
	font-size: 80%;
	color: #0c7497;
}
.banner_area .login_area .loginbtn p.text a:hover{
	color: #12b1e5;
}
.banner_area .login_area .loginbtn p.btn{
	float: left;
	width: 63px;
	height: 20px;
	line-height: 0;
	font-size: 0;
}
.banner_area .entry_area {
	margin: 5px 0 0;
	padding: 0 7px;
	background: url("../images/bg_entry.gif") left top no-repeat;
}
.banner_area .entry_area p.btn {
	padding: 9px 0  0.5em;
}
.banner_area .entry_area p.text {
	line-height: 1.5em;
	font-size: 80%;
	color: #000000;
	padding: 0 0 0.25em;
	margin: 0 0 0.5em;
}

.banner_area .ranking_area {
	margin: 0 0 5px;
}
.banner_area .ranking_area .rankbox{
	margin: 1px 0 0;
	padding: 6px 6px 0;
	background: #ffffff;
}
.banner_area .ranking_area .rankbox.odd {
	background: #f3f3f3;
}
.banner_area .ranking_area .rankbox .image {
	float: left;
	width: 44px;
	text-align: center;
}
.banner_area .ranking_area .rankbox .image .item {
	padding: 0 0 5px;
}
.banner_area .ranking_area .rankbox .image .item img {
	width: 40px;
	border: 2px solid #dadada;
}
.banner_area .ranking_area .rankbox .text {
	float: left;
	width: 107px;
	margin: 0 0 0 5px;
}
.banner_area .ranking_area .rankbox .text p.rank {
	padding: 0.2em 0;
	margin: 0 0 0.35em;
	color: #ffffff;
	font-weight: bold;
	background: url("../images/bg_ranking_rank.gif") left center #b4a76e no-repeat;
}
.banner_area .ranking_area .rankbox .text p.rank span.move{
	margin: 0 33px 0 7px;
}
.banner_area .ranking_area .rankbox .text p.name a {
	color: #689fb1;
}
.banner_area .ranking_area .rankbox .text p.name a:hover {
	color: #87cee5;
}
.banner_area .ranking_area .rankbox .text p.info  {
	font-size: 80%;
}

.banner_area .order_area {
	margin: 0 0 5px;
	padding: 0;
}
.banner_area .order_area img {
	float: left;
	padding: 0;
	margin: 0;
}

.banner_area .banner_images {
}
.banner_area .banner_images p {
	padding: 10px 0 0;
	text-align: center;
}
.banner_area .banner_images img {
	border: 2px solid #ffffff;
}

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

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	background: url("../images/bg_footer.gif") top left repeat-x ;
}

#footer p {
	padding: 17px 0 80px;
	margin: 0;
}
/*ticker*/
.ticker_container {
	width: 470px;
	text-align: left;
}
.ticker_container .wrap {
	width: 460px;
	position: relative;	
	padding: 5px;
	overflow: hidden;
}
#ticker {
    position: relative;

}
#ticker span {
	padding-right: 20px;
}
.info_contents {
	margin-bottom:20px;
    border: 1px #95d3d6 solid;
    border-collapse: collapse;
    border-spacing: 0;
    color: #565656;
}
.info_contents a {
	color: #179ba3;
}
.info_contents a:hover {
	color: #76ced3;
}
.info_contents th {
	color: #ffffff;
    padding: 5px;
    border: #95d3d6 solid;
    border-width: 0 0 1px 1px;
    background: #29abb2;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
}
.info_contents td {
    padding: 5px;
    border: 1px #95d3d6 solid;
    border-width: 0 0 1px 1px;

}

.point_contents h4 {
background:transparent url(../images/bg_serviceinfo.gif) no-repeat scroll right top;
clear:both;
font-size:100%;
height:28px;
margin:0 0 1.25em;
padding:0;
}
.point_contents h4 span {
background:transparent url(../images/bg_serviceinfo_text.gif) no-repeat scroll left top;
display:block;
line-height:1em;
margin:0;
padding:8px 0 0 23px;
}
.point_contents a{
color:#87CEE5;
}

.sitemap{
margin-left:15px;
}
.sitemap{
color:#47838F;
}

.sitemap ul ul{
margin-left:10px;

}

.sitemap ul a{
color:#689FB1;
text-decoration:underline;

}

.sitemap ul ul a{
color:#689FB1;
text-decoration:none;

}
.maker_description{
	padding:7px;
	margin:12px 7px 10px 7px;
    border: 1px #B5B5DF solid;
    border-width: 1px 1px 1px 1px;
}

/* lineup */

/* #contentsArea .lineuplist ul {
	margin: 0 0 1.0em;
}
*/
#main_area .lineuplist li {
	float: left;
	width: 350px;
	padding: 15px 0 0;
	margin-top:5px;
	margin-bottom:8px;
	background: url("../../images/bg_lineuplist.gif") repeat-x left top;
}

#main_area .lineuplist li.right {
	float: left;
	width: 295px;
	border-left: 1px solid #d0d0d0;
	background: url("./images/bg_lineuplist.gif") repeat-x left top;
}

#main_area .lineuplist li.top {
	background: url("./images/bg_lineuplist.gif") repeat-x left -1px;
}

#main_area .lineuplist li.last {
	border-bottom: 1px solid #d0d0d0;

}

#main_area .lineuplist  li p.photo {
	float: left;
	width: 128px;
}

/*beweb*/
p.poip{
margin-bottom:30px;
}
.point-ranki-g{
width:100px;
padding:5px;
margin:5px;
border:1px #CCCCCC solid;
height:180px;
text-align:center;
float:left;
}
.point-ranki-g p{
margin:5px;
}
.point-ranki-g a{
color:#0066FF;
}

 h2.po-div{
background: url(../images/condoms/point-h2.jpg) no-repeat;
display:block;
line-height:1em;
font-size:12px;
margin-bottom:10px;
padding:8px 0 0 23px;
height:28px;
}
h3.po-div{
display:block;
line-height:1em;
font-size:12px;
margin-bottom:10px;
padding:8px 0 0 23px;
height:28px;
border-bottom:1px #00CCCC solid;
}
li.po-div{
margin-left:20px;
list-style:circle;
margin-bottom:10px;
}
li.po-div a{
color:#0066FF;
text-decoration:underline;
}

/* -------------------------------------------- */
/* 追加 */
/* -------------------------------------------- */

.item_table {
	/*background: url("../images/bg_list_table.gif") no-repeat 25px top;*/
	padding: 0 25px 0;
}
.item_table .top {
	width: 100%;
}
.item_table .top .box {
	width: 140px;
	background: url("../images/bg_list_table_box_head.gif") no-repeat left top;
}
.item_table .top .box_body {
	width: 140px;
	background: url("../images/bg_list_table_box.gif") no-repeat left top;
}
.item_table .top .box .image {
	margin:5px 10px 0 5px;
	text-align: center;
}
.item_table .top .emptybox {
	width: 140px;
}
.item_table .top .box table {
	width: 131px;
	margin: 5px 4px 0 4px;
}
.item_table .top .box table td.image{
	text-align: center;
}
.item_table .top .brandbox {
	width: 140px;
	text-align: center;
	background: url("../images/bg_itembox_bland_head.gif") no-repeat scroll left top;
	padding: 0.5em 0 0.25em;
}
.item_table .top .brandbox p.bland {
	width: 124px;
	padding: 0;
	margin: 0 0 0 8px;
}

.item_table .top .brandbox p.bland a{
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	margin: 0;
	/*line-height: 1.25em;*/
}

.item_table .top .box_body p.info {
	margin: 0.25em 10px 0.15em;
	line-height: 1.75em;
}
.item_table .top .box_body p.info a {
	color:#282929;
}
.item_table .top .box_body p.info span.label {
	font-size: 90%;
}
.item_table .top .box_body p.info span.price {
	font-size: 90%;
	color: #0171AF;
}
.item_table .top td.button_area {
	width: 131px;
	height: 43px;
	background: url("../images/bg_list_table_btn.gif") no-repeat scroll left bottom;
}
.item_table .top td.button_area p.left {
	float: left;
	text-align: right;
	width: 65px;
	padding: 0;
	margin: 3px 0 0;
}
.item_table .top td.button_area p.right {
	float: left;
	text-align: right;
	width: 64px;
	padding: 0;
	margin: 3px 0 0;
}
.item_table .top .space {
	width: 25px;
}