@charset "utf-8";

/*
Site Name: happy-note.com
Css Name: /babyfood/css/style.css

index
---------------------------
1: archive list (write in /style.css)
2: producer (write in /style.css)
3: menuPeriod ===========
4: article ==============
---------------------------
*/

/*
1: archive list
*/

.mite dl dt span {
height: 32px;
width: 40px;
display: block;
float:left;
margin:  0 0 4px 0;
}

.mite dl dt span img {
height: 32px;
width: 32px;
}

/*
3: menuPeriod ===========
*/

.bookAllCatBox_line{
border-bottom:1px #CCC solid;
padding:5px 0 2px 0;
}

.bookAllCatBox_line_last{
padding:5px 0 2px 0;
}

.bookAllCatBox_lineL{
width:150px;
float:left;
margin-right:10px;
padding-left:10px;
}

.bookAllCatBox_lineR{
width:445px;
float:left;
padding-top:5px;
}

.bookAllCatBox h3 {
color:#666;
font-size:93%;
font-weight:bold;
white-space:nowrap;
text-align:left;
}

.bookAllCatBox h3 img {
margin:0 5px 5px 0;
vertical-align:middle;
}

.bookAllCatBox ul {
list-style-type:none;
margin:0;
padding:0 0 5px 0;
color:#AAA;
font-size:93%;
line-height:1.3em;
display:block;
}

.bookAllCatBox ul li{
display:inline;
white-space:nowrap;
}

.bookAllCatBox ul li a{
text-decoration:none;
}


/*
4: article =============
*/

.columnArticleBook {
position:relative;
width:614px;
float:left;
margin:12px 0;
}

.columnArticleBook .articleInner{
font-size:93%;
}

.columnArticleBook p{
margin:10px 0 10px 0;
}

.columnArticleBook .book_info{
margin:10px 0 30px 0;
}

.columnArticleBook .book_info .book_infoL{
width:280px;
float:left;
margin-right:50px;
}

.columnArticleBook .book_info .book_infoR{
width:280px;
float:left;
}

.columnArticleBook dl{
}

.columnArticleBook dl dt{
float:left;
width:100px;
clear:both;
margin-bottom:10px;
}

.columnArticleBook dl dd{
margin-left:115px;
}

.columnArticleBook dl dd:after {
content:'';
display:block;
clear:both;
}


.columnArticleBook dl dd strong{
color:#ff3333;
font-size:120%;
}

.columnArticleBook dl dd p{
margin:0;
}

.infoL{
width:335px;
float:left;
margin-right:60px;
}

.infoL strong{
color:#ff6666;
font-size:110%;
}

.infoL div{
vertical-align:middle;
}

.infoL img{
vertical-align:middle;
margin-left:8px;
margin-bottom:2px;
}

.infoR{
width:125px;
float:left;
padding-top:20px;
}