@charset "utf-8";

/*=================================================================
	
	COCORO BOOKS CONTENT
	・Customize: 2011.09/12

=================================================================*/


.section ul.item3{
	padding-top:15px;
}
.section ul.item3 li{
	width:225px;
	height:36px;
	float:left;
	background:url(/common/web/images/bg_sbuLink.gif) no-repeat top left;
	text-align:center;
	font-size:120%;
	font-weight:bold;
	line-height:2.2;
}

.section ul.item3 li a{
	display:block;
	word-spacing:100%;
	height:100%;
}
.section{
	padding:30px 0 15px 16px;
	border-top:#acacac 1px solid;
	border-bottom:#acacac 1px solid;
	border-left:#acacac 1px solid;
	border-right:#acacac 1px solid;
	width:691px;
	*width:701px;
}
.section.no-border {
  padding: 0;
  border: 0;
}

.section ul.item3 li a:hover{
	text-decoration:none;
}
.weeklyArrivals p{
	display:none;
}
.weeklyArrivals #weeklyArrivalItems li{
	float:left;
	width:138px;
	//_width:160px;
	overflow:hidden;
}
.weeklyArrivals #weeklyArrivalItems li p{
	width:140px;
	display:block;
        //text-overflow: ellipsis;
        //white-space:nowrap;
	overflow:hidden;
}
.weeklyArrivals #weeklyArrivalItems li img{
	margin-bottom:5px;
}
.weeklyRanking .topRanking img,
.weeklyRanking .topRanking p{
	text-align:center;
}
.weeklyRanking .topRanking li{
	float:left;
	width:230px;
	text-align:center;
	background:url(/common/web/images/img_ranking.gif) no-repeat left top;
}
.weeklyRanking .topRanking a{	
	text-decoration:none;
}
.weeklyRanking .topRanking a:link,
.weeklyRanking .topRanking a:active,
.weeklyRanking .topRanking a:hover{
	text-decoration:none;
}

.weeklyRanking .topRanking span{
	font-size:150%;
}
.weeklyRanking .topRanking img{
	margin:20px 0 10px;
}
.weeklyRanking p{
	display:none;
}
.weeklyRanking .topRanking p{
	display:block;
}
#innerContent{
	padding:16px 0 0;
	clear:both;
	position:relative;
}

#innerContent div.recContent:after{
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  content: ".";
  }

#innerContent div.recSpecial p.recPrm {
    text-align: center;
    float:left;
    margin:4px;
    width:342px;
}
#innerContent div.recSpecial a{
    text-align: center;
    float:left;
    margin:4px;
    width:342px;
    display:block;
}
#innerContent div.recSpecial p.recPrm img{
  width:100%;
}
#innerContent div.squareCorner p.cap_square {
        padding-left: 20px;
}
#innerContent div.squareCorner ul.squareUnit {
    font-size: 24px;
    margin: 0 auto 25px;
    padding: 20px 14px;
    width: 680px;
	*width: 690px;
	border-bottom:#acacac 1px solid;
	border-left:#acacac 1px solid;
	border-right:#acacac 1px solid;
}
#innerContent div.squareCorner ul.squareUnit li {
    float: left;
    width: 340px;
}
#innerContent div.squareCorner ul.squareUnit li a {
    border: 1px solid #BBBBBB;
    color: #222222;
    display: block;
    height: 55px;
    line-height: 1.2;
    padding: 15px 12px 0 68px;
    text-decoration: none;
}
#innerContent div.squareCorner ul.squareUnit li:first-child {
	background: url("/common/web/images/arrow_mar.gif") no-repeat scroll 280px 22px;
}
#innerContent div.squareCorner ul.squareUnit li:first-child a {
    background: url("/common/web/images/icon_square_mar.png") no-repeat scroll 10px 12px;
    border-bottom: medium none;
}
#innerContent div.squareCorner ul.squareUnit li:first-child a:hover {
    background:#E3E9FF url("/common/web/images/icon_square_mar.png") no-repeat scroll 10px 12px;
}
#innerContent div.squareCorner ul.squareUnit li:nth-child(2) {
	background: url("/common/web/images/arrow_knd.gif") no-repeat scroll 280px 22px;
}
#innerContent div.squareCorner ul.squareUnit li:nth-child(2) a {
    background: url("/common/web/images/icon_square_knd.png") no-repeat scroll 10px 12px;
    border-bottom: medium none;
    border-left: medium none;
}
#innerContent div.squareCorner ul.squareUnit li:nth-child(2) a:hover {
    background:#E3E9FF url("/common/web/images/icon_square_knd.png") no-repeat scroll 10px 12px;
}
#innerContent div.squareCorner ul.squareUnit li:nth-child(3) {
	background: url("/common/web/images/arrow_srg.gif") no-repeat scroll 280px 22px;
}
#innerContent div.squareCorner ul.squareUnit li:nth-child(3) a {
    background: url("/common/web/images/icon_square_srg.png") no-repeat scroll 10px 12px;
}
#innerContent div.squareCorner ul.squareUnit li:nth-child(3) a:hover {
    background:#E3E9FF url("/common/web/images/icon_square_srg.png") no-repeat scroll 10px 12px;
}
#innerContent div.squareCorner ul.squareUnit li:last-child {
	background: url("/common/web/images/arrow_akb.gif") no-repeat scroll 280px 22px;
}
#innerContent div.squareCorner ul.squareUnit li:last-child a {
    background: url("/common/web/images/icon_square_akb.png") no-repeat scroll 10px 12px;
    border-left: medium none;
}
#innerContent div.squareCorner ul.squareUnit li:last-child a:hover {
    background:#E3E9FF url("/common/web/images/icon_square_akb.png") no-repeat scroll 10px 12px;
}
#innerContent div.squareCorner ul.squareUnit li span.cap {
    color: #666666;
    font-size: 14px;
}
#innerContent div.squareCorner ul.squareUnit li span.subtext {
    font-size: 18px;
}
#innerContent div.recSpecial div.recContent {
    margin-bottom: 20px;
}

#content #innerContent .newsArea{
	padding:10px;
	border:#acacac 3px solid;
	width:684px;
	*width:694px;
}
	
body#top #content #innerContent .newsArea h2{
	border-left:#acacac 8px solid;
	margin:0 0 10px 0;
	padding:0 0 0 8px;
	line-height:1.5;
	height:25px;
	width:auto;
}


#content #innerContent .newsArea ul{
	width:100%;
	border-top:#acacac 1px dotted;
}
#content #innerContent .newsArea ul li{
	border-bottom:#acacac 1px dotted;
}
#content #innerContent .newsArea ul li p{
	text-align:left;
	padding:7px 0px;
	float:left;
	width:510px;
}
#content #innerContent .newsArea ul li span{
	width:120px;
	display:block;
	float:left;
	background: url(/common/web/images/arrow_new.gif) no-repeat left center;
	padding:7px 0px 7px 10px;
}
#content #innerContent .newsArea p{
	text-align:right;
	}
#content #innerContent div.announceList {
	padding:0px 20px;
	height:auto;
	width:auto;
}








/* ------------------------------------------
  [1]:result.html
------------------------------------------ */


#content #innerContent h2{
/*        background: #0E569C;
        background: -moz-linear-gradient(-90deg, #0E569C, #003C76);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0E569C', endColorstr='#003C76');
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E569C), color-stop(1, #003C76));
        border-left: #F7BD3E 8px solid;
	height:46px;
	padding-left:30px;
	width:672;
	margin:0;
        margin-bottom: 5px;
	color:#ffffff;
	font-size:150%;
	line-height:46px;*/
color:white;
/*padding:6.5px 10px;*/
  padding: 0 10px;
  height:auto;
      font-size:16px;
/*      line-height: 160%;*/
      line-height: 44px;
