@charset "euc-jp";

/* CSS Document */
/* SPUTNICKS index css */


/* body */
body {
margin: 0;
padding: 0;
color: #333333;
font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
font-size: 0.7em;
line-height: 1.4em;
letter-spacing: 0.05em;
}



/* index_wrapper */
#index_wrapper {
width: 960px;
margin: 0 auto;
padding: 0;
}

a {
outline: none;
overflow:hidden;
}

a:link {
color: #35567B;
text-decoration: none;
}

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

a:hover {
color: #2C52E0;
text-decoration: none;
}

a:active {
color: #566FA8;
text-decoration: none;
}

img {
border: 0;
outline: 0;
}

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

li img {
vertical-align: top;
}



/* header */
#header {
width: 960px;
height: 162px;
margin: 0 0 10px 0;
padding: 0;
}

#header a:hover img {
background-color: #FFFFFF;
opacity: 0.7;
filter: alpha(opacity=70);
}

h1 {
width: 960px;
margin: 0 0 10px 0;
padding: 0;
font-size: 1em;
font-weight: normal;
text-align: right;
}

h2 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1em;
font-weight: normal;
text-align: center;
}

#header_top {
position: relative;
width: 960px;
height: 58px;
margin: 0;
padding: 0;
}

#header_top p {
	position: absolute;
	top: 0;
	left: 1px;
	width: 234px;
	height: 58px;
	margin: 0;
	padding: 0;
}

#header_top_banner {
	position: absolute;
	top: 0px;
	right: -5px;
	width: 726px;
	height: 58px;
	margin: 0;
	padding: 0;
}

#header_top_banner li {
float: left;
margin: 0;
padding: 0;
}

#header_middle {
position: relative;
width: 960px;
height: 34px;
margin: 0;
padding: 0;
}

#header_middle form {
	top: 3px;
	left: 1px;
	display: block;
	width: 950px;
	height: 24px;
	margin: 0;
	padding: 5px;
	background-color: #002442;
}

#header_middle .input {
float: left;
width: 850px;
height: 22px;
margin: 0;
padding: 1px 5px;
border: 0;
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, "Þ⥴¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
font-size: 100%;
line-height: 23px;
}

#header_middle .input_button {
float: left;
display: block;
width: 90px;
height: 24px;
margin: 0;
padding: 0;
border: 0;
background-color: #FFFFFF;
color: #FFFFFF;
}

#header_middle_banner {
position: absolute;
top: 0;
right: 0;
width: 260px;
height: 34px;
margin: 0;
padding: 0;
}

#header_middle_banner li {
float: left;
margin: 0;
padding: 0;
}

#header_bottom {
position: relative;
width: 960px;
height: 30px;
margin: 1px 0 0;
background: #F0F0F0 url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_stripe.gif) top left;
}

/*Social button*/
.minimal-sharer {
list-style: none;
zoom: 1;
}

.minimal-sharer,
.minimal-sharer > * {
margin: 0;
padding: 0;
}

.minimal-sharer:after {
content: "";
display: block;
clear: both;
}

.minimal-sharer li {
float: left;
margin-right: 10px;
font-size: 12px;
height: 30px;
line-height: 30px;
}

.minimal-sharer li > * {
display: inline-block;
float: left;
}

.minimal-sharer .link {
width: 30px;
height: 30px;
color: #aaaaaa;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
line-height: 1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
opacity: 0.6;
}

.minimal-sharer .link:hover {
border-color: #888;
transition: all 0.3s linear;
opacity: 1.0;
}

.twitter a {
background: url(../images/social/twitter_bird.png) center center no-repeat;
}

.facebook a {
background: url(../images/social/facebook.png) center center no-repeat;
}

.hatena a {
background: url(../images/social/hatena.png) center center no-repeat;
}

.gplus a {
background: url(../images/social/g.png) center center no-repeat;
}

.mail a {
background: url(../images/social/email.png) center center no-repeat;
}

.minimal-sharer .counter {
position: relative;
top: 4px;
padding: 3px 6px;
margin-left: 2px;
color: #fff;
line-height: 1em;
border: 1px solid #666666;
background: #666666;
cursor: default;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.minimal-sharer .counter:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: -12px;
margin-top: -6px;
border: 6px solid transparent;
border-right-color: #666666;
}

#header_bottom .links {
position: absolute;
top: 0;
right: 0;
height: 30px;
margin: 0;
padding: 0;
}

