@charset "utf-8";
html, body {
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html, body
{
margin: 0;
padding: 0;
text-align: center;
background-color: #EEEEEE;
background-image: url( "http://soundengine.jp/images/background.png" );
font-size: 14px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'MS Pゴシック',sans-serif;
}
table
{
font-size: 14px;
}
#contents p
{
font-size: 15px;
line-height: 1.7em;
}
#top
{
margin: 0 auto;
width: 800px;
text-align: left;
height: 160px;
background-color: #F0F0FF;
border-bottom: 1px solid gray;
background-image: url( "http://soundengine.jp/images/background_top.png" );
position: relative;
z-index: 1;
}
#middle
{
width: 800;
margin: 0 auto;
background-color: #FFFFFF;
}
#contents
{
padding-left: 1.0em;
padding-right: 1.0em;
padding-bottom: 1.0em;
padding-top: .5em;
text-align: left;
}
#bottom
{
width: 800;
padding: 0px;
margin: 0 auto;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #F0F0FF;
}
#blog_parts
{
font-size: 12px;
margin: .5em;
}
.blog_part
{
}
#keyword
{
margin: .5em;
font-size: 12px;
}
#copyright
{
text-align: center;
font-size: 12px;
margin: .5em;
line-height: 1.25em;
}
#logo
{
text-align: center;
float: left;
margin: 0 15px 0 15px;
white-space: nowrap;
height: 100px;
}
#logo img
{
border: 0px;
margin: 0px;
}
#search
{
width: 200px;
float: right;
height: 30px;
padding: 17px 15px 11px 0;
margin: 0px;
margin-left: 10px;
}
#search input#query
{
width: 140px;
height: 24px;
}
#search input#submit
{
width: 40px;
height: 24px;
}
#subtitle
{
width: 350px;
padding: 5px 0 5px 0;
float: right;
text-align: right;
vertical-align: middle;
height: 24px;
}
#google_translate_element
{
height: 24px;
vertical-align: middle;
}
#twitter_follow_button
{
padding-top: 2px;
padding-left: .5em;
height: 24px;
vertical-align: middle;
}
#news
{
padding-left: 2px;
font-size: 12px;
}
#top_banner
{
width: 468px;
position: absolute;
bottom: 32px;
right: 60px;
padding: 5px;
background: white;
height: 60px;
}
#top_menu
{
white-space: nowrap;
position: absolute;
bottom: 0;
left: 220px;
}
.left_shadow
{
margin-left: auto;
margin-right: auto;
padding: 0;
width: 830px;
background: url( "http://soundengine.jp/images/left_shadow.png" ) repeat-y top left;
}
.right_shadow
{
padding: 0;
width: 100%;
background: url( "http://soundengine.jp/images/right_shadow.png" ) repeat-y top right;
}
#interrupt_bottom
{
text-align: center;
}
#interrupt_left
{
float: left;
padding-right: 1em;
}
#interrupt_right
{
float: right;
padding-left: 1em;
}
#supporter_login
{
float: right;
margin: 0em 0em 1em 1em;
padding: 1em;
border: 1px solid #a0a0a0;
}
#supporter_register
{
margin-top: 1em;
}
.supporter_error
{
color: red;
}
#supporter_register div
{
margin-top: .25em;
}
.right_reference
{
width: 160px;
max-height: 400px;
margin-left: 10px;
margin-top: 10px;
overflow: auto;
}
.right_reference_title
{
padding: 5px;
font-weight: bold;
background-color: #F0F0F0;
}
.right_reference_content
{
background-color: #F8F8F8;
padding: 5px;
}
.right_reference_content .link_date
{
font-size: 9pt;
padding: 5px 0 1px 0;
font-weight: bold;
}
.right_reference_content .link_title
{
font-size: 10.5pt;
padding: 2px 0;
}
.right_reference_content .link_comment
{
padding: 4px 0;
font-size: 9pt;
}
.right_supporter
{
width: 160px;
max-height: 598px;
margin-top: 10px;
overflow: auto;
}
.right_supporter_title
{
padding: 5px;
background-color: #F0F0F0;
}
.right_supporter_content
{
background-color: #F8F8F8;
padding: .5em .25em;
}
.right_supporter_content ol
{
padding: 0;
margin: 0 0 0 16pt;
}
.right_supporter_content .supporter_name
{
padding: .25em 0;
font-size: 8pt;
}
.right_supporter_content .supporter_order_1
{
font-size: 14pt;
font-weight: bold;
}
.right_supporter_content .supporter_order_2
{
font-size: 12pt;
}
.right_supporter_content .supporter_order_3
{
font-size: 10pt;
}
.right_suponcer
{
margin: 1em 0;
}
/* for modern brouser */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.amazon_aws
{
width: 120px;
text-align: center;
margin-bottom: .5em;
}
.amazon_aws_title
{
font-size: 12px;
margin-bottom: .5em;
}
.img_margin
{
margin-left: 1em;
margin-bottom: :1em;
}
h1
{
font-size: 24px;
color: #202020;
padding-bottom: .5em;
border-bottom: dotted 1px #808080;
}
div#contents h2
{
height: 20px;
> height: 30px;
padding: 5px 15px;
margin: 10px 0;
font-size: 16px;
background: url( "http://soundengine.jp/images/background_h2.gif" ) no-repeat;
}
h3
{
font-size: 16px;
border-left: solid 5px #a0a0a0;
border-bottom: solid 1px #a0a0a0;
margin-right: 50%;
padding: .25em .5em;
}
img
{
border: 0;
}
dd
{
margin-left: 2.0em;
margin-top: .5em;
margin-bottom: 1em;
color: #202020;
}
#site_keyword
{
width: 120px;
font-size: 80%;
}
a img {
border: none;
}
div.includex
{
overflow: auto;
height: 300px;
border: solid 1px #ddd;
padding: 1em;
margin-bottom: 1em;
}
iframe#twitter-widget-0
{
width: 200px;
}
div#social_button
{
width: 100%;
}
.social_button {
margin-left: 0;
overflow: hidden;
padding: 0;
}
.social_button li {
float: left;
margin-right: 4px;
list-style:none;
}
.social_button iframe {
margin: 0 !important;
}
.social_button li.twitter {
width: 100px;
}
.twitter_widget_for_soundpenguin iframe#twitter-widget-2
{
width: 770px;
}
div.soundpenguin_icon
{
background-image: url( 'http://soundengine.jp/images/icon_soundpenguin.png' );
width: 48px;
height: 48px;
float: left;
}
div.balloon {
position: relative;
margin-left: 25px;
background-color: #fff;
border: 4px solid #eee;
padding: .5em 1em;
margin-bottom: 1em;
float: right;
width: 660px;
}
div.balloon:after {
position: absolute; top: 20px; left: -20px;
content: ""; width: 0; height: 0;
border-top: 20px solid #eee;
border-left: 20px solid transparent;
float: none;
}
#search .gsc-control-cse
{
padding: 0;
background-color: transparent;
border: 0;
}
#contents div.information ul,
#contents div#penguin_press ul,
#contents div#update_information ul,
#contents div#users_of_voice ul,
#contents div#tips ul
{
padding-left: 0;
margin: 0;
}
#contents div.information li,
#contents div#penguin_press li,
#contents div#update_information li,
#contents div#users_of_voice li,
#contents div#tips li
{
list-style-type: none;
}
#contents div.date
{
font-size: .7em;
color: #777;
margin-bottom: .2em;
margin-bottom: .4em;
}
#contents .search_result
{
margin-bottom: 20px;
width: 598px;
}
#contents .search_result h3.title
{
border: none;
margin: 0;
padding: 0;
font-weight: normal;
}
#contents .search_result .display_url
{
margin-top: 5px;
color: #382;
}
#contents .search_result .discription
{
margin-top: 5px;
line-height: 1.5em;
}
#contents div.disnon
{
display: none;
}
div.search_tab
{
width: 598px;
text-align: center;
padding-bottom: 1em;
}
.highlight
{
font-weight: bold;
/* background-color: yellow;*/
}
table#search_tab
{
margin-left:auto;margin-right:auto;
}
table#search_tab td.tab
{
padding: 0 .25em;
cursor: pointer;
}
table#search_tab td.select
{
font-weight: bold;
}
div#search_box
{
width: 598px;
margin: 1em 0;
text-align: center;
}
div.search_message
{
margin-bottom: 1em;
}
#bitcoinnewsticker_main
{
width: 596px !important;
}