margin:0px;
background: #004d9a; /* Old browsers */
background: -moz-linear-gradient(top,  #004d9a 0%, #003a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004d9a), color-stop(100%,#003a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #004d9a 0%,#003a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #004d9a 0%,#003a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #004d9a 0%,#003a72 100%); /* IE10+ */
background: linear-gradient(top,  #004d9a 0%,#003a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d9a', endColorstr='#003a72',GradientType=0 ); /* IE6-9 */
}

#result-numb{
	position:absolute;
	//top:29px;
	top:32px;
	right:20px;
	color:#ffffff;
}
#sortNavi-form {
	height:28px;
	padding-top:6px;
	text-align:right;
}
#sortNavi-form #sortNavi-section{
	width:350px;
	display:inline-block;
	margin-right:20px;	
}
#sortNavi-form #sortNavi-section p#sort-option{
	width:180px;
	height:24px;
	float:left;
}
#sortNavi-form #sortNavi-section p#sort-option2{
	width:110px;
	height:24px;
	position:static !important;
	float:right;

}
#sortNavi-form #sortNavi-section p#sort-option .select-text2{
	height:18px;
}
a.line-link { color: #343434; }
a.line-link:visited { color: #343434; }
a.line-link:hover {color:#999999; }
a.line-link:active {color: #343434;}
   
.line-link {
    position: relative;
    background: url(/common/web/images/bg-block-link.gif) no-repeat scroll 100% 50% #FFFFFF;
    border: 1px solid #BBBBDD;
    border-radius: 2px;
    -moz-border-radius: 2px;
    color: #000000;
    display: block;
    font-size: 30px;
    padding: 7px 0px 7px 0px;
    margin: 4px 7px 0 7px;
    text-decoration: none;
    width:693px;
}
.line-link:hover {
    background: url(/common/web/images/bg-block-link.gif) no-repeat scroll 100% 50% #E3E9FF;
}



#innerContent div.recSpecial .recContent a.line-link {
  background-image:none;
  width:342px;
  height:70px;
  padding:0px;
  margin: 7px 8px 0px;
}
.recContent .line-link .thumb02{
  width: 70px;
  height: 70px;
  float: left;
  margin-left: 10px;
  margin: 4px 0px 0px 10px;
}
.recContent .line-link .thumb02 img{
  height:60px;
}

.line-link .thumb {
	margin-left:70px;
}
.line-link h3, .line-link .title, .line-link .summary {
    float: right;
    line-height: 1.1;
    width: 420px; 
}
.recContent .line-link h3,
.recContent .line-link .title{
  width:200px;
  font-size:14px;
  background:none;
  padding-bottom:2px;
  margin-top:4px;
}
.recContent .line-link .summary {
  width:260px;
  font-size:12px;
  text-align:left;
  margin-top:0px;
}

.recContent .line-link .summary li{
  margin-top:4px;
}


.line-link h3{
    background: url(/common/web/images/bg_line-link_h3.gif) no-repeat left top;
	padding-left:12px;
}

.line-link h3 img{
	display:block;
	float:left;
}
.line-link h3 span{
	width:350px;
}
.line-link h3 {
    color: #222;
    font-size: 0.6em;
    font-weight: bold;
    width:400px;
    margin-right:60px;
    padding-bottom:5px;
    border-bottom:1px #999 solid;
}
.line-link h3 img, .line-link .title img {
    margin: 0 6px 0 0;
    position: relative;
    vertical-align: bottom;
}
.line-link p img {
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
}
.line-link .summary {
    #font-size: 50%;
    font-size: 40%;
    margin: 5px 60px 0 0;
	width: 400px;
	*width:410px;
}
.line-link .summary li {
	margin-top:10px;
}
.line-link .summary em {
    color: #ef0000;
	font-weight:bold;
}

.safeSearchSelect {
	border-bottom:1px #999 dotted;
	border-top:1px #999 dotted;
	padding:10px 0;
	margin:20px 0 10px;
	position:relative;
}
#pager{
	position:relative;
	height:60px;
}
#pagerNavi{
	margin:12px auto 0;
  text-align: center;
}
ul.prev,.pages,.pages li,.next{
	float:left;
}

#prev,#next{
	width:92px;
	height:32px;
	text-indent:-9999px;
}
#prev{
	  background: url(/common/web/images/btn_back.jpg) no-repeat left top;
}
#next{
	  background: url(/common/web/images/btn_next.jpg) no-repeat left top;
}
#prev a{
	  background: url(/common/web/images/btn_back.jpg) no-repeat left top;
}
#next a{
	  background: url(/common/web/images/btn_next.jpg) no-repeat left top;
}
#prev a:hover,#next a:hover{
	background-position:left -32px;
}
#prev a,
#next a{
	width:100%;
	height:100%;
	display:block;	
}
#pager{
	border:1px #999 solid;
	background:#eaeaea;
	text-align:center;
  position:relative;
}
#pager #pagerNavi{
  position:relative;
  left:50%;
  float:left;
}

#pager #pagerNavi .prev,
#pager #pagerNavi .pages,
#pager #pagerNavi .next{
  position:relative;
  left:-50%;
  float:left;
}

.pages {
	margin:0 auto;	
}
.pages li{
	border:1px #999 solid;
	width:30px;
	height:30px;
	background:#333333;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	margin:0 7px;
}
.pages li a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background:#ffffff;
	color:#333333;
}
.pages li a:hover{
	background:#333333;
	color:#ffffff;
}
.skip #first,
.skip #last{
	width:92px;
	height:32px;
	text-indent:-9999px;
	position:absolute;
	overflow:hidden;
}
#first{
	background: url(/common/web/images/btn_first.jpg) no-repeat left top;
	left:20px;
	top:12px;
}
#last{
	  right:20px;
	  top:12px;
	  background: url(/common/web/images/btn_last.jpg) no-repeat left top;
}
#first a{
	  background: url(/common/web/images/btn_first.jpg) no-repeat left top;
}
#last a{
	  background: url(/common/web/images/btn_last.jpg) no-repeat left top;
}
.skip #first a:hover,
.skip #last a:hover{
	background-position:left -32px;
}
#first a,
#last a{
	width:100%;
	height:100%;
	display:block;	
}
.openAccord {
	color:#03C;
	border-bottom:1px #03c solid;
}

.searchSafe	{
	padding: 5px 5px 5px 15px;
	width:650px;
	margin:10px	auto;
	background:#ededed;
	display:inline-block;
}
.searchSafe	span{
	font-weight:bold;
}




/* ------------------------------------------
  [3-1-3]:item.html
------------------------------------------ */
#detail-top{
//	border:#dedede 1px solid;
	padding-top:20px;
}
#content #innerContent #book-summary h2,
#content #innerContent #book-outline h2,
#content #innerContent #detail-recommend h2,
#content #innerContent .detail-outline h2,
#content #innerContent .detail-discount h2,
#content #innerContent #timeLine h2{
/*        background: #0E569C;
        background: -moz-linear-gradient(-90deg, #0E569C, #003C76);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0E569C', endColorstr='#003C76');
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0E569C), color-stop(1, #003C76));
        border-left: #F7BD3E 8px solid;
        font-size: 16px;
	height:24px;
	font-weight:normal;
	line-height:24px;
	padding-left:20px !important;
	margin-left:0;
	margin-right:0;
        margin-bottom: 2px;
        margin-top: 10px;
	width:683px;
	color:#eee;
        box-shadow: 0px 1px 3px #CCC;*/
color:white;
padding:6.5px 10px;
height:auto;
font-size:16px;
line-height: 160%;
margin:0px;
background: #004d9a; /* Old browsers */
background: -moz-linear-gradient(top,  #004d9a 0%, #003a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004d9a), color-stop(100%,#003a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #004d9a 0%,#003a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #004d9a 0%,#003a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #004d9a 0%,#003a72 100%); /* IE10+ */
background: linear-gradient(top,  #004d9a 0%,#003a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004d9a', endColorstr='#003a72',GradientType=0 ); /* IE6-9 */

}

#content #innerContent #detail-top h2 {
    background: none;
    border: 0 none;
    color: #000000;
    line-height: 1.2;
    padding: 0;
    text-shadow: none;
    filter:none;
}
#content #innerContent #detail-top img.agent-logo {
  margin:20px 0 0 50px;
}