#header_bottom .links li {
float: left;
}

#header_bottom .links li a {
display: block;
height: 20px;
margin: 5px 0;
padding: 0 10px;
border-left: 1px solid #999;
line-height: 20px;
}

#header_bottom li.end a {
height: 30px;
margin: 0;
background-color: #002442;
border: none;
color: #EEE;
line-height: 30px;
}

#header_bottom li.end a:hover {
background-color: #2F5270;
}



/* index_main */
#index_main {
width: 960px;
margin: 0;
padding: 0;
}



/* sidenavi */
#sidenavi {
float: left;
width: 180px;
margin: 0;
padding: 0;
}

#sidenavi h2 {
margin: 0 0 5px 0;
padding: 0;
}

#sidenavi .banner {
margin: 0 0 20px 0;
padding: 0;
}

#sidenavi .banner a {
display: block;
width: 180px;
margin: 0 0 10px 0;
}

#sidenavi .ranking {
width: 180px;
margin: 0 0 20px 0;
padding: 10px 0;
text-align: center;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_stripe.gif) left top;
}

#sidenavi .ranking ul {
width: 160px;
margin: 0 auto 10px auto;
padding: 0 0 10px 0;
border-bottom: 1px dotted #AAAAAA;
text-align: center;
}

#sidenavi .ranking li {
float: left;
}

#sidenavi .ranking li.image {
width: 75px;
margin: 0 10px 0 0;
padding: 0;
}

#sidenavi .ranking li.text {
width: 75px;
margin: 0;
text-align: left;
}

#sidenavi .ranking li.rank1 {
padding: 20px 0 0 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/sidenavi_ranking_rank1.gif) center top no-repeat;
}

#sidenavi .ranking li.rank2 {
padding: 20px 0 0 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/sidenavi_ranking_rank2.gif) center top no-repeat;
}

#sidenavi .ranking li.rank3 {
padding: 20px 0 0 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/sidenavi_ranking_rank3.gif) center top no-repeat;
}

#sidenavi .ranking li.rank4 {
padding: 20px 0 0 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/sidenavi_ranking_rank3.gif) center top no-repeat;
}

#sidenavi .ranking li.rank5 {
padding: 20px 0 0 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/sidenavi_ranking_rank5.gif) center top no-repeat;
}

#sidenavi .ranking p {
margin: 0;
font-weight: bold;
}

#category_list {
margin: 0;
}

#category_list li {
margin: 0 0 5px 0;
padding: 0;
}

#category_list li a {
display: block;
margin: 0;
padding: 6px 10px;
border-left: 7px solid #002442;
border-top: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
text-align: left;
}

#guide_list {
margin: 0 0 20px 0;
}

#guide_list li {
margin: 0 0 5px 0;
padding: 0;
}

#guide_list li a {
display: block;
margin: 0;
padding: 6px 10px;
border-left: 7px solid #730000;
border-top: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
text-align: left;
}

#category_list li a:hover, #guide_list li a:hover {
background-color: #FAFAFA;
color: #2C52E0;
text-decoration: none;
}

#category_list li a:active, #guide_list li a:active {
background-color: #FAFAFA;
color: #566FA8;
text-decoration: none;
}

#brand_list {
margin: 0 0 20px 0;
}

#brand_list li {
margin: 0 0 5px 0;
border: 1px solid #AAAAAA;
}

#brand_list a {
display: block;
width: 168px;
margin: 0;
padding: 10px 5px;
text-align: left;
}

#brand_list img {
width: 60px;
height: 20px;
margin: 0 5px 0 0;
vertical-align: middle;
}

#mobile {
position: relative;
width: 180px;
height: 160px;
margin: 0 0 10px 0;
padding: 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/sidenavi_mobile.jpg) left top no-repeat;
}

#mobile span {
position: absolute;
left: 10px;
bottom: 5px;
width : 170px;
margin: 0;
padding: 0;
font-size: 10px;
text-align: center;
}

