@charset "UTF-8";

div#content { margin-top: 6px; }

/* --------------------------------
	topics
-------------------------------- */
div#topics { margin: 16px 0 0 26px; width: 702px; }
div#topics th { width: 177px; background-color: #efefef; }
div#topics ul { font-size: 0; line-height: 1; text-align: center; }
div#topics ul .topics_title { padding: 0 0 9px 0; }

div#topics_contents { margin-left: 4px; border: solid 1px #000000; width: 519px; height: 63px; overflow: auto; }
div#topics_contents p { padding: 7px 0 0 14px; }
div#topics_contents span { font-size: 84%; font-weight: bold; color: #d61014; }

div#topics_contents a:link { color:#000000; text-decoration:none; }
div#topics_contents a:visited { color:#000000; text-decoration:none; }
div#topics_contents a:hover { color:#000000; text-decoration:underline; }
div#topics_contents a:active { color:#000000; text-decoration:underline; }


/* --------------------------------
	download
-------------------------------- */
div#movie { padding: 8px 0 35px 8px; position: relative; width: 738px; }

p.page_top { padding: 30px 17px 0 0; text-align: right; clear: both; }

/* --------------------------------
	tab
-------------------------------- */
div#tab { position: absolute; left: 8px; top: 122px; background: url(../img/common/tab_line.gif) repeat-x left bottom; width: 738px; height: 31px; }
div#tab img { vertical-align: bottom; }
div#tab ul { padding: 0 0 0 17px; font-size: 0; line-height: 1; }
div#tab ul li { padding: 0 10px 0 0; width: 133px; float: left; }



/* --------------------------------
	movie_contents
-------------------------------- */
div#movie_contents { padding: 12px 0 0 17px; width: 705px; }



/* --------------------------------
	question
-------------------------------- */
div#question { width: 705px; position: relative; }
div#question p#answer_movie { position: absolute; right: 0; top: 1px; }

div#question div.movie_file { width: 480px; float: left; }
div#question div.movie_file embed { width: 480px; height: 360px; }

div#question div#friend { padding: 37px 0 0 0; width: 215px; float: right; }
div#question div#friend h3 { }
div#question div#friend dl { padding: 15px 0 0 0; clear:both; width: 215px; }
div#question div#friend dt { width: 55px; float: left; font-size: 0; line-height: 1; }
div#question div#friend dd { width: 160px; float: right; }
div#question div#friend #embed_code { border: solid 1px #b3b3b3; vertical-align: top; width: 158px; height: 20px; }
div#question div#friend .embed_info { padding: 5px 0 0 2px; clear: both; }

div#blog_service { padding: 16px 0 1px 0; }
div#blog_service ul { font-size: 0; line-height: 1; }
div#blog_service li { float: left; }
div#blog_service .mixi { padding-right: 8px; width: 103px; }
div#blog_service .ameba { width: 103px; }
div#blog_service .yahoo { padding: 8px 8px 0 0; width: 103px; }
div#blog_service .goo { padding: 8px 0 0 0; width: 103px; }
div#blog_service .mail { padding: 8px 0 0 0; clear: none; clear: both; }

div#mobile ul { padding: 20px 0 0 0; clear: both; width: 205px; }
div#mobile li { font-size: 0; line-height: 1; }
div#mobile .qr_title { width: 88px; float: left; }
div#mobile .qr_code { width: 80px; float: right; }



/* --------------------------------
	features
-------------------------------- */
div#features { margin: 30px 0 0 32px; padding: 19px 0 21px 0; background-color: #efefef; clear: both; width: 639px; }
div#features p#features_img { padding: 0 0 0 41px; width: 158px; float: left; }
div#features div#features_contents { width: 428px; float: right; }
div#features div#features_contents dl { width: 370px; }
div#features div#features_contents dt { font-size: 0; line-height: 1; }
div#features div#features_contents dd { margin: 16px 0 0 0; }
div#features div#features_contents p { margin: 18px 0 0 0; }



/* --------------------------------
	answer
-------------------------------- */
div#answer { margin: 30px 0 0 0; clear: both; }

div#answer embed { width: 480px; height: 360px; }