#content #innerContent #detail-top h2, #detail-top p.link-backnumber, #detail-top ul{
    float: right;
    margin: 0 30px 0 0;
    padding: 0;
    width: 410px;
    height:auto;
    box-shadow: none;
}
#bookBtnArea {
	clear:both;
	float: right;
    margin: 0 70px 0 0;
	_margin: 0 35px 0 0;
    padding: 0;
    width: 370px;
}
#detail-top ul,#bookBtnArea {
	margin-bottom:15px;
}
#bookBtnArea a{
	width:329px;
	height:40px;
	display:block;
	background:#e9e9e9 url(/common/web/images/btn_subscription.png) no-repeat left top;
	text-indent:-9999px;
}
#bookBtnArea a:hover{
	background-position:left -40px;
}
#detail-top p.link-backnumber {
    text-align: right;
}
#detail-top .thumb {
    margin: 0 0 0 30px;
    padding: 0;
    text-align: center;
}
#detail-top .thumb img {
    margin-bottom: 15px;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0, 0.3);
    -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
}
#detail-top ul {
    margin-top: 8px;
    /*min-height: 200px;*/
    /*min-height: 140px;*/
}
#detail-top ul li {
    border-top: 1px solid #999999;
    color: #000000;
    font-size: 14px;
    padding: 8px;
	
}
#detail-top ul li span {
	font-weight:bold;
}
#detail-top ul em:first-child {
    color: #ef0000;
    font-size: 18px !important;
	font-weight:bold;
}
#product_tag_area{
	width:220px;
}
#product_tag_area_11,
#product_tag_area_12,
#product_tag_area_21,
#product_tag_area_22{
	width:220px;
	text-align:center;
	float:none !important;
}
#book-summary p,
#book-outline p{
	padding:10px 15px;
}
detail-top .thumb{
	clear:both;
}
#detail-top #social {
  margin-top:70px;
  margin-bottom:20px;
	padding:10px 20px;
	clear:both;
  text-align:right;
  width:100%;
}
#detail-top #social ul{
	margin:0;
	padding:0;
	height:auto;
	min-height:0px;
	width:100%;
}
#detail-top #social li {
  margin-right: 20px;
	border-top:none;
	padding:0;
  display:inline-block;
  *display:inline;
  *zoom:1;
}






/*JUITTER PLUGIN CSS
-------------------------------------------*/
//#juitterSearch{ padding:5px;}
//#juitterContainer{margin-bottom: 20px} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */
/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#fff;margin:0;padding:10px 0 0 0;border-bottom:dashed 1px #aaaaaa;padding:10px;clear:both;}
#juitterContainer .twittList span.time{color:#777;font-size:0.9em}
#juitterContainer .twittList a{color:#0033cc;} /*Links inside the tweets list */
/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/
/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{display: inline-block;}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{display: block;}
/* */
#juitterContainer .twitLink li{
	color:#888;
	float:left;
}
#juitterContainer .twInr{
	float:left;
	width:600px;
}
#juitterContainer .twUserName {
	font-weight:bold;
	font-size:1.1em;
}
#juitterContainer .twitLink li.twitlogo {
	width:30px;
}
#juitterContainer .twitLink li.time {
        width:80px;
}
#juitterContainer .twitLink li.time a{
	text-decoration:none;
	color:#888;
}
#juitterContainer .twitLink li.reply {
        width:80px;
}
#juitterContainer .twitLink li.reply a{
	color:#888;
	text-decoration:none;
	padding-left:20px;
        background:url(/common/web/images/reply.png) no-repeat left center;
}
#juitterContainer .twitLink li.retweet {
        width:95px;
}
#juitterContainer .twitLink li.retweet a{
	color:#888;
	text-decoration:none;
	padding-left:20px;
        background:url(/common/web/images/retweet.png) no-repeat left center;
}
#juitterContainer .twitLink li.favorite {
        width:80px;
}
#juitterContainer .twitLink li.favorite a{
	color:#888;
	text-decoration:none;
	padding-left:20px;
        background:url(/common/web/images/favorite.png) no-repeat left center;
}


#juitterSearch {
    padding: 0px;
}

#juitterSearch p {
    background: #33ccff url(/common/web/images/twitter18.png) no-repeat 10px 5px;
    height: 32px;
    line-height: 32px;
    padding-left: 115px;
}

#juitterSearch p span {
    font-weight: bold;
    color: white;
    font-size: 18px;
}

#juitterContainerWrap {
    border-left:   #33ccff 2px solid;
    border-right:  #33ccff 2px solid;
    border-bottom: #33ccff 5px solid;
}

#juitterSearch input.juitterSearch {
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    color: #333;
    width: 136px;
    padding: 0px 6px 0px 6px;
    cursor: pointer;
    margin-left: 135px;
    margin-right: 5px;
    border: 1px solid #9C9C9C;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-border-radius: .2em;
    border-radius: .2em;
    background: #DDD;
    background: -webkit-gradient(linear, left top, left bottom, from(white), to(#DDD) );
    background: -moz-linear-gradient(-90deg, white, #DDD);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
    border-image: initial;
}

#juitterSearch input.juitterSearch:hover 
{
    box-shadow: 0 0 .3em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .3em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .3em rgba(0,0,0,0.4);
    color: #000;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee) );
    background: -moz-linear-gradient(-90deg, #fff, #eee);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='white', endColorstr='#eeeeee');
}


#juitterSearch input.juitterSearch:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
    background: #999;
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff) );
    background: -moz-linear-gradient(-90deg, #ddd, #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='white');
}

p.timeLineExp {
    clear:both;
    text-align: right;
    font-size: 10px;
}
/*end of Juitter CSS*/


#detail-top.area div.noBdr p {
    padding: 20px 0  0 30px;
}


.noBrowser {
    display: none;
}


/* button */

#innerContent .area .algCenter, #innerContent .innerFoot{
  text-align: center;
  margin-top: 12px;
}

#innerContent p.continued,
#innerContent input.btn-round,
#innerContent a.btn-round,
#innerContent a.btn-round_b_w,
#innerContent input.btn-round_b_w,
#innerContent button.btn-round_b_w,
#innerContent input.menu-btn,
#innerContent #sortNavi-section button,
#innerContent input.btn-square,
#innerContent a.btn-square,
#innerContent input.btn-goBuy,
#innerContent input.round-button
 {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #333;
    padding: 0px 24px 0px 24px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    
    display: inline-block;
    margin: 0px;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-border-radius: .2em;
    border-radius: .2em;
    background: #ddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd) );
    background: -moz-linear-gradient(-90deg, #fff, #ddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#dddddd');
}



#footContent input:hover,
#innerContent p.continued:hover,
#innerContent input.btn-round:hover,
#innerContent a.btn-round:hover,
#innerContent a.btn-round_b_w:hover,
#innerContent input.btn-round_b_w:hover,
#innerContent button.btn-round_b_w:hover,
#innerContent input.menu-btn:hover,
#innerContent #sortNavi-section button:hover,
#innerContent input.btn-square:hover,
#innerContent a.btn-square:hover,
#innerContent input.btn-goBuy:hover,
#innerContent input.round-button:hover
{
    box-shadow: 0 0 .3em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .3em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .3em rgba(0,0,0,0.4);
    color: #000;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee) );
    background: -moz-linear-gradient(-90deg, #fff, #eee);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='white', endColorstr='#eeeeee');
      
}
 
/* 認証画面のフォーム */


.authForm{
  font-size:16px;
}

.authForm dl {
  margin:0px auto;
  width:300px;
  display:block;
}
.authForm dl dt{
  clear:both;
  width:100px;
  height:20px;
  padding:10px 0;
}
.authForm dl dd{
  width:100px;
  height:20px;
  padding:10px 0px 10px 100px;
}

.authForm input.btn-forgotPW{
    height: 22px;
    line-height: 16px;
    border:none;
    margin:20px 10px 10px 0px;
    background:white;
    color:blue;
    text-decoration:underline;
}

.authForm input.btn-forgotPW:hover{
}
.authForm input.authBtn {
width: 142px;
height: 32px;
background: url(/common/web/images/store/store_btn_auth.png) no-repeat;
margin-top: 10px;
}
.authForm input.authBtn:hover {
  background-position-y: -32px;
}

#innerContent p.continued:active,
#innerContent input.btn-round:active,
#innerContent a.btn-round:active,
#innerContent a.btn-round_b_w:active,
#innerContent input.btn-round_b_w:active,
#innerContent button.btn-round_b_w:active,
#innerContent #sortNavi-section button:active,
#innerContent input.menu-btn:active,
#innerContent input.btn-square:active,
#innerContent a.btn-square:active,
#innerContent input.btn-goBuy:active,
#innerContent input.round-button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
    background: #999;
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#fff) );
    background: -moz-linear-gradient(-90deg, #ddd, #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dddddd', endColorstr='white');
}

#innerContent input.btn-round,
#innerContent a.btn-round_b_w,
#innerContent input.btn-round_b_w,
#innerContent button.btn-round_b_w,
#innerContent input.btn-square,
#innerContent a.btn-square,
#innerContent input.btn-goBuy,
#innerContent input.round-button
 {
    font-size: 18px;
    width: 329px;
    height: 40px;
    -moz-border-radius: 0;
    border-radius: 0;
    float: right;
    margin-bottom: 20px;
    margin-right:  70px;
}

/* sort button */
#innerContent #sortNavi-section
{
    text-align: right;
}
#innerContent #sortNavi-section button
{
    padding: 0px 6px 0px 6px;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 26px;
    line-height:26px;
}


#innerContent .simple dl.search-option dd {
  padding: 2px;
  border: 1px solid;
  background: white;
}

#innerContent .simple dl.search-option dt {
    border-color: #343434;
    border-style: solid;
    border-width: 1px;
    clear: both;
    background-color: #EEE;
    color: #343434;
    display: block;
    float: left;
    height: 26px;
    line-height: 24px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 2px;
    width: 180px;
}