/*
#sidenavi .topics {
width: 180px;
margin: 0 0 20px 0;
padding: 10px 0;
text-align: center;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_stripe.gif) left top;
}

#sidenavi .one_day {
width: 160px;
margin: 10px auto;
padding: 0 0 10px 0;
text-align: left;
border-bottom: 1px dotted #AAAAAA;
}

#sidenavi .text {
margin: 0;
padding: 0;
}

#sidenavi .new_day {
width : 115px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 45px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_new_mini.gif) left top no-repeat;
}

#sidenavi .re_day {
width : 115px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 45px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_re_mini.gif) left top no-repeat;
}

#sidenavi .info_day {
width : 115px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 45px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_info_mini.gif) left top no-repeat;
}

#sidenavi .title {
font-weight: bold;
}
*/

#calendar {
width: 180px;
margin: 0 0 20px;
padding: 10px 0;
background-color: #EAE7E2;
text-align: center;
empty-cells: hide;
}

#calendar table {
width: 160px;
margin: 0 auto 20px;
font-size: 1.0em;
border-collapse: separate;
border-spacing: 2px;
table-layout: fixed;
}

#calendar table th p {
margin: 0;
padding: 0;
text-align: center;
}

#calendar td {
margin: 0;
border: 1px solid #EAE7E1;
background-color: #D9D9D9;
font-size: 1.0em;
text-align: center;
}

#calendar table div {
padding: 8px 1px 1px 1px;
}

#calendar .headline td {
padding: 0;
background: none;
}

#calendar .headline td {
background: none;
border-bottom: 1px solid #4F4E53;
font-family: Verdana, "Þ⥴¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
}

#calendar .headline .sun_title {
border-bottom: 1px solid #AB010A;
color: #AB010A;
}

#calendar td.today {
font-weight: bold;
border: 1px solid #000;
}

#calendar td.sun {
background-color: #E1D1D1;
}

#calendar td.sat {
background-color: #D4D6E5;
}

#calendar td.holiday {
background-color: #E1D1D1;
}

#calendar div.sun {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_trico.gif) center 2px no-repeat;
}

#calendar div.holiday_inquiry {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_red.gif) center 2px no-repeat;
}

#calendar div.holiday_shipping {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_blue.gif) center 2px no-repeat;
}

#calendar div.holiday_both {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_blue.gif) center 2px no-repeat;
}

#calendar div.holiday {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_blue.gif) center 2px no-repeat;
}

#calendar td.sat div.holiday {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_blue.gif) center 2px no-repeat;
}

#calendar td.sun div.holiday {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_trico.gif) center 2px no-repeat;
}

#calendar td.holiday_both div.holiday_both {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_trico.gif) center 2px no-repeat;
}

#calendar p {
width: 150px;
margin: 0 auto 10px;
text-align: left;
}

#calendar #inqu {
margin: 0 auto 5px;
padding: 0 0 0 10px;
color: #AB010A;
font-weight: bold;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_red.gif) left center no-repeat;
}

#calendar #disp {
margin: 0 auto 5px;
padding: 0 0 0 10px;
color: #020AAD;
font-weight: bold;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/cale_blue.gif) left center no-repeat;
}

/* content */
#content {
float: right;
width: 760px;
margin: 0;
padding: 0;
text-align: center;
}

#content h3 {
margin: 0 0 20px 0;
padding: 0;
}

.pagetop {
width: 760px;
margin: 0 0 30px 0;
text-align: right;
}

.pagetop a {
margin: 0 0 0 10px;
padding: 1px 0 0 13px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_pagetop.gif) left center no-repeat;
vertical-align: top;
}

#image-navigation {
position: relative;
width: 760px;
height: 630px;
}

#image-navigation .navi {
position: absolute;
bottom: 5px;
left: 0;
width: 760px;
height: 200px;
text-align: center;
}

#image-navigation .navi ul {
width : 740px;
height: 200px;
margin: 0 auto;
}

#image-navigation .navi ul li {
display: inline;
float: left;
width: 165px;
height: 86px;
margin: 5px 10px;
}

#image-navigation .navi ul li a {
display:block;
}

#image-navigation .navi ul li a img {
width: 165px;
height: 86px;
}

#image-navigation .navi-image {
position: absolute;
top: 0;
left: 0;
width: 760px;
height: 400px;
}

#image-navigation .navi-image {
position:relative;
}

#image-navigation .navi-image a {
position:absolute;
top:0;
left:0;
z-index:8;
}

#image-navigation .navi-image a.active {
z-index:10;
}

#image-navigation .navi-image a.last-active {
z-index:9;
}

#content .banner760 {
width: 760px;
margin: 0 auto 0;
padding: 0;
text-align:left;
}

