/*
Theme Name: nuan+ press
Theme URI: http://www.nuanpress.jp/
Description: nuan+ press
Version: 0.1
Author: nuan+
Author URI: http://www.nuan.gr.jp/
*/
/* //////////////////////////////////////////////////////////////
I. universal reset
////////////////////////////////////////////////////////////// */
body {
font-family: 'hiragino Kaku Gothic Pro',Meiryo,sans-serif;
font-size: 13px;
}
body, div,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
p, pre, blockquote, form, fieldset, input, textarea, th, td, object {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}
ol, ul {
list-style: none;
}
fieldset, abbr, acronym,
a img {
border: 0;
}
address, caption, cite, code,
dfn, em, strong,
th, var {
font-style: normal;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
caption, th {
text-align: left;
}
select, input, textarea {
font-size: 99%;
}
code, samp, kbd, var {
font-size: 100%;
}
sub, sup {
font-size: 50%;
}
small {
font-size: 93%;
}
big {
font-size: 116%;
}
a {
outline: 0;
}

img{
vertical-align: top; 
}

/* //////////////////////////////////////////////////////////////
II. html and body
////////////////////////////////////////////////////////////// */
body {
color: #333;
text-align: center;
background: #FFF url(images/contentsBg.png) repeat-x left top;
}
body#home {
/* background: #FFF url(images/bg.png) repeat-x left top; */
background: #FFF;
}
/* //////////////////////////////////////////////////////////////
III. block layout
////////////////////////////////////////////////////////////// */
#container {
width: 873px;
margin: 0 auto;
text-align: left;
}
div.wrapper {
width: 268px;
float: left;
overflow: hidden;
}
div.column1,
div.column2 {
margin: 0 33px 0 0;
}
#content {
clear: both;
width: 694px;
float: right;
margin: 0 0 115px 0;
}
#footer {
width: 873px;
margin: 0 auto 0 auto;
clear: both;
}
/* //////////////////////////////////////////////////////////////
IV. block inside
////////////////////////////////////////////////////////////// */

/* ///////////////////////////
  1. header
/////////////////////////// */
#header {
margin: 0 0 60px 0;
overflow: hidden;
}
#header h1 {
width: 110px;
height: 55px;
float: left;
margin: 28px 0 0 0;
overflow: hidden;
text-indent: -9999px;
background: url(images/logo.png) no-repeat left top;
}
#header h1 a {
display: block;
width: 110px;
height: 55px;
}
#header div.description {
display: none;
}
/* ///////////////////////////
  2. navigation
/////////////////////////// */
#gNavi {
width: 694px;
height: 55px;
float: right;
margin: 5px 0 0 0;
overflow: hidden;
background: #FFF url(images/gnavi.png) no-repeat left top;
}
#gNavi ul li {
display: block;
float: left;
text-indent: -9999px;
}
#gNavi ul li a {
display: block;
}
#gNavi ul li.hom a {
width: 56px;
height: 55px;
margin: 0 20px 0 0;
}
#gNavi ul li.hom a:hover,
#gNavi ul li.hom a:active {
background: url(images/gnavi.png) no-repeat 0 -56px;
}
#gNavi ul li.fea a {
width: 75px;
height: 55px;
margin: 0 17px 0 0;
}
#gNavi ul li.fea a:hover,
#gNavi ul li.fea a:active {
background: url(images/gnavi.png) no-repeat -76px -56px;
}
#gNavi ul li.mag a {
width: 86px;
height: 55px;
margin: 0 14px 0 0;
}
#gNavi ul li.mag a:hover,
#gNavi ul li.mag a:active {
background: url(images/gnavi.png) no-repeat -168px -56px;
}
#gNavi ul li.spe a {
width: 73px;
height: 55px;
margin: 0 14px 0 0;
}
#gNavi ul li.spe a:hover,
#gNavi ul li.spe a:active {
background: url(images/gnavi.png) no-repeat -268px -56px;
}
#gNavi ul li.new a {
width: 62px;
height: 55px;
margin: 0 16px 0 0;
}
#gNavi ul li.new a:hover,
#gNavi ul li.new a:active {
background: url(images/gnavi.png) no-repeat -355px -56px;
}
#gNavi ul li.onl a {
width: 102px;
height: 55px;
margin: 0 10px 0 0;
}
#gNavi ul li.onl a:hover,
#gNavi ul li.onl a:active {
background: url(images/gnavi.png) no-repeat -433px -56px;
}
#gNavi ul li.nel a {
width: 95px;
height: 55px;
margin: 0 7px 0 0;
}
#gNavi ul li.nel a:hover,
#gNavi ul li.nel a:active {
background: url(images/gnavi.png) no-repeat -545px -56px;
}
#gNavi ul li.blo a {
width: 46px;
height: 55px;
margin: 0;
}
#gNavi ul li.blo a:hover,
#gNavi ul li.blo a:active {
background: url(images/gnavi.png) no-repeat -647px -56px;
}