#innerContent .simple .freeKeywd {
   background-color: #E1F5C6;
   background-origin: padding-box;
   background-position: 0px 0px;
   background-repeat: repeat-x;
   border-style: solid;
   border-width: 1px;
   border-bottom-color: #D1D1D1;
   border-left-color: #787878;
   border-right-color: #D1D1D1;
   border-top-color: #787878;
   clear: none;
   height: 24px;
   line-height: 24px;
   vertical-align: middle;
   width: 480px;
   margin-left: 2px;
}



#innerContent .weeklyNewItem {
   height: 138px;
}
/* AccountInfoPanel */
#bar-account {
    font-size:13px;
    height: 90px; 
    *height: 106px; 
    margin-bottom: 16px;
    border-bottom: 0px solid gray;
    background:#eeeeee;
    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0e3580, endcolorstr=#05254e);
    /*IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#0e3580, endcolorstr=#05254e)";
    zoom: 1;
    /*Chrome Safari*/
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0%, #0e3580),color-stop(100%,#05254e)); 
    /*Fire Fox*/
    background:-moz-linear-gradient(top, #0e3580 0%, #05254e 100%);
    /*Opera*/
    background:-o-linear-gradient(top, #0e3580 0%, #05254e 100%);
    position:relative;
}

#bar-account #logoText {
   padding-left:20px;
   padding-top:8px;
   font-size:20px;
   color: #f8b006;
}

#bar-account #logoImage {
    margin-left: 10px;
    margin-top: 8px;
    float: left;
    width: 300px;
}

#bar-account #accountName {
  line-height:2em;
}

#bar-account #accountName img{
    margin-top: -4px;
}

#bar-account #account_btn{
    text-align:right;
  position:absolute;
  bottom:10px;
  right:22px;
    width: 30%; 
    margin: 34px 1% 1% 1%;
}

#bar-account #account_btn #logout{
      background: url("/common/web/images/separation.gif") 100% 50% no-repeat;
}

#bar-account #account_btn #btnAccount{
      background: url("/common/web/images/separation.gif") 100% 50% no-repeat;
}

#bar-account #account_btn #btnCart{
      background: url("/common/web/images/separation.gif") 100% 50% no-repeat;
}

#bar-account #account_btn img{
//    margin-top: 15px;
}

#bar-account #account_btn span{
    color: #fff;
    margin-right: 2%;
}

#bar-account #new_account_btn {
    float: right;
    width: 42%;
    color: #fff;
    margin: 32px 1% 1% 1%;
}

#bar-account #new_account_btn #SNSlogin{
    background: url("/common/web/images/separation.gif") 100% 50% no-repeat;
}

#bar-account #new_account_btn #login{
    background: url("/common/web/images/separation.gif") 100% 50% no-repeat;
}

#bar-account #new_account_btn #cart{
    background: url("/common/web/images/separation.gif") 100% 50% no-repeat;
}

#bar-account #hnav a {
    //color: #323232;
    color:#fff;
    padding-right: 0px;
}
      
#bar-account:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}


/* Authentication */

#loginSection dt {
    float: left;
/*    font-weight: bold;*/
}

#loginSection .str_loginright dl.str_inpt {
    padding: 30px 30px 5px;
    font-weight: bold;
}
#loginSection dl.str_inpt {
    padding: 10px 30px 5px;
    font-weight: bold;
}

/*----------------------------------------------------------*/
.bar-withBtn_m {
    border-top: 1px solid #dedede;
    text-align: center;
    padding: 15px 20px 30px 20px;
    background:#00407F;
}
#innerContent input.btn-square,
#innerContent a.btn-square
{
    height: 32px;
    width:130px;
    margin-right:20px;
    float:left;
}

#innerContent a.btn-round
 {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: right;
    margin-bottom: 20px;
    margin-left :  40px;
    margin-right:  100px;
}


div#col3-btn{
    min-height:20px;
}
#login-1 .contentMiddle #innerContent{ 
  position:relative;
  /*background-image:url("/common/web/images/login/background.jpg");*/
  background-image:url("/common/web/images/login/background2.jpg");
  /*height:504px;*/
  height:553px;
  /* add 2012.08.07*/
  background-position: -10px 0;
}
#login-1 .contentMiddle{
  width:950px;
}
#login-1 div.str_loginright{
  position:absolute;
  left:514px;
  top:30px;
  width:400px;
}
#login-1 div.str_loginleft{
  position:absolute;
  left:514px;
  /*top:398px;*/
  top:368px;
}
#login-1 h3{
  font-size:20px;
  margin-left:-10px;
  padding-left:14px;
  background-image:url("/common/web/images/login/index.png");
  background-repeat:no-repeat;
}

#login-1 #loginSection .str_loginright dl.str_inpt {
  padding:0px;
  margin: 20px 0 0 0;
}
#login-1 dl.str_inpt {
  font-size:18px;
}
#login-1 dl.str_inpt dt {
 width:120px;
 padding-top:8px;
}
#login-1 dl.str_inpt dd {
  float:left;
}
#login-1 dl.str_inpt dd.str_h1 input{
    width:260px;
    font-weight:normal;
}
#login-1 dl.str_inpt dd.str_h2 input#password{
    width:168px;
}

#login-1 dd.str_h2 {
  *margin-top:20px;
}

#login-1 #loginForm div.area p{
  font-size:16px;
  margin-bottom:10px;
}
#login-1 span.twitter_banner{
  display: block;
  float: left;
  margin:0px 10px;
}
  /*
#errMsgSectionWrapper {
  float: left;
  border-top: 10px solid white;
  border-left: 30px solid transparent;
  -border-bottom-color: white; /* for IE6 *
}
*/
#login-1 #errMsgSection ,
#login-1 .errorForSnsUnregistered{
  position: absolute;
  right:520px;
  top: 48px;
  float: left; /* または width を明示 */
  background: white;
  -position: relative; /* for IE6 */
  border-radius: 4px;
  font-size:18px;
  margin-left:20px;
  *max-width:400px;
}
#login-1 .errorForSnsUnregistered{
  background-color:#eafffd;
}


#login-1 #errMsgSection p ,
#login-1 .errorForSnsUnregistered p{
 margin:10px 10px;
}
#login-1 .errorForSnsUnregistered p.errorForSnsUnregisteredHeader{
  color:red;
}
#login-1 #errMsgSection ul{
  margin:10px 10px;
}
#login-1 input.btn-forgotPW{
    height: 22px;
    line-height: 16px;
    border:none;
    margin:0px 10px 0px 120px;
    background:#f2f5fa;
    color:blue;
    text-decoration:underline;
}

