@charset "shift_jis";
/* CSS Document */

.tomodachi { width: 950px; margin: 0 auto; }

#l_contents #topicPath { width: 938px; }

.tomodachi img { border:none; vertical-align: bottom; }
.tomodachi a:hover img{ opacity:0.65; filter: alpha(opacity=65); }

.tomodachi .m_itemL a:hover img.btn_browseAll { opacity: 1.0; filter: alpha(opacity=100); }



.tomodachi .m_lead { font-size: 105%; }

.tomodachi .m_anchor { width: 630px; text-align: center; background: url(../_img/bg_anchorLink.gif) no-repeat top center; }
.tomodachi .m_anchorList { margin: 0 auto; height: 25px; text-align: center;  }
.tomodachi .m_anchorList li { display: inline; color: #333; font-weight: bold; }
.tomodachi .m_anchorList li a { line-height: 25px; color: #333; text-decoration: none; font-weight: bold; }
.tomodachi .m_anchorList li a:hover, .tomodachi .m_anchorList li a:visited { color: #f60; }

.tomodachi .mainContent { width: 950px; margin: 0 auto; }
.tomodachi .mainContent .c_left { float: left; width: 630px; overflow: hidden; }
.tomodachi .mainContent .c_right { float: right; width: 300px; overflow: hidden; }


/* left column */
.tomodachi .mainContent .m_itemL li { text-align: center; width: 200px; background: #f5f5ed url(../_img/bg_item_l_bottom.jpg) no-repeat bottom center; padding-bottom: 10px; float: left; margin-right: 13px; }
.tomodachi .mainContent .m_itemL li.last { float: right; margin-right: 0px; }
.tomodachi .mainContent .m_itemL li img { display: block;}
.tomodachi .mainContent .m_itemL li img.rollover { margin: 0 auto; margin-top: 10px; }
.tomodachi .mainContent .m_itemL li img.btn_browseAll { margin: 0 auto; margin-top: 10px; }

.tomodachi .mainContent .m_itemM li { text-align: center; width: 140px; background: #f5f5ed url(../_img/bg_item_m_bottom.jpg) no-repeat bottom center; padding-bottom: 14px; float: left; margin-right: 23px; }
.tomodachi .mainContent .m_itemM li.last { float: right; margin-right: 0px; }
.tomodachi .mainContent .m_itemM li img { display: block;}
.tomodachi .mainContent .m_itemM li img.rollover { margin: 0 auto; margin-top: 10px; }



.tomodachi .mainContent .prize01, .prize02, .prize03 { position: relative; width: 630px; }

.tomodachi .mainContent .prize01 .flashMP3 { position: absolute; top: 257px; left: 90px; }
.tomodachi .mainContent .prize01 .gifAnimation { position: absolute; top: 208px; left: 15px; }

.tomodachi .mainContent .result_prize01 { background: url(../_img/bottom_result_prize01.gif) no-repeat bottom center; padding-bottom: 10px; width: 630px; margin-bottom: 30px; }
.tomodachi .mainContent .result_prize01 .inner { padding: 15px 25px 0px 25px; background-color: #effdf9; }
.tomodachi .mainContent .result_prize01 .inner p { padding-bottom: 15px; }
.tomodachi .mainContent .result_prize01 .inner p.title { font-size: 15px; font-weight: bold; }

.tomodachi .mainContent .prize02 { width: 630px; background: url(../_img/bg_prize_dottedline_top.gif) no-repeat top center; padding-top: 6px; padding-bottom: 6px; }
.tomodachi .mainContent .prize02 div.inner { background: url(../_img/bg_prize_dottedline_vert_rep.gif) repeat-y top center; }
.tomodachi .mainContent .prize02 div.inner img { display: block; }
.tomodachi .mainContent .prize02 div.inner div.left { width: 313px; float: left; }
.tomodachi .mainContent .prize02 div.inner div.right { width: 313px; float: right; }
 
.tomodachi .mainContent .prize02 span.caption02 { display: block; position: absolute; top: 100px; left: 10px; width: 190px; }
.tomodachi .mainContent .prize02 span.caption03 { display: block; position: absolute; top: 100px; right: 140px; width: 150px; }
.tomodachi .mainContent .prize02 p.name { display: block; width: 292px; padding-left: 10px; color: #099; font-weight: bold; margin-bottom: 10px; }

.tomodachi .mainContent .prize03 { background: url(../_img/bg_prize_dottedline_top.gif) no-repeat top center; padding-top: 6px; }
.tomodachi .mainContent .prize03 .title { margin-top: 10px; margin-bottom: 10px; }
.tomodachi .mainContent .prize03 .left { float: left; width: 280px;}
.tomodachi .mainContent .prize03 .right { float: right; width: 340px;}
.tomodachi .mainContent .prize03 .note { color: #999; font-size: 95%; padding: 0px 10px; }


.tomodachi .mainContent .m_wireToShop { width: 630px; margin-left: 72px; }
.tomodachi .mainContent .m_wireToShop li { float: left; background: url(../_img/icon_or.jpg) no-repeat left 3px; padding-left: 20px; margin-right: 30px; }
.tomodachi .mainContent .m_wireToShop li a { background: url(../_img/icon_extLink.gif) no-repeat right 2px; padding-right: 20px; /*color: #090; text-decoration: none; font-weight: bold;*/ }
.tomodachi .mainContent .m_wireToShop li a:hover { /*color: #595;*/ }

.tomodachi .mainContent .m_rule dl { width: 630px; }
.tomodachi .mainContent .m_rule dt { width: 100px; clear: left; float: left; padding-top: 10px; padding-bottom: 10px; font-size: 105%; }
.tomodachi .mainContent .m_rule dd { padding-left: 100px; padding-top: 10px; padding-bottom: 10px; font-size: 105%; border-bottom: 2px dotted #999; }




/* right column */
.tomodachi .mainContent .m_authorIntro { background: #f8f8cb url(../_img/bg_right_author_bottom.gif) no-repeat bottom center; padding: 20px; margin-bottom: 20px; }
.tomodachi .mainContent .m_authorIntro dt.last { padding-top: 20px; }
.tomodachi .mainContent .m_authorIntro dd { border-bottom: 2px dotted #999; padding-bottom: 20px; }
.tomodachi .mainContent .m_authorIntro dd.last { border: none; padding-bottom: 20px; }
.tomodachi .mainContent .m_authorIntro dd img { float: left; padding-right: 10px; padding-bottom: 10px; }

.tomodachi .mainContent .m_characterIntro { background: #f5f5ed url(../_img/bg_right_char_bottom.gif) no-repeat bottom center; padding: 20px; }
.tomodachi .mainContent .m_characterIntro ul li img { display: block; }




/* common */
.c_block { display: block; }
.c_clearfix { /zoom :1; }
.c_clearfix:after { content:'';display:block;clear:both; }
.txtOr { color: #f60; }