@charset "UTF-8";
/* PHOTO YODOBASHI COMPACT : CSS Document */

* { margin: 0; padding: 0; }

body { background: #fff; color: #000; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif; font-size:13px; }
p { line-height:1.8; }
p.sign { text-align: right; margin-top:-20px; }

a { text-decoration: none; color: #000; }
a.blue { text-decoration: none; color: #000; }

a:active { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }

a img { border: none; }
.clear { clear:both; font-size:0; height:0; line-height:0; margin:0; padding:0; }

em { font-style: normal; font-weight: bold; }

/* Wrapper -------------------------------------------------------------------------------- */

div#wrapper { position: relative; width: 960px; margin: 0 auto; }


/* Header -------------------------------------------------------------------------------- */

div#header { height: 100px; margin: 0; padding: 0; }
div#header h1 { width:290px; height:72px; margin-top: 20px; background:url(../img/title.gif) no-repeat; text-indent: -9999px; overflow: hidden; float: left; }
div#header h1 a { width:290px; height:72px; display: block; }
div#header div.navi { margin: 0; padding: 0; float: right; }
div#header div.navi a { height: 2em; margin: 0 0 0 5px; padding: 0 15px; background: #ddd; font-size: 8pt; line-height: 2em; vertical-align: middle; text-decoration: none; border-bottom: solid 2px #ddd; display: block; float: left; }
div#header div.navi a:hover, div#header div.navi a.active { border-bottom: solid 2px #ec6580; }


/* Footer -------------------------------------------------------------------------------- */

div#footer { clear: both; position: relative; margin: 20px 0; padding: 5px 0; border-top: solid 1px #ccc; }
div#footer a.pyhome { display: block; text-indent: -9999px; background:url(../../../img/common/flogo.gif) no-repeat; width:192px; height:21px; overflow: hidden; }
div#footer p.copyright { display: block; text-indent: -9999px; background:url(../../../img/common/fcr.gif) no-repeat; width:430px; height:21px; position: absolute; top: 4px; left: 195px; overflow: hidden; }
div#footer a.policy { display: block; text-indent: -9999px; background:url(../../../img/common/ftokusho.gif) no-repeat; width:144px; height:21px; position: absolute; top: 4px; right: 195px; overflow: hidden; }
div#footer a.howto { display: block; text-indent: -9999px; background:url(../../../img/common/fhowto.gif) no-repeat; width:193px; height:21px; position: absolute; top: 4px; right: 0; overflow: hidden; }
div#footer a.dotcomlogo { display: block; text-indent: -9999px; background:url(../../../img/common/fyodocom.gif) no-repeat; width:200px; height:49px; margin: 30px auto; overflow: hidden; }


/* Top Page -------------------------------------------------------------------------------- */

div#tile { width: 960px; height: 570px; margin-top: 5px; clear: both; }
div#tile div.bg { width: 188px; height: 188px; margin: 0 5px 5px 0; float: left; }
div#tile div.bg_end { width: 188px; height: 188px; margin: 0 0 5px 0; float: left; }
div#tile div.bg img, div#tile div.bg_end img { width: 188px; height: 188px; }
div#tile p.text { padding: 22px 7px; font-size: 11pt; color: #fff; line-height: 1.6em; text-align: justify; }
div#tile p.text:first-letter { font-size: 22pt; }

div.new { width: 960px; font-size: x-small; text-align: right; text-align: right; position: absolute; top: 80px; }

/* Category Menu -------------------------------------------------------------------------------- */

div#category { height: 2.5em; margin: 10px 0; padding: 0; font-size: 7pt; letter-spacing: 1px; clear: both; }
div#category a { height: 2.5em; margin: 0 5px 0 0; background: #ddd; line-height: 2.5em; vertical-align: middle; text-align: center; text-decoration: none; border-top: solid 2px #ddd; border-bottom: solid 2px #ddd; display: block; overflow: hidden; float: left; }
div#category a:hover, div#category a#active { border-bottom: solid 2px #ec6580; }
div#category a.a { width: 92px; }
div#category a.b { width: 91px; }
div#category a.c { width: 91px; margin-right: 0; }
div#category a.d { width: 91px; letter-spacing: normal; }


/* contents -------------------------------------------------------------------------------- */

#content div.page_title { margin: 40px 0 20px 0; }
#content div.page_title h1 { margin:0 0 10px 0; padding: 0; font-size: 20pt; }
#content div.page_title p.text { height: 18px; margin: 0 0 0 0; padding: 0 0 40px 80px; line-height: 1.5; background: url(../img/point.gif) no-repeat; }

#content { padding: 0 0 40px 0; }
#content h1 { margin: 35px 0; }
#content h2 { margin: 35px 0; font-family: '小塚ゴシック Pro'; font-weight: normal; text-align: center; }
#content h3 { margin: 0 0 15px 0; font-family: '小塚ゴシック Pro'; font-weight: normal; text-align: center; }
#content h4 { margin: 0 0 10px 0; font-family: '小塚ゴシック Pro'; font-weight: bold; text-align: center; font-size: 12pt; text-align: left; }
#content p { margin: 0 0 40px 0; }
#content p#camera { width: 960px; height: 640px; background: url(../img/scale_background.png) no-repeat; line-height: 640px; vertical-align: middle; }
#content p.photo { text-align: center; margin: 0 0 20px 0; }
#content p.text { margin: 0 0 40px 0; text-align: justify; }
#content p a { color: #009aea; }
#content p.sign { margin: -20px 0 40px 0; text-align: right; }
#content p.separator { background: url(../../../img/common/kugiri.gif) no-repeat; width:960px; height:120px; clear: both; }
#content p.category_point { background: url(../img/category_point.gif) no-repeat; margin: 0 0 20px 0; padding: 10px 0px 10px 180px; line-height: 1; font-weight: bold; font-size: 110%; }

#content ul#itemlist { width: 960px; margin: 0; padding: 0; list-style: none; border-top: dotted 1px #888; }
#content ul#itemlist li { width: 960px; margin: 0; padding: 1px 0; float: left; border-bottom: dotted 1px #888; clear: both; }
#content ul#itemlist li a.itemlink { display: block; width: 960px; height:120px; margin: 0; padding: 0; float: left; }
#content ul#itemlist li a.itemlink:hover { background: #feffd2; }
#content ul#itemlist li p { text-align: left; }
#content ul#itemlist li p.photo { height: 110px; width: 110px; margin: 1px 0; float: left; }
#content ul#itemlist li p.photo img { width: 110px; height: auto; }
#content ul#itemlist li p.photo img.Prd-mainImage { width: 90px; height: auto; margin: 10px 0 0 10px; }
#content ul#itemlist li p.name { height: 30px; margin: 25px 0 0 20px; padding: 0; font-size: 14pt; font-weight: bold; line-height: 30px; float: left; }
#content ul#itemlist li p.name a { color: #000; }
#content ul#itemlist li p.price { height: 30px; margin: 25px 0 0 15px; padding: 0; font-size: 9pt; font-weight: bold; line-height: 30px; text-align: right; float: left; }
#content ul#itemlist li p.text { float: left; width: 690px; margin:0 0 0 20px; padding: 0 0 0 80px; line-height: 1.5; background: url(../img/point.gif) no-repeat; font-size: 9pt;  }
#content ul#itemlist li p.go { width: 140px; margin: 0; padding: 3px 5px; background: #eee; font-size: 9pt; color: #555; border-radius: 5px; border: solid 1px #888; float: right; }
#content ul#itemlist li p.kuwashiku { width: 45px; height: 58px; margin: 25px 0 25px 0; float: right; }
#content ul#itemlist li p.kuwashiku a { width: 45px; height: 59px; background: url(../img/kuwashiku.gif) top left no-repeat; text-indent: -9999px; overflow: hidden; display: block; }
#content ul#itemlist li p.kuwashiku a:hover { background: url(../img/kuwashiku.gif) top right no-repeat; }
#content ul#itemlist li p.review { width: 60px; height: 60px; margin: 27px 0 0 0; float: right; background: url(../img/review.png) no-repeat; }

#content p.end { height: 50px; margin: 0; padding: 0; text-align: right; font-size: small; line-height: 50px; vertical-align: middle; }
#content p.end a { color: #333; }

div.left { width: 470px; float: left; }
div.right { width: 470px; float: right; }
div.left p, div.right p { text-align: justify; }

#content a.link { font-size: 13px; font-weight: normal; background: url(../img/link.gif) no-repeat center left; margin-left: 20px; padding-left: 15px; color: #009aea; }

div#recommend { background: url(../img/category_recommend.gif) top right no-repeat; padding: 26px 0 0 0; }
div#recommend-inner { border-top: solid 2px #cb2248; border-bottom: solid 1px #c2c1be; background: #f5f4f1; margin: 0 0 40px 0; padding: 20px 0 0 25px; position: relative; overflow: hidden; text-align: justify; }
div#recommend p { float:left; width: 295px; margin: 0 15px 10px 0; padding: 0; font-size: 85%; }
div#recommend p.date { text-align: right; }
div#recommend a { color: #009aea; }
div#recommend .left { float: left; }
div#recommend .right { float: right; }


/* tab -------------------------------------------------------------------------------- */

#tab { margin: 0; padding: 0; height: 26px; border-bottom: solid 1px #999; } 
#tab li { font-size: 10pt; letter-spacing: 1px; display: block; width: 60px; height: 26px; text-align: center; float:left; line-height:2; margin-right:5px; padding: 0px 10px 0px 12px; background: #aaa; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border: 0px solid #ccc; border-bottom: none; color: #fff; cursor: pointer; overflow: hidden; }
#tab li.selected { }

#tab #photo:hover, #tab #photo.selected { background: #cb9bcb; }
#tab #camera:hover, #tab #camera.selected { background: #f69840; }
#tab #chart:hover, #tab #chart.selected { background: #7fbc53; }
#tab #whitebalance:hover, #tab #whitebalance.selected { background: #ffb26d; }
#tab #bokeh:hover, #tab #bokeh.selected { background: #9adbef; }
#tab #macro:hover, #tab #macro.selected { background: #f78d3f; }
#tab #zoom:hover, #tab #zoom.selected { background: #ffcb07; }
#tab #iso:hover, #tab #iso.selected { background: #99ca3d; }
#tab #effect:hover, #tab #effect.selected { background: #f99796; }
#tab #color:hover, #tab #color.selected { background: #63d0c4; }

/*
article { display: none; }
article.selected { display: block; }
article h2 { margin: 10px 0; padding: 3px 0; font-size: normal; border-bottom: dotted 1px #000; }
*/

blockquote { display: none; }
blockquote.selected { display: block; }
blockquote h2 { margin: 10px 0; padding: 3px 0; font-size: normal; border-bottom: dotted 1px #000; }

p.thumb { width: 960px; margin: 0 0 20px 0; padding: 0; border: solid 1px white; }
p.thumb a { width: 300px; height: 260px; margin: 0 28px 28px 0; padding: 0; font-size: small; text-decoration: none; float: left; color: black !important; }
p.thumb a.break { margin: 0 0 28px 0; }
p.thumb a img { border: solid 1px #aaa; }

#tab_content { padding: 20px 0; clear:both; }
#tab_content p#test { width: 940px; margin: 0px 0 30px 0; font-size: small; color: #888; line-height: 1.3em; text-align: justify; }


/* cart -------------------------------------------------------------------------------- */

p.price { color:red; font-weight:bold; line-height:1.2; }
p.price .Prd-salesPrice { color:red; font-weight:bold; line-height:1.2; }
p.price .Prd-salesReleaseDate { color:#999; font-weight:normal; line-height:1.2; font-size:90%; }
p.fixedprice,
span.tax { color:#888888; font-weight: normal; font-size: 90%; }

div.shoppingL p, div.shoppingR p { margin:0; padding:0; }
div.shoppingL { width:450px; float:left; margin-bottom:40px; }
div.shoppingR { width:450px; float:right; margin-bottom:40px; }

p.ptitle { font-weight:bold; }
p.pread { margin-bottom:10px !important; }
div.shoppingimg { text-align:center; }
div.cartBtnImg { text-align:right; }
div.cartBtnImg input { margin-top:20px; }

/* new --------------------------------------------------------------------------------  */
ul#update { list-style: none; }
ul#update li { width: 210px; margin: 0 40px 0px 0; float:left; }
ul#update li.end { margin-right: 0; }
ul#update li a { text-decoration: none; }
ul#update li p.photo { height: 150px; padding: 0px; text-align: center; }
ul#update li p.name { height: 2.8em; margin: 0; font-size: 10pt; font-weight: bold; text-aligin: center; line-height: 1.4em; }
ul#update li p.name:after { content: " を追加しました"; } 
ul#update li a > p.text, ul#update li a > p.price,  ul#update li a > p.review { display: none; }
ul#update li p.date { height: 1.6em; margin: 0; font-size: 8pt; color: #777; font-weight: bold; line-height: 1.6em; }
ul#update li p.categories { margin: 0; padding: 0; }
ul#update li p.categories a { height: 1.8em; margin: 5px 3px 0 0; padding: 0 4px; background: #999; font-size: 7pt; color: #fff; line-height: 1.8em; vertical-align: middle; border: none; border-radius: 3px; display: block; float: left; }
ul#update li p.categories a:hover { color: #000; }
ul#update li p.text { height: 7em; margin: 0; padding: 10px 0 0 0; font-size: 10pt; color: #000; line-height: 1.4em; overflow: hidden; clear: both; }


/* sns --------------------------------------------------------------------------------  */

#snsButton {
margin: 0 0 40px 0;
text-align: left;
float: left;
}

#snsButton ul {
padding: 0;
float: left;
}

#snsButton li {
margin-right: 10px;
float: left;
}

p.date {
margin-top:  0px;
clear: both;
text-align: right;
font-size: x-small;
color: #888;
}

/* EOF */