#login-1 input.btn-forgotPW:hover{
}

#login-1 #loginForm div.area p.external-id-note{
  margin-top: 6px;
  margin-right: 10px;
  font-size:14px;
}

#register-1 #area-top-info{
    margin:0px 0px 0px;
}

#register-1 #area-top-info div{
    margin:20px 0px 30px;
}

#register-1 #area-top-info div.guidlineContent{
    background-color: #FCFCFD;
    padding:10px;
    border:solid 1px #CECECE;
}

#register-1 #area-top-info div.guidlineContent ol li u{
    font-weight:bold;
}

#register-1 #area-top-info div.guidlineContent p.continued{
    margin-top:30px;
    margin-bottom:24px;
    margin-left:270px;
}

#register-1 div#innerContent p.aplyCHK{
    font-size:16px;
}

#register-1 div#innerContent p.aplyCHK input{
    width:20px;
    height:20px;
}

#register-1 div#hideshow{
    margin-left:30px;
    margin-right:30px;
}

#register-1 .nextStep{
    width:46%;
    height:160px;
    text-align:center;
}

#register-1 .nextStep.nextStep-left{
    float:left;
}


#register-1 .nextStep.nextStep-right{
    float:right;
}

#register-1 .contentMiddle .nextStep div.desc{
    margin: 0px;
    font-size:16px;
    border:solid 1px #BBB;
    border-radius:10px 10px 0px 0px;
    width:100%;
    padding:10px 0px 8px;
background: #f2f5fa; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f5fa 0%, #ebecef 70%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5fa), color-stop(70%,#ebecef), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5fa 0%,#ebecef 70%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5fa 0%,#ebecef 70%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5fa 0%,#ebecef 70%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(top,  #f2f5fa 0%,#ebecef 70%,#e4e4e4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5fa', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */

}

#register-1 .contentMiddle .nextStep div.desc p{
    font-weight:bold;
    font-size:14px;
    color:#3B3B3B;
}

#register-1 .contentMiddle .nextStep .area  {
    width:100%;
    height:100px;
    margin:0px;
    border:solid 1px #BBB;
    border-radius:0px 0px 10px 10px;
    background-color:#FCFCFD;
}
#register-1 .contentMiddle .nextStep .area  .service_banner{
    margin-top:18px;
}

#register-1 #content #innerContent h2.str_h2{
  padding-left:10px;
}

#record-1 .userGroup, #record-2 .userGroup{
  width:190px;
}

a.baseBtnPc,
input.baseBtnPc {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d9e7fc), color-stop(1, #8fb7f7) );
  background:-moz-linear-gradient( center top, #d9e7fc 5%, #8fb7f7 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9e7fc', endColorstr='#8fb7f7');
  background-color:#d9e7fc;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#333;
}
a.baseBtnPc:hover,
input.baseBtnPc:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8fb7f7), color-stop(1, #d9e7fc) );
  background:-moz-linear-gradient( center top, #8fb7f7 5%, #d9e7fc 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fb7f7', endColorstr='#d9e7fc');
  background-color:#8fb7f7;
  text-decoration:none;
}
a.baseBtnPc:active,
input.baseBtnPc:active {
  position:relative;
  top:1px;
}
a.baseBtnPc:visited,
input.baseBtnPc:visited {
  color:#333;
}
.subscription-link a.baseBtnPc{
  margin: 20px 0px 10px 40px;
  font-size:16px;
  font-weight:bold;
  padding:6px 24px;
}
.sample-link a.baseBtnPc{
  display:inline-block;
  margin: 20px 0px 10px 60px;
  font-size:16px;
  font-weight:bold;
  padding:6px 24px;
}
.backnumber-list a.baseBtnPc{
  margin: 20px 0px 10px 30px;
  font-size:16px;
  font-weight:bold;
  padding:6px 24px;
}

.menu{
  float:left;
  display:block;
  width:300px;
  height:140px;
  margin:30px 20px;
}

.menu li.menu-label{
  display:block;
  width:100%;
  font-size:16px;
  font-weight:bold;
  padding:6px 0px 6px 10px;
  border-bottom:#00407F solid 2px;
  margin-bottom:6px;
}
.menu li input{
  text-align:left;
  width:320px;
  background:white url("/common/web/images/arrow_org_white.gif") 0% 50% no-repeat;
  border:none;
  color:#12A;
  font-size:14px;
  padding:6px 0px 6px 18px;
  margin-left:30px;
}

.menu li input:hover{
  text-decoration: underline;
}
.menu li input:active{
  top:0px;
  left:0px;
}
  
  
label.select-text2 {
  display: block;
  border: 1px solid #787878;
  border-right-color: #d1d1d1;
  border-bottom-color: #d1d1d1;
  border-radius: 2px;
  height: 20px;
  line-height: 20px;
  color:black;
  background-color:white;
}
label.select-text2.center
{ background: url(/common/device/img/bg-filter-select_c.png) 0 0 repeat; 
}
label.select-text2 select {
  border: 0 !important;
  margin-right: 81px;
  padding: 0 0 0 4px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: black;
  background-color:white;
}
label.select-text2 select:hover {
  background-position: 100% 100% ;
}
label.select-text2 option {
  background-color: transparent ;
  color: black;
}
#innerContent ul.buttons-horizontal.item3 li{
  width:215px;
  height:33px;
}
#innerContent ul.buttons-horizontal.item3 li:hover{
  background-position-y: -33px;
}

#innerContent ul.buttons-horizontal.item3 li.buttons-horizontal-1{
  background-image:url("/common/web/images/top/new_arrival/btn_new_book.png");
}
#innerContent ul.buttons-horizontal.item3 li.buttons-horizontal-2{
  background-image:url("/common/web/images/top/new_arrival/btn_new_magz.png");
}
#innerContent ul.buttons-horizontal.item3 li.buttons-horizontal-3{
  background-image:url("/common/web/images/top/new_arrival/btn_new_comic.png");
}
 
#innerContent .weeklyRanking ul.buttons-horizontal.item3 li,
#innerContent .weeklyArrivals ul.buttons-horizontal.item3 li{
  margin-right:12px;
}

#innerContent .weeklyRanking ul.buttons-horizontal.item3 li.buttons-horizontal-1{
  background-image:url("/common/web/images/top/ranking/btn_rank_book.png");
}
#innerContent .weeklyRanking ul.buttons-horizontal.item3 li.buttons-horizontal-2{
  background-image:url("/common/web/images/top/ranking/btn_rank_magz.png");
}
#innerContent .weeklyRanking ul.buttons-horizontal.item3 li.buttons-horizontal-3{
  background-image:url("/common/web/images/top/ranking/btn_rank_comic.png");
}

#innerContent ul.storeSelectionUnit{
  height:220px;
  border: #BBD 1px solid;
  background: white;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

#innerContent ul.storeSelectionUnit li {
  float:left;
}

#innerContent ul.storeSelectionUnit li.storeSelectionUnit-1 a,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-2 a,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-3 a{
  display:block;
  width:214px;
  height:81px;
  margin:10px 10px 4px;
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-1 a:hover,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-2 a:hover,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-3 a:hover{
  /*background-position-y: -81px;*/
  background-position: 0 -81px;
}