#content .banner760 img {
margin:2px 4px 3px 2px;
}

#content .banner760 a {
border:0;
margin-bottom:5px;
}


#content .banner760 a:nth-of-type(2n) {
margin: 0 0 10px;
}

#content .banner760 p {
width: 760px;
margin: 0;
padding: 0;
}

#content .banner760 div a {
display: inherit;
float: none;
width: 760px;
height: auto;
margin: 0;
}

#content .banner760 div a img {
margin: 0 0 10px;
}

¥Ô¥Ã¥¯¥¢¥Ã¥×new
#content .pick_item_2014 {
width:760px;
margin:5px 0 5px 0
}

¥Ô¥Ã¥¯¥¢¥Ã¥×new



#content .topics {
width: 740px;
margin: 0 auto 10px auto;
padding: 0;
}

#content #topics_left {
float: left;
width: 365px;
margin: 0 10px 0 0;
padding: 0;
}

#content #topics_right {
float: left;
width: 365px;
margin: 0;
padding: 0;
}

#content .one_day {
width: 365px;
margin: 0 0 15px 0;
}

#content .topics .image {
float: left;
width: 80px;
height: 80px;
margin: 0 10px 0 0;
padding: 0;
}

#content .topics .text {
float: left;
width: 275px;
margin: 0;
padding: 0;
text-align: left;
}

#content .topics p {
margin: 0;
padding: 0;
}

#content .topics .new_day {
width : 190px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_new.gif) left top no-repeat;
vertical-align: top;
}

#content .topics .re_day {
width : 190px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_re.gif) left top no-repeat;
vertical-align: top;
}

#content .topics .info_day {
width : 190px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_info.gif) left top no-repeat;
vertical-align: top;
}

#content .topics .sp_day {
width : 190px;
height: 17px;
margin: 0 0 5px 0;
padding: 3px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/topics_day_title_sp.gif) left top no-repeat;
vertical-align: top;
}

#content .topics .title {
font-weight: bold;
}

#pickup {
width: 740px;
margin: 0 auto 25px auto;
}

.big, .mini {
width: 740px;
margin: 0 0 15px 0;
}

.big li {
float: left;
width: 365px;
margin: 0 10px 0 0;
text-align: left;
}

.mini li {
float: left;
width: 170px;
margin: 0 10px 0 0;
padding: 0;
text-align: left;
}

#pickup img {
margin: 0 0 5px 0;
}

#pickup .end {
margin: 0;
}

#styling {
width: 740px;
margin: 0 auto 25px auto;
padding: 0;
}

.one_styling {
float: left;
width: 170px;
margin: 0 20px 0 0;
padding: 0;
}

#styling .end {
margin: 0;
}

.styling_top {
width: 170px;
}

#styling .day {
width: 170px;
margin: 0;
padding: 5px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_styling_day.gif) center top no-repeat;
color: #FFFFFF;
text-align: center;
vertical-align: top;
}

#styling .image {
width: 168px;
margin: 0;
padding: 10px 0;
border-right: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
text-align: center;
}

#styling .catch {
width: 150px;
margin: 0;
padding: 0 9px 10px 9px;
border-right: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
text-align: left;
}

.styling_bottom {
width: 170px;
margin: 0;
padding: 0 0 5px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_styling_item.gif) center bottom no-repeat;
text-align: center;
}

.styling_bottom ul {
width: 150px;
margin: 0;
padding: 0 9px 5px 9px;
border-right: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
}

.styling_bottom .left {
float: left;
width: 50px;
margin: 0 5px 0 0;
padding: 0;
font-weight: bold;
text-align: left;
}

.styling_bottom .right {
float: left;
width: 95px;
margin: 0;
padding: 0;
text-align: left;
}

#content .ranking {
width: 740px;
margin: 0 auto 0 auto;
padding: 0;
}

#content .ranking div {
margin: 0 0 5px 0;
padding: 25px 0 5px 0;
}

#content #ranking_tops {
background: #FFF url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/ranking_tops.gif) center top no-repeat;
}

#content #ranking_bottoms {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/ranking_bottoms.gif) center top no-repeat;
}

#content #ranking_shoes {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/ranking_shoes2.gif) center top no-repeat;
}

#content #ranking_goods {
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/ranking_goods.gif) center top no-repeat;
}

#content .ranking ul {
float: left;
width: 140px;
margin: 0 10px 0 0;
}