/*
top banner
*/
div#banner {
height: 466px;
overflow: hidden;
}

/*
top navi
*/
ul#topNavi {
width: 873px;
height: 55px;
margin: 0 auto 26px auto;
overflow: hidden;
background: transparent url(images/navi_pre.png) no-repeat -3px top;
}
* html body ul#topNavi {
margin: 0;
margin-bottom: 26px;
}
ul#topNavi li {
display: block;
float: left;
text-indent: -9999px;
}
ul#topNavi li a {
display: block;
}
ul#topNavi li.hom a {
width: 58px;
height: 55px;
margin: 0 28px 0 13px;
}
ul#topNavi li.hom a:hover,
ul#topNavi li.hom a:active {
background: url(images/navi.png) no-repeat -16px -56px;
}
ul#topNavi li.fea a {
width: 73px;
height: 55px;
margin: 0 16px 0 0;
}
ul#topNavi li.fea a:hover,
ul#topNavi li.fea a:active {
background: url(images/navi.png) no-repeat -102px -56px;
}
ul#topNavi li.mag a {
width: 87px;
height: 55px;
margin: 0 13px 0 0;
}
ul#topNavi li.mag a:hover,
ul#topNavi li.mag a:active {
background: url(images/navi.png) no-repeat -191px -56px;
}
ul#topNavi li.spe a {
width: 70px;
height: 55px;
margin: 0 14px 0 0;
}
ul#topNavi li.spe a:hover,
ul#topNavi li.spe a:active {
background: url(images/navi.png) no-repeat -291px -56px;
}
ul#topNavi li.new a {
width: 54px;
height: 55px;
margin: 0 16px 0 0;
}
ul#topNavi li.new a:hover,
ul#topNavi li.new a:active {
background: url(images/navi.png) no-repeat -375px -56px;
}
ul#topNavi li.onl a {
width: 106px;
height: 55px;
margin: 0 12px 0 0;
}
ul#topNavi li.onl a:hover,
ul#topNavi li.onl a:active {
background: url(images/navi.png) no-repeat -445px -56px;
}
ul#topNavi li.nel a {
width: 95px;
height: 55px;
margin: 0 12px 0 0;
}
ul#topNavi li.nel a:hover,
ul#topNavi li.nel a:active {
background: url(images/navi.png) no-repeat -563px -56px;
}
ul#topNavi li.blo a {
width: 46px;
height: 55px;
margin: 0;
}
ul#topNavi li.blo a:hover,
ul#topNavi li.blo a:active {
background: url(images/navi.png) no-repeat -670px -56px;
}

/* ///////////////////////////
  3. sidebar
/////////////////////////// */
#sidebar {
width: 162px;
float: left;
margin: 0 0 115px 0;
padding: 70px 0 0 0;
font-size: 85%;
color: #333;
line-height: 1.6;
}

#sidebar a:link,
#sidebar a:visited {
color: #333;
text-decoration: none;
}


#sidebar a:hover,
#sidebar a:active {
color: #A30063;
}



/* ///////////////////////////
  4. contents
/////////////////////////// */