#innerContent ul.storeSelectionUnit li.storeSelectionUnit-4 a,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-5 a,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-7 a{
  display:block;
  width:214px;
  height:51px;
  margin:4px 10px;
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-6 a{
  display:block;
  width:214px;
  height:51px;
  margin:4px 10px 10px;
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-4 a:hover,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-5 a:hover,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-6 a:hover,
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-7 a:hover{
  /*background-position-y: -51px;*/
  background-position: 0 -51px;
}


#innerContent ul.storeSelectionUnit li.storeSelectionUnit-1 a{
  background-image:url("/common/web/images/top/square/square_btn_01.png");
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-2 a{
  background-image:url("/common/web/images/top/square/square_btn_02.png");
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-3 a{
  background-image:url("/common/web/images/top/square/square_btn_03.png");
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-4 a{
  background-image:url("/common/web/images/top/square/square_btn_04.png");
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-5 a{
  background-image:url("/common/web/images/top/square/square_btn_05.png");
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-6 a{
  background-image:url("/common/web/images/top/square/square_btn_06.png");
}
#innerContent ul.storeSelectionUnit li.storeSelectionUnit-7 a{
  background-image:url("/common/web/images/top/square/square_btn_07.png");
}
#cart-6 .cart-item,
#cart-6a .cart-item,
#point-buy-complete .cart-item{
  font-size:22px;
  margin-left:16px;
  padding:20px 10px;
  border-radius: 4px;
  text-align:center;
  line-height:1.2em;
}  
#cart-6 #cart-complete #cart-regNumber em ,
#cart-6a #cart-complete #cart-regNumber em ,
#point-buy-complete #cart-complete #cart-regNumber em {
  color: #F29100;
}

div.gpBottomArea {
  margin: 15px 12px 15px;
}

#content table.gp-keyword-linelink {
  border-left:none;
  border-top:none;
}

table.gp-keyword-linelink {
  width: 100%;
  table-layout: fixed;
}
#content table.gp-keyword-linelink td {
  text-align: center;
  border-right:none;
  border-bottom:none;
}
table.gp-keyword-linelink td a {
  text-decoration: underline;
  font-size:18px;
}

.guide{
  background-color:white;
}

.guide h3{
  font-size:20px;
  margin:20px 20px 10px;
}
.guide h3 img {
  margin: 0 5px;
}
.guide.guideTopAdjust h3{
  font-size:18px;
  border-bottom:solid 1px #004D9A;
  padding-bottom:6px;
  margin-top:40px;
}


.guide div.guideTOC,
.guide ul.gList{
  margin:20px 50px 20px;
}
.guide div.guideTOC li{
  list-style-type: disc;
}
.guide div.guideTOC li a{
  font-size:16px;
  margin-top:4px;
  display:block;
}
.guide div.guideTOC .tocList ul.tocList {
  margin:8px 20px 12px;
}

.guide div.guideTOC .tocList ul.tocList li{
  list-style-type: none;
}
.guide dt.guideDetailSub{
  font-size:16px;
  margin:10px 40px;
  border-left:solid 2px #004D9A;
  padding-left:6px;
}
.guide dt.guideDetailSub img {
  margin: 0 5px;
}
.guide dd.guideDetailSub{
  font-size:16px;
  margin:10px 50px;
}


.guide.guideTopAdjust ul.gList{
  margin-top:20px;
}
.guide.guideTopAdjust ul.gList li a{
  font-size:16px;
/*  margin-top:10px;*/
  display:block;
}

.guide dl.guideBody dt.guideDetail{
  font-size:18px;
  border-bottom:solid 1px #004D9A;
  margin:40px 20px 20px;
  padding-bottom:6px;
}
.guide dl.guideBody dt.guideDetail img {
  margin: 0 5px;
}
.guide dl.guideBody div.guideImage {
  padding: 0 20px;
}

.guide div.supportAddress {
  margin-top:30px;
}

.guide div.supportAddress p{
  font-size:18px;
  margin:10px 20px;
}
.guide div.supportAddress h3{
  font-size:18px;
  margin:30px 20px 0px;
  border:none;
}

.guide dl.guideBody dd.guideDetail{
  font-size:16px;
  margin:0px 30px;
}
.guide dl.guideBody dd.guideDetail img {
  margin: 0 5px;
}
.guide dl.guideBody dd.guideDetail p{
  margin:10px 0px;
}
.guide dl.guideBody p > img {
  margin-left: 40px;
}

.guide p.pageTop{
  display:none;
}
#innerContent .guide .nextStepArea{
  margin:20px 0px;
}
#innerContent .guide .nextStepArea input.backstep{
  margin:20px;
}

/*
.guide +  p#btm-search-btn{
  display:none;
}*/
#innerContent div.recSpecial .extraSpecial li a.line-link2{
  background-image:url("/common/web/images/top/special/btn_special_more.png");
  width:353px;
  height:36px;
  display:block;
  margin:auto;
  float:none;
}
#innerContent div.recSpecial .extraSpecial li a.line-link2:hover{
	background-position:left -36px;
}

.line-link p.thumb img.thumbResize,
.line-link p.thumb02 img{
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
}

body#top #weeklyArrivalItems{
  height:600px;
}
body#register-2 .idCooperationDesc{
  margin-top:80px;

}

body#register-2 .idCooperationDesc ul li{
  list-style-type: disc
}

#cart-3 dl.paymentMethodLabel{
  margin-top:20px;
}


#cart-3 div.paymentMethod{
  margin-left:30px;
  margin-bottom:40px;
}
#cart-3 div.paymentMethod p{
  margin-left:60px;
  margin-top:10px;
  margin-bottom:10px;
}

#cart-3 div.paymentMethod input.cardRegister{
    background:white;
    color:blue;
    text-decoration:underline;
    border:none;
    padding-bottom:3px;
    *margin-top:2px;
}

#cart-3 div.paymentMethod input.cardRegister:hover{
    padding:0;
    background:white;
    color:blue;
    text-decoration:underline;
    border:none;
    padding-bottom:3px;
    *margin-top:2px;
}

#cart-3 a{
  text-decoration:underline;
}

#cart-3 #loginSection{
  border-top: solid 1px #D2D2D2;
  text-align: center;
  padding-top: 20px;
}

#cart-3 .product,#cart-3 .price,
#cart-4 .product,#cart-4 .price{
  font-weight:bold;
}

#cart-3 .payment-method ,
#cart-4 .payment-method {
  border-bottom:1px solid #D2D2D2;
  padding:18px;
}

#cart-3 .payment-method div.payment-method-select ,
#cart-4 .payment-method div.payment-method-select {
  float:left;
  padding-right:30px;
}

#cart-3 .payment-method div.payment-method-desc ,
#cart-4 .payment-method div.payment-method-desc {
  float:left;
  width:470px;
}

#cart-3 .payment-use-point ,
#cart-4 .payment-use-point {
  padding:10px 18px;
  font-size:14px;
}

#cart-3 .payment-use-point input,
#cart-4 .payment-use-point input{
  margin-right:10px;
}

#cart-3 .payment-subsc-setting ,
#cart-4 .payment-subsc-setting {
  padding:18px;
}

#cart-3 .payment-subsc-setting div,
#cart-4 .payment-subsc-setting div{
  margin-left:30px;
  font-weight:bold;
}

#cart-3 h3 ,
#cart-4 h3 {
  padding: 9px 0 9px 18px;
  margin: 40px 0 5px 0;
  border-top: #D2D2D2 solid 1px;
  border-bottom: #D2D2D2 solid 1px;
  background: #F2F2F2;
  font-weight: bold;
}
#cart-3 .price span,
#cart-4 .price span{
  color:#A00;
}

#cart-3 .payment-use-point span,
#cart-3 .payment-consume-point span,
#cart-4 .payment-use-point span,
#cart-4 .payment-consume-point span{
  color:#00A;
  font-weight:bold;
}

#cart-4 div.paymentMethodCreditCard div.label,
#cart-4 div.paymentMethodAu div.label{
  margin-bottom:20px;
}
#cart-4 div.paymentMethodCreditCard div.label input{
  margin-bottom:4px;
}
#cart-3 .policy-credit-card,
#cart-4 .policy-credit-card{
  font-size:14px;
  margin:20px 10px 10px;
}

#cart-5 .contentMiddle dl.paymentInfo {
  border-bottom:#D2D2D2 solid 1px;
}

#t_deta001 .eachItem{
  width:600px;
  margin-left:50px;
  margin-bottom:6px;
}

#t_deta001 .eachItem .eachItemOrderDate{
  float:left;
  width:10%;
  height:1em;
  padding-right:30px;
  text-align:right;
}
#t_deta001 .eachItem .eachItemTitle{
  float:left;
  width:40%;
}

#t_deta001 .eachItem .eachItemPrice{
  float:left;
  width:20%;
  height:1em;
  text-align:right;
}
#t_deta001 .eachItem.subtotal{
  margin-top:20px;
}