#content .ranking .end {
margin: 0;
}

#content .ranking li {
margin: 0 0 5px 0;
text-align: left;
}

#content .ranking .rank1 {
padding: 0 0 30px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/content_ranking_rank1.gif) center bottom no-repeat;
text-align: center;
}

#content .ranking .rank2 {
padding: 0 0 30px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/content_ranking_rank2.gif) center bottom no-repeat;
text-align: center;
}

#content .ranking .rank3 {
padding: 0 0 30px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/content_ranking_rank3.gif) center bottom no-repeat;
text-align: center;
}

#content .ranking .rank4 {
padding: 0 0 30px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/content_ranking_rank4.gif) center bottom no-repeat;
text-align: center;
}

#content .ranking .rank5 {
padding: 0 0 30px 0;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/content_ranking_rank5.gif) center bottom no-repeat;
text-align: center;
}

#review {
width: 740px;
margin: 0 auto 10px auto;
padding: 0;
}

#review_left {
float: left;
width: 365px;
margin: 0 10px 0 0;
padding: 0;
}

#review_right {
float: left;
width: 365px;
margin: 0;
padding: 0;
}

#review ul {
width: 365px;
margin: 0 0 15px 0;
}

#review ul .image {
float: left;
width: 120px;
height: 120px;
margin: 0 10px 0 0;
padding: 0;
}

#review ul .text {
float: left;
width: 235px;
margin: 0;
padding: 0;
text-align: left;
}

#review ul .fivestars {
width : 150px;
height: 17px;
padding: 4px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/review_5stars.gif) left top no-repeat;
vertical-align: top;
}

#review ul .fourstars {
width : 150px;
height: 17px;
padding: 4px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/review_4stars.gif) left top no-repeat;
vertical-align: top;
}

#review ul .threestars {
width : 150px;
height: 17px;
padding: 4px 0 0 85px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/review_3stars.gif) left top no-repeat;
vertical-align: top;
}

#review p {
margin: 0 0 5px 0;
padding: 0;
}

#recommend {
width: 740px;
margin: 0 auto 25px auto;
padding: 0;
}

#recommend ul {
width: 740px;
height: 123px;
margin: 0 0 10px 0;
}

#recommend li {
float: left;
margin: 0 9px 0 0;
padding: 0;
}

#recommend .end {
margin: 0;
}

#staff {
width: 740px;
margin: 0 auto 10px auto;
padding: 0;
}

#staff_left {
float: left;
width: 365px;
margin: 0 10px 0 0;
padding: 0;
}

#staff_right {
float: left;
width: 365px;
margin: 0;
padding: 0;
}

#staff ul {
width: 365px;
margin: 0 0 15px 0;
}

#staff .image {
float: left;
width: 120px;
height: 120px;
margin: 0 10px 0 0;
padding: 0;
}

#staff .text {
float: left;
width: 235px;
margin: 0;
padding: 0;
text-align: left;
}

#staff p {
margin: 0 0 5px 0;
padding: 0;
text-align: left;
}

#staff .name {
font-weight: bold;
}

#footer {
width: 760px;
margin: 0;
padding: 0;
}

#footer a:hover img {
background-color: #FFFFFF;
opacity: 0.7;
filter: alpha(opacity=70);
}

#footer_top {
position: relative;
width: 760px;
height: 34px;
margin: 0;
padding: 0;
}

#footer_top form {
top: 0;
left: 0;
display: block;
width: 480px;
height: 24px;
margin: 0;
padding: 5px 15px 5px 5px;
background-color: #002442;
}

#footer_top .input {
float: left;
width: 377px;
height: 22px;
margin: 0;
padding: 1px 5px 1px 5px;
border: 0;
background-color: #FFFFFF;
color: #333333;
font-family: Verdana, "Þ⥴¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
font-size: 100%;
line-height: 23px;
}

#footer_top .input_button {
float: left;
display: block;
width: 90px;
height: 24px;
margin: 0;
padding: 0;
border: 0;
background-color: #FFFFFF;
color: #FFFFFF;
}

#footer_top_banner {
position: absolute;
top: 0;
right: 0;
width: 260px;
height: 34px;
margin: 0;
padding: 0;
}

#footer_top_banner li {
float: left;
margin: 0;
padding: 0;
}

