@charset "utf-8";

/* ＴＯＰページ */
body div {
    margin: 0;
    padding: 0;
}
#contentsScreen .nonBdrPart {
    margin-bottom: 20px;
}
#contentsScreen .dotlineTitle {
    font-size: 20px;
    margin-bottom: 20px;
}
#contentsScreen .main {
    text-align: center;
}
#contentsScreen .main,
#contentsScreen .r_main {
    vertical-align: bottom;
    margin-top: 20px;
}
#contentsScreen .main #url,
#contentsScreen .r_main #url {
    width: 500px;
    height: 18px;
    margin-bottom: 10px;
}
#contentsScreen .bdrPart {
    padding-top: 10px;
    color: #333333;
}
#contentsScreen .bdrPart p {
    padding-left: 15px;
}
#contentsScreen .bdrPart .linkName {
    font-size: 26px;
    background: url("/jp_cmn/img/arw_blue.gif") left top no-repeat;
}
#contentsScreen .blog_portal {
    text-align: center;
}
#contentsScreen .blog_portal {
    margin-top: 50px;
}
#contentsScreen .blog_portal a,
#contentsScreen .h_blog_portal a {
    margin-right: 10px;
    color: #000000;
}
#contentsScreen .blog_portal a:link,
#contentsScreen .blog_portal a:visited,
#contentsScreen .h_blog_portal a:link,
#contentsScreen .h_blog_portal a:visited {
    text-decoration: none;
    font-weight: normal;
    white-space: nowrap;
}
#contentsScreen .blog_portal a:hover,
#contentsScreen .blog_portal a:active,
#contentsScreen .h_blog_portal a:hover,
#contentsScreen .h_blog_portal a:active {
    text-decoration: underline;
    font-weight: normal;
    white-space: nowrap;
}


/* 結果ページ */
.boo {
    font-size: 10px;
}
.piece_form_name {
    width: 100px;
    float: left;
}
.piece_form form {
	padding-left: 15px;
}
.piece_form p {
    margin-top: 10px;
}
.piece_url {
    width: 450px;
}
.form_input {
	float: left;
}
.piece_form_btn {
    width: 60px;
    float: left;
    margin-top: 10px;
}
#contentsScreen .blog_title {
    margin-top: 10px;
    margin-left: 15px;
    font-size: 14px;
}
#contentsScreen .blog_title img {
    margin-left: 5px;
    margin-bottom: 5px;
}
#contentsScreen .blog_title a {
    font-size: 20px;
    font-weight:bold;
    direction: none;
    color: #000000;
}
#contentsScreen .me,
#contentsScreen .blog_title .me {
    color: #ff9900;
}
#contentsScreen .you,
#contentsScreen .blog_title .you {
    color: #4dd600;
}
#contentsScreen .red {
    color: #e62400;
    margin-right: 20px;
}
#contentsScreen .red b {
    font-size: 36px;
}
#contentsScreen #balloon {
    font-size: 14px;
    width: 655px;
    padding-right: 10px;
    margin-left: 15px;
    background: url("/myboo/myboo_cmn/img/piece_balloon_body.gif") repeat-y;
}
#contentsScreen #balloon b,
#contentsScreen #balloon span {
    font-size: 26px;
}
#contentsScreen .balloon_gr {
    font-size: 12px;
    margin-left: 15px;
    margin-top: 10px;
}
#contentsScreen .balloon_gr .you {
	margin-left: 86px;
}
#contentsScreen .feel,
#contentsScreen .topic,
#contentsScreen .key {
    font-size: 16px;
    margin-left: 6px;
}
#contentsScreen .feel,
#contentsScreen .topic {
    color: #e62400;
}
#contentsScreen .key {
    color: #008def;
}
#contentsScreen .balloon_gr .bg_red {
    color: #ffffff;
    padding: 2px 3px;
    margin-left: 5px;
    margin-right: 15px;
    background-color: #ff937e;
}
#contentsScreen .myboo_link {
   padding: 10px;
   margin: 15px;
   border: 1px solid #dbdbdb;
}
#contentsScreen .myboo_link .me,
#contentsScreen .myboo_link .you {
    font-size: 12px;
}


#contentsScreen .item {
    margin-top: 35px;
    width: 675px;
    border: 1px solid #ffdede;
}
#contentsScreen .item .top li {
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#contentsScreen .item .under li {
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: 5px;    
}
#contentsScreen .item b {
    font-size: 14px;
    color: #ff557f;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 1px;
    display: block;
    width: 660px;
    background-color: #ffdede;
}
#contentsScreen .item .top .genre,
#contentsScreen .item .under .genre {
    display: block;
    float: left;
    font-size: 14px;
    width: 50px;
}
#contentsScreen .item .top .genre {
    background: url("/myboo/myboo_cmn/img/genre.gif") repeat-y;
    width: 80px;
    height: 26px;
    text-align: center;
}

#contentsScreen .item .top .luckyitem {
    margin-left: 10px;	
}
#contentsScreen .item .luckyitem {
    font-weight:bold;
    color: #996666;
    font-size: 20px;
}
#contentsScreen .item .point {
    color: #ffcc00;
    margin-left: 10px;
}
#contentsScreen .item .nowrap {
    white-space: nowrap; 
}
#contentsScreen .item .top .link {
    font-size: 12px;
    margin-left: 20px;
}
.item .under .link {
    font-size: 10px;
    margin-left: 30px;
}
#contentsScreen .item a {
    margin-left: 10px;
}
#contentsScreen .item .under {
    margin-top: 20px;
    margin-bottom: 20px;
}
#contentsScreen .item .under .genre,
#contentsScreen .item .under .luckyitem {
    font-size: 12px;
}
#contentsScreen .item .item_text {
	font-size: 10px;
	color: #989898;
	text-align: right;
}



/* macIEに適用 */
* html>body #contentsScreen #menu span,
* html>body #contentsScreen #menu a:link,
* html>body #contentsScreen #menu a:visited,
* html>body #contentsScreen #menu a:hover,
* html>body #contentsScreen #menu a:active,
* html>body #contentsScreen #menu em {
    display: inline-block;
}
* html>body #contentsScreen #menu {
    text-align: left;
}

* html .piece_form {
    margin-bottom: 14px;
}
*+html body .piece_form {
    margin-bottom: 14px;
}