/* //////////////////
	a. title
////////////////// */
.wrapper dl {
margin: 0 0 37px 0;
}
.wrapper dl dt {
display: block;
width: 268px;
height: 55px;
text-indent: -9999px;
}
.wrapper dl dd {
margin: 10px 16px 0 16px;
font-size: 77%;
line-height: 1.3;
}
.wrapper dl dd ul {
}
.wrapper dl dd ul li {
display: block;
margin: 0 0 19px 0;
overflow: hidden;
color: #333;
}
.wrapper dl dd ul li span.posttext strong {
font-weight: bold;
}
.wrapper dl dd ul li a:link,
.wrapper dl dd ul li a:visited {
color: #333;
text-decoration: none;
}
.wrapper dl dd ul li a:hover,
.wrapper dl dd ul li a:active {
color: #A30063;
}


dl#feature,
dl#pickup,
dl#special {
height: 450px;
}
dl#feature dt {
background: #FFF url(images/st_feature.png) no-repeat left top;
}

dl#magazine dt {
background: #FFF url(images/st_magazine.png) no-repeat left top;
}
dl#magazine dd li {
display: block;
width: 240px;
height: 38px;
clear: both;
margin-bottom: 12px;
}
dl#magazine dd li a {
display: block;
width: 240px;
height: 38px;
cursor: pointer
}
dl#magazine dd li a img {
margin-right: 4px;
float: left;
}
dl#magazine dd li a span {
display: block;
width: 170px;
float: right;
}
dl#magazine dd li a span strong {
display: block;
}

dl#special {
/*
display: none;
*/
}
dl#special a:link,
dl#special a:visited {
color: #333;
text-decoration: none;
}
dl#special a:hover,
dl#special a:active {
color: #A30063;
text-decoration: none;
}
dl#special strong {
font-weight: bold;
}
dl#special dt {
background: #FFF url(images/st_special.png) no-repeat left top;
}
dl#news dt {
background: #FFF url(images/st_news.png) no-repeat left top;
}
dl#pickup dt {
background: #FFF url(images/st_pickup.png) no-repeat left top;
}
dl#newsletter dt {
background: #FFF url(images/st_newsletter.png) no-repeat left top;
}
dl#blog dt {
background: #FFF url(images/st_blog.png) no-repeat left top;
}
dl#pickup ul {
overflow: hidden;
}
dl#pickup ul li {
margin: 0 25px 17px 0;
height: 38px;
float: left;
}

dl#news dd {
  margin: 10px 0 0 16px;
}
dl#news dd ul li {
  clear: both;
  width: 252px;
  margin: 0 0 37px 0;
}
dl#news dd ul li a {
  display: block;
  width: 252px;
  cursor: pointer;
}
dl#news dd ul li a img {
  display: block;
  width: 107px;
  float: right;
  overflow: hidden;
}
dl#news dd ul li a span.posttext {
  display: block;
  width: 138px;
  float: left;
}

.rssLinkListItemTitle {
display: block;
font-weight: bold;
}

#content h2.pagetitle {
margin: 0 0 38px 0;
text-indent: -9999px;
}
#content h2.feature {
width: 107px;
height: 26px;
background: #FFF url(images/at_feature.png) no-repeat left top;
}
#content h2.news {
width: 79px;
height: 26px;
background: #FFF url(images/at_news.png) no-repeat left top;
}
#content ul.feature,
#content ul.news {
width: 688px;
margin: 0 0 60px 0;
}
#content ul.feature li,
#content ul.news li {
clear: both;
display: block;
width: 688px;
margin: 0 0 15px 0;
padding: 0 0 5px 0;
overflow: hidden;
font-size:85%;
line-height:1.5;
}
#content ul.feature li a,
#content ul.news li a {
color: #333;
text-decoration :none;
}
#content ul.feature li a:hover,
#content ul.feature li a:active,
#content ul.news li a:hover,
#content ul.news li a:active {
color: #A30063;
}
#content ul.feature li img,
#content ul.news li img {
width: 107px;
height: 74px;
float: left;
}
#content ul.feature li span.posttext,
#content ul.news li span.posttext {
width: 569px;
float: right;
}
#content ul.feature li span.posttext strong,
#content ul.news li span.posttext strong {
font-weight: bold;
}
#content ul.feature li p,
#content ul.news li p {
width: 569px;
float: right;
}
div.feature {
width: 687px;
margin: 0 0 36px 0;
overflow: hidden;
}
div.feature h2 {
margin: 0 0 12px 0;
}
div.feature .lPh {
margin: 0 0 36px 0;
}
div.feature h3 {
margin: 0 0 20px 0;
color: #333;
font-size: 116%;
font-weight: bold;
}
div.feature .repText {
width: 410px;
float: left;
color: #333;
font-size: 85%;
line-height: 1.6;
}
div.feature p,
div.news p {
margin: 0 0;
}
div.feature strong {
font-weight: bold;
}
div.feature .sPh {
width: 250px;
float: right;
}