#footer_bottom {
position: relative;
width: 760px;
height: 1.4em;
margin: 0 0 10px 0;
padding: 5px 0;
background: #F0F0F0 url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_stripe.gif) top left;
}

#footer_bottom .keyword {
position: absolute;
left: 11px;
height: 1.4em;
margin: 0;
padding: 0;
}

#footer_bottom .link {
position: absolute;
right: 5px;
height: 1.4em;
margin: 0;
padding: 0 0 0 5px;
border-left: 1px solid #FFFFFF;
}

#footer_bottom li {
float: left;
padding: 0px 5px;
border-right: 1px solid #000000;
}

#footer_bottom .title {
padding: 0;
font-weight: bold;
}

#footer_bottom .end, #footer_bottom .title {
border-right: 0;
}

#footer .banner {
width: 760px;
height: 122px;
margin: 0 0 20px 0;
padding: 0;
}

#footer .banner li {
float: left;
margin: 0 10px 0 0;
}

#footer .banner .end {
margin: 0;
}

#footer_navi {
width: 750px;
margin: 0;
padding: 30px 5px 20px 5px;
background-color: #002442;
color: #FFFFFF;
}

#footer_navi_left, #footer_navi_center, #footer_navi_right {
float: left;
width: 230px;
margin: 0;
padding: 0 10px;
}

#footer_navi ul {
width: 220px;
margin: 0 0 20px 0;
}

#footer_navi li {
margin: 0 0 4px 0;
padding: 1px 0 0 12px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/footer_navi_bg_li.gif) left center no-repeat;
text-align: left;
vertical-align: top;
}

#footer_navi .title {
padding: 2px 0 0 12px;
background: url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/footer_navi_bg_title.gif) left center no-repeat;
font-size: 1.1em;
font-weight: bold;
vertical-align: top;
}

#footer_navi a:link {
color: #FFFFFF;
text-decoration: none;
}

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

#footer_navi a:hover {
color: #B6B6B6;
text-decoration: none;
}

#footer_navi a:active {
color: #B6B6B6;
text-decoration: none;
}

#footer_copyright {
width: 610px;
margin: 0;
padding: 10px 15px 10px 135px;
background: #002442 url(http://www.rakuten.ne.jp/gold/spu/index/images/index_title/background/bg_copyright_logo.gif) left center no-repeat;
color: #FFFFFF;
vertical-align: top;
}

#footer_copyright p {
margin: 0;
padding: 2px 0 2px 25px;
border-left: 1px solid #FFFFFF;
text-align: left;
}



/* Element:CLEARFIX */
.clearfix {
padding: 0;
overflow: hidden;
}

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

.clearfix {
display: inline-block;
}

/*Hides from IE-mac\*/
* html .clearfix {
height: 1%;
overflow: visible;
}

.clearfix {
display: block;
}
/*End hide from IE-mac*/