.questionnaire{
  margin:20px 16px;
  padding:16px;
  border:1px solid black;
  border-radius:4px;
}

.questionnaire .question{
  margin-bottom:10px;
}

.questionnaire .answer li{
  margin:14px 0px 14px 40px;
}

.questionnaire .answer li input{
  position: relative;
  top: -2px;
  margin-right:8px;
}

.questionnaire .competitor{
  margin: 10px 0px 0px 20px;
  width: 300px;
}

ul.gList{
list-style: none;
margin:10px 10px 24px;
padding:0;
font-size:14px;
}
ul.gList li a,
ul.gList li span.noContact{
display: block;
/*margin-bottom: -1px;*/
/*height: 54px;*/
padding: 25px 25px 22px 13px;
border: 1px solid #BBB;
border-top: none;
color: #111;
background: #FFF url(/common/device/img/bg-block-link.png) 100% 50% no-repeat;
text-decoration:none;
}
ul.gList li a.crown{
display: block;
/*margin-bottom: -1px;*/
/*height: 54px;*/
padding: 25px 25px 22px 75px;
border: 1px solid #BBB;
border-top: none;
color: #111;
background-color: #fff;
background-image: url(/common/device/img/bg-block-link.png),url(/common/device/img/bg_crown.png);
background-position: 100% 50%,3% 50%;
background-repeat: no-repeat,no-repeat;
text-decoration:none;
}
ul.gList li:first-child a,
ul.gList li:first-child span.noContact{
border-top: 1px solid #BBB;
}
ul.gList li span.noContact{
background: #FFF;
}
ul.gList li:first-child a,
ul.gList li:first-child span.noContact{
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
}
ul.gList li:last-child a,
ul.gList li:last-child span.noContact{
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
ul.gList li a:hover{
background: #E3E9FF url(/common/device/img/bg-block-link.png) 100% 50% no-repeat;
}
ul.gList li a.crown:hover {
background-image: url(/common/device/img/bg-block-link.png),url(/common/device/img/bg_crown.png);
background-position: 100% 50%,3% 50%;
background-repeat: no-repeat,no-repeat;
}
/* Active Color */
ul.gList li.active a{
color: #999;
}
/* INNER LINK ARROW */
ul.gList li.innerLink a{
background: #FFF url(/common/device/img/icn_downarrow.png) 96% 50% no-repeat;
}
ul.gList li.innerLink a:hover{
background: #E3E9FF url(/common/device/img/icn_downarrow.png) 96% 50% no-repeat;
}
/* Side No Margin */
ul.gList.sideNoMgn{
margin-right: 0;
margin-left: 0;
}

#point-1 #point-amount,
#point-1 #point-monthly,
#point-1 #point-subscription,
#point-1 #point-expiration,
#bill-1 #bill-card,
#bill-1 #bill-au,
#bill-1 #bill-docomo,
#bill-1 #bill-free,
#bill-1 #bill-point{
  margin:6px 30px 40px 20px;
}

#point-1 #point-amount p,
#point-1 #point-monthly p,
#point-1 #point-subscription p,
#point-1 #point-expiration dl{
  margin-left:60px;
}

#point-1 .link-point-top {
  text-align:right;
  margin-right:100px;
}

#point-1 .link-point-top a {
  display:block;
  margin:10px 20px 0 0;
}

#point-1 .contentMiddle #pareSwitch {
  margin:10px 0;
}
#point-1 .contentMiddle table{
  margin:10px 0 0 60px;
  width:470px;
}


#bill-1 p {
  margin-left:20px;
}

#bill-1 .month{
  width: 500px;
  margin: 20px 0px;
  font-size: 16px;
}

#bill-1 h4,
#point-1 h4{
  border-bottom: 1px solid #DDD;

#terminal-1 #innerContent ul{
  margin-top: -20px;
 margin-left: 40px;
} 

#terminal-1 #innerContent li{
  list-style-type:disc;
}

.gp-point-announce{
  background-color:white;
  padding:8px;
}

.gp-point-announce .gp-point-announce-header{
  background:#FAFAFF;
  text-align:center;
  margin:20px 50px;
  padding:10px;
  border:1px solid #EEF;
  border-radius:20px;
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}

.gp-point-announce .gp-point-announce-header span.gp-point-announce-header-catch{
  font-family:fantasy;
  color:red;
  -webkit-transform:rotate(-8deg);
  -moz-transform:rotate(-8deg);
  -o-transform:rotate(-8deg);
  display:block;
  width:180px;
  font-size:24px;
  margin-bottom:20px;
  line-height:1.2;
}


.gp-point-announce .gp-point-announce-header span.gp-point-announce-header-title{
  font-size:30px;
  margin-top:20px;
} 
.gp-point-announce .gp-point-announce-body{
  margin:50px 20px;
  font-size:18px;
  line-height:1.2;
}

  width: 100%;
  margin: 20px 0px;
  font-size: 16px;
}

#bill-1 .bill-summary {
   margin:10px 100px 20px;
 }

#bill-1 .bill-summary dt,
#bill-1 .bill-summary dd,
#bill-1 .bill-item-header dt,
#bill-1 .bill-item-header dd,
#point-1 #point-expiration dt, 
#point-1 #point-expiration dd{
  display:inline-block;
  /display:inline;
  width:40%;
  zoom:1;
 }

#point-1 #point-expiration dt, 
#point-1 #point-expiration dd{
  width:20%;
 }

#bill-1 .bill-item-body dt{
  float:left;
  display:block;
  width:70%;
 }

#bill-1 .bill-item-body dd{
  float:left;
  display:block;
  width:20%;
 }

#bill-1 .bill-item {
  border:1px solid black;
  margin:20px;
}
#bill-1 .bill-item-header ,
#bill-1 .bill-item-body {
  padding:10px 10px;
  float:left;
}
#bill-1 .bill-item-header {
  width:260px;
}

#bill-1 .bill-item-body {
  border-left:1px solid black;
  width:260px;
}

#bill-1 .bill-item-body-product{
  margin-bottom:1em;
}


#point-top #innerContent h3{
  font-size:18px;
  margin:10px 20px 10px;
  padding-bottom:6px;
  border-bottom: solid 1px #004D9A;
}

#point-top #innerContent form{
  background-color:#fff;
}

#point-top #innerContent p{
  font-size:16px;
  padding:10px;
}
#point-top #innerContent li{
  font-size:16px;
}
#point-top #innerContent #point-usage p{
  padding:0px 10px 20px 40px;
}

#point-top #innerContent #point-overview li{
  list-style:disc;
  margin-left:50px;
}

#point-top #innerContent #point-overview .point-rate{
  color:red;
}

* #point-top #innerContent a.point-link{
  background:#33CC33;
}
#point-top #innerContent a.point-link{
  width:400px;
  margin:40px auto 20px;
  display:block;
  margin-top:20px;
  margin-bottom:10px;
  border: 1px solid #999;/* IE */
  border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
  border-bottom:rgba(0, 0, 0, .4) 1px solid;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  border-radius: 5px;
  background: -webkit-gradient( linear, center bottom, center top, from(#33CC33), to(#339933));
  background:-moz-linear-gradient(bottom, rgb(48,192,48), rgb(48,144,48));
  background:-o-linear-gradient(bottom, rgb(48,192,48), rgb(48,144,48));
  text-align:center;
}
* #point-top #innerContent a.point-link:hover{
  background:#66DD66;
}
#point-top #innerContent a.point-link:hover{
  background: -webkit-gradient( linear, center bottom, center top, from(#66DD66), to(#66BB66));
  background:-moz-linear-gradient(bottom, rgb(96,208,96), rgb(96,176,96));
  background:-o-linear-gradient(bottom, rgb(96,208,96), rgb(96,176,96));
}

#point-top #innerContent a.point-link span{
  color: white;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  border-top: rgba(255, 255, 255, .2) 1px solid;
  padding: 6px 0px;
  text-decoration: none;
  text-align: center;
  font-size: 22px;
  display: inline-block;
  line-height: 1em;
  cursor: pointer;
}
#point-top #innerContent #point-usage h2 {
  margin-bottom:18px;
}