div#special {
text-align: center;
}
div.special {
width: 640px;
margin: 0 auto;
text-align: left;
}
div.special h2 {
/*
color: #333;
font-size: 116%;
font-weight: bold;
margin-bottom: 20px;
*/
display: none;
}

#special a {
margin: 10px 0 0 0;
}

.paging {
text-align: right;
}
.paging .paged {
color: #333;
}
.paging a:link,
.paging a:visited {
color: #333;
text-decoration: none;
}
.paging a:hover,
.paging a:active {
color: #A30063;
text-decoration: none;
}


h2.delicious-banner {
display:none;
}

a.delicious-link{
font-weight:bold;
display:block;
}

.wrapper dl dd ul li.blogName{
font:bold;
margin:0 0 0 0px
}

li.readmore a{
display:block;
background:url(images/readmore.png) no-repeat 0px -25px;
text-indent:-9999px;
}

li.readmore a:hover{
display:block;
background:url(images/readmore.png) no-repeat 0px -5px;

}

div#shopping {
width:250px;
height:25px;
float:right;
margin-top:20px;
text-indent:-9999px;
}

div#shopping a{
display:block;
width:250px;
height:25px;
background:url(http://www.nuanpress.jp/wp-content/uploads/2008/04/nuan_shopping.png) no-repeat 0 0; 
}

div#shopping a:hover{
display:block;
background:url(http://www.nuanpress.jp/wp-content/uploads/2008/04/nuan_shopping.png) no-repeat 0px -25px;
}

/* //////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////// */
.rep {
width: 687px;
float: left;
margin: 0;
}

.repEx {
width: 685px;
float: left;
margin: 30px 0 0 0;
border-color: #666;
border-width: 1px;
border-style: solid;
}

.repEx div {
margin:5px;
}

div.topText {
width: 687px;
float: left;
color: #333;
font-size: 85%;
line-height: 1.6;
margin: 0 0 20px 0;
}

div.leftText {
width: 330px;
float: left;
color: #333;
font-size: 85%;
line-height: 1.6;
}

div.leftText p{
margin: 0 0 10px 0;
}


div.rightText {
width: 330px;
float: right;
color: #333;
font-size: 85%;
line-height: 1.6;
}

div.rightText p{
margin: 0 0 10px 0;
}

p a{
color: #333;
}

a:link,
a:visited{
color: #333;
text-decoration: none;
}

a:hover,
a:active{
color: #A30063;
text-decoration: none;
}
	
.next strong{
color: #A30063;
}

.credit {
width: 250px;
float: right;
color: #333;
line-height: 1.6;
}

.credit a:link,
.credit a:visited{
color: #333;
text-decoration: none;
}

.credit a:hover,
.credit a:active{
color: #A30063;
text-decoration: none;
}

p.copyright{
text-align: left;
}

p.written{
margin:156px 0 0 0;
}




div.topImg {
  width: 700px;
  margin: 0 0 20px 0;
  padding: 0;
}
div.topImg:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div.topImg { display: inline-block; }
/* hidden for IE6 exclude MacIE5 \*/
* html div.topImg { height: 1%; }
div.topImg { display: block; }
/* end IE6 */

div.topImg a {
  display: block;
  float: left;
}



.repImg {
width: 250px;
float: right;
color: #333;
font-size: 85%;
line-height: 1.6;
}
.repImg img{
display:block;
}
div.rep h4{
font-size: 108%;
font-weight:bold;
margin:0 0 3px 0;
}