#sidenavi #menu
{
font-family: Verdana, "Þ⥴¥·¥Ã¥¯", YuGothic, "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", "Hiragino Kaku Gothic ProN", "¥á¥¤¥ê¥ª", Meiryo, sans-serif;
width: 180px;
margin: 10px 0;
padding: 10px 0 0 0;
list-style: none;  
background: #012442;
background: -moz-linear-gradient(#1a3954, #012442); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #012442),color-stop(1, #1a3954));	
background: -webkit-linear-gradient(#1a3954, #012442);	
background: -o-linear-gradient(#1a3954, #012442);
background: -ms-linear-gradient(#1a3954, #012442);
background: linear-gradient(#1a3954, #012442);
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
}

#sidenavi #menu li
{
padding: 0 0 10px 0;
position: relative; z-index:999999;
line-height: 0;
}

#sidenavi #menu a 
{
height: 25px;
padding: 0 25px;
color: #99a7b3;
text-transform: uppercase;
font: bold 12px/25px Arial, Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}

#sidenavi #menu li:hover > a
{
color: #fafafa;
}

*html #sidenavi #menu li a:hover /* IE6 */
{
color: #fafafa;
}

#sidenavi #menu li:hover > ul
{
display: block;
}

/* Sub-menu */

#sidenavi #menu ul
{
list-style: none;
margin: 0;
padding: 0;    
display: none;
position: absolute; z-index:999999;
top: 0;
left: 180px;
background: #012442;
background: -moz-linear-gradient(#1a3954, #012442); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #012442),color-stop(1, #1a3954));	
background: -webkit-linear-gradient(#1a3954, #012442);	
background: -o-linear-gradient(#1a3954, #012442);
background: -ms-linear-gradient(#1a3954, #012442);
background: linear-gradient(#1a3954, #012442);
-moz-box-shadow: 0 0 2px rgba(255,255,255,.5);
-webkit-box-shadow: 0 0 2px rgba(255,255,255,.5);
box-shadow: 0 0 2px rgba(255,255,255,.5);	
-moz-border-radius: 5px;
border-radius: 5px;
}

#sidenavi #menu ul ul
{
top: 0;
left: 150px;
}

#sidenavi #menu ul li
{
float: none;
margin: 0;
padding: 0;
display: block;  
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#sidenavi #menu ul li:last-child
{   
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;    
}

#sidenavi #menu ul a
{    
padding: 10px;
height: 10px;
width: 130px;
height: auto;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}

*html #sidenavi #menu ul a /* IE6 */
{    
height: 10px;
}

*:first-child+html #sidenavi #menu ul a /* IE7 */
{    
height: 10px;
}

#sidenavi #menu ul a:hover
{
background: #0186ba;
background: -moz-linear-gradient(#04acec,  #0186ba);	
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec,  #0186ba);
background: -o-linear-gradient(#04acec,  #0186ba);
background: -ms-linear-gradient(#04acec,  #0186ba);
background: linear-gradient(#04acec,  #0186ba);
}

#sidenavi #menu ul li:first-child > a
{
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

#sidenavi #menu ul li:first-child > a:after
{
content: '';
position: absolute; z-index:999999;
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;	
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}

#sidenavi #menu ul ul li:first-child a:after
{
left: -8px;
top: 12px;
width: 0;
height: 0;
border-left: 0;	
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 8px solid #444;
}

#sidenavi #menu ul li:first-child a:hover:after
{
border-right-color: #04acec; 
border-bottom-color: transparent; 
}

#sidenavi #menu ul ul li:first-child a:hover:after
{
border-right-color: #04acec; 
border-bottom-color: transparent; 	
}


#sidenavi #menu ul li:last-child > a
{
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}

.lazy.img {
display: none;
}

/* adding style sheet header */
#header .topics {
width: 950px;
height: 30px;
border: 5px solid #002442;
overflow: hidden;
}

#header .attweets .attweet {
width: 1200px;
height: 20px;
float: left;
padding: 5px;
line-height: 20px;
overflow: hidden;
letter-spacing: 0;
}

#header .attweet p {
display: inline-block;
*display: inline; /* IE hack */
*zoom: 1; /* IE hack */
float: left;
margin: 0;
}

#header .attweet .atstatus {
margin-right: 5px;
}

#header .attweet .atstatus a {
display: block;
padding-right: 5px;
border-right: 1px solid #CCC;
font-weight: bold;
}

#header .attweet .attext a {
padding: 0 5px;
background-color: #002442;
border-radius: 2px;
color: #FFF;
}

#header .attweet .atphoto, #header .attweet .atlink {
display: none;
}

/* adding style sheet sidenavi */
#sidenavi .topics {
position: relative;
width: 178px;
height: 500px;
border: 1px solid #E8E8E8;
overflow: auto;
}

#sidenavi .attweets .attweet {
padding: 5px;
border-bottom: 1px solid #E8E8E8;
}

#sidenavi .attweet p {
margin: 0 0 5px;
}

#sidenavi p.atstatus {
margin: 0;
}

#sidenavi .attext a {
display: block;
text-decoration: underline;
}

/* common */
.atphoto img {
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: bottom;
}

.atlink a {
display: inline-block;
*display: inline; /* IE hack */
*zoom: 1; /* IE hack */
width: 26px;
height: 26px;
margin-right: 5px;
background: #CCC url(../images/tweet_action.png) left center no-repeat;
}

.atlink a:hover {
background-color: #333;
}

.atlink a.reply {
background-position: left center;
}

.atlink a.retweet {
background-position: -28px center;
}

.atlink a.favorite {
background-position: -52px center;
}

.atlink a span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
visibility: hidden;
}

.clear {
clear: both;
}

.clear hr {
display: none;
}

/* Clear floated elements */
#sidenavi #menu:after 
{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

* html #sidenavi #menu             { zoom: 1; } /* IE6 */
*:first-child+html #sidenavi #menu { zoom: 1; } /* IE7 */