#point-top #innerContent .point-monthly-amount-total,
#point-top #innerContent .point-onetime-amount-total{
  display:inline-block;
  width:60px;
  text-align:right;
}

#point-cancel-last-confirm #innerContent .point-monthly-amount-bonus,
#point-cancel-last-confirm #innerContent .point-onetime-amount-bonus,
#point-top #innerContent .point-monthly-amount-bonus,
#point-top #innerContent .point-onetime-amount-bonus{
  display:inline-block;
  margin-left:20px;
  color:red;
  width:100px;
}

/*
#point-top #point-overview p,
#point-top #point-monthly p,
#point-top #point-onetime p,
#point-top #point-usage p{
  padding:10px;
}
  */
#point-cancel-last-confirm #innerContent table,
#point-top #innerContent table{
  margin:auto;
}
#point-cancel-last-confirm #innerContent th,
#point-top #innerContent th{
  text-align:center;
}
#point-cancel-last-confirm #innerContent table tr,
#point-top #innerContent table tr{
  text-align:center;
}
#point-top .point-campaign-note,
#point-list .point-campaign-note{
  font-size:16px;
  position:relative;
  width:400px;
  padding:10px;
  margin:10px auto;
  color:#fff;
  background:#4F8ABD;
  overflow:hidden;
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777;
}
#point-top .point-campaign-note:before,
#point-list .point-campaign-note:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-width:0 24px 24px 0; /* This trick side-steps a webkit bug */
  border-style:solid;
  border-color:#fff #fff #268 #268; /* A bit more verbose to work with .rounded too */
  background:#658E15; /* For Opera when also applying a border-radius */
  display:block; width:0; /* Only for Firefox 3.0 damage limitation */
  /* Optional: shadow */
  -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
#point-list .point-campaign-note:before{
  border-color:#F2F5FA #F2F5FA #268 #268; /* A bit more verbose to work with .rounded too */
}
#point-top .point-campaign-note a,
#point-list .point-campaign-note a{
  color:#FB6;
}
#point-cancel-last-confirm #innerContent .point-br,
#point-top #innerContent .point-br{
  display:block;
}

#point-list .line-link h3{
  width:600px;
}

#point-list .line-link .summary{
  width:560px;
}
#point-list .line-link .summary li span,
#point-list .line-link .summary li em{
  font-size:16px;
}

#point-1 .contentMiddle #pareSwitch #linkon ,
#point-1 .contentMiddle #pareSwitch #linkoff{
  text-indent:0px;
}

 
#point-1 .contentMiddle #pareSwitch span#linkon ,
#point-1 .contentMiddle #pareSwitch span#linkoff {
 width:102px;
 height:20px;
   border-top: 1px solid #7090d0;
   background: #6080c0;
   background: -webkit-gradient(linear, left top, left bottom, from(#3041a0), to(#6080c0));
   background: -webkit-linear-gradient(top, #3041a0, #6080c0);
   background: -moz-linear-gradient(top, #3041a0, #6080c0);
   background: -ms-linear-gradient(top, #3041a0, #6080c0);
   background: -o-linear-gradient(top, #3041a0, #6080c0);
   padding: 4px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }

#point-1 .contentMiddle #pareSwitch a#linkon ,
#point-1 .contentMiddle #pareSwitch a#linkoff {
 width:102px;
 height:20px;
   border-top: 1px solid #b0b0b0;
   background: #e0e0e0;
   background: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#e0e0e0));
   background: -webkit-linear-gradient(top, #c0c0c0, #e0e0e0);
   background: -moz-linear-gradient(top, #c0c0c0, #e0e0e0);
   background: -ms-linear-gradient(top, #c0c0c0, #e0e0e0);
   background: -o-linear-gradient(top, #c0c0c0, #e0e0e0);
   padding: 4px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
}
#point-1 .contentMiddle #pareSwitch a#linkon:hover ,
#point-1 .contentMiddle #pareSwitch a#linkoff:hover {
   border-top-color: #eaeaea;
   background: #eaeaea;
   }
#point-cancel-confirm .contentMiddle .big-option dd, #point-cancel-confirm .contentMiddle .small-option dd ,
#point-cancel-last-confirm .contentMiddle .big-option dd, #point-cancel-last-confirm .contentMiddle .small-option dd ,
#point-cancel-complete .contentMiddle .big-option dd, #point-cancel-complete .contentMiddle .small-option dd {
  padding:10px 0 0 10px;
}

.update-history  {
  background-color:white;
  font-size: 18px;
  line-height: 1.2;
}

.update-history h5 ,
.update-history p {
  margin: 20px 20px 10px;
}

.update-history  ul {
    margin-left:60px;
    margin-bottom:1em;
  }
.update-history ul li{
    list-style-type: disc;
  }
.update-history  hr{
   display:block;
   margin:0 20px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

#register-complete #innerContent{
  width: 699px;
  margin: auto;
  background-color: white;
  padding: 10px 30px 0;
}
#record-1 .contentMiddle .purchase-item .cartItem-btm-section ,
#record-2 .contentMiddle .purchase-item .cartItem-btm-section {
  width:90px;
}

#record-2 .contentMiddle .purchase-item .cartItem-btm-section .btn-download{
  margin:10px 0 0 0;
}


#detail-1 .detail-links-etc ,
#detailmag-1 .detail-links-etc {
  float:right;
  margin:0 30px 0 0;
  width:420px;
}

#detail-1 .detail-links-etc .sample-link a.baseBtnPc,
#detailmag-1 .detail-links-etc .sample-link a.baseBtnPc,
#detail-1 .detail-links-etc .subscription-link a.baseBtnPc,
#detailmag-1 .detail-links-etc .subscription-link a.baseBtnPc{
  margin:0 10px;
}

#terminal-1 #innerContent div.activate-app{
  display:inline-block;
}

#content #innerContent .staticNews h2.long-h2{
  font-size:14px;
}


#content table.thumbnail-centering ,
#content table.thumbnail-centering tr ,
#content table.thumbnail-centering td {
  border-top:none;
  border-bottom:none;
  border-left:none;
  border-right:none;
  margin:0;
  padding:0;
}

#content table.thumbnail-centering {
  margin-left:35px;
  width: 106px;
  height:106px;
}

#content table.thumbnail-centering td { 
  vertical-align: middle;
  text-align:center;
  width: 106px;
  height:106px;
}

#content table.thumbnail-centering div.thumbnail-centering-wrapper {
  width:106px;
}

#content table.thumbnail-centering div.thumbnail-centering-wrapper img {
  max-width: 106px;
  max-height: 106px;
  -webkit-box-shadow: 2px 2px 10px rgba(0,0,0, 0.3);
  -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=135, Strength=5);
}


#cart-1 a.link-to-point-top {
  width:500px;
  margin:40px auto 40px;
  display:block;
  margin-top:20px;
  margin-bottom:10px;
  border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
  border-bottom:rgba(0, 0, 0, .4) 1px solid;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  border-radius: 5px;
  background: -webkit-gradient( linear, center bottom, center top, from(#EEE), to(#FFF));
  text-align:center;
  padding:4px;
}

#cart-1 a.link-to-point-top span.title{
  font-weight:bold;
  color: #444;
  border-top: rgba(255, 255, 255, .2) 1px solid;
  padding: 4px 0px;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  display: inline-block;
  line-height: 1em;
  cursor: pointer;
}
#cart-1 a.link-to-point-top span.desc{
  font-weight:bold;
  color:#49C;
  font-size:14px;
  margin-left:20px;
}

#detail-1 #beginner_page ,
#detailmag-1 #beginner_page {
  display:none;
  margin-bottom: 20px; 
}

#detail-1 #beginner_page a ,
#detailmag-1 #beginner_page a{
  display:block;
}

#detail-1 #beginner_page img,
#detailmag-1 #beginner_page img{
  width:100%;
  margin-bottom:10px;
}

/*=================================================================
  POP
=================================================================*/

div.detail-pop {
  padding: 10px 15px;
}

#rss span{
  font-size: 20px;
  margin-left: 6px;
}