/*  -*- coding:utf-8-dos; -*-
toppin.css
Last Updated:"2010-01-20 Wed 12:40:39"
*/

/* resetting */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
   margin:0; padding:0; border:0; outline:0; font-weight:normal; font-size:100%;
   vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/* end of resetting */

body {background-color:#F7F7F7; font:13px/130% "メイリオ","Osaka";}

a {text-decoration:none;}
a:link {color:#3333FF;}
a:visited {color:#CC3300;}
a:hover {background-color:yellow;}
a:active {outline-style:0;}

img {border:0;}
li {line-height:180%;}
p {margin-bottom:1em;}
p:last-child {margin-bottom:0;}
big {font-size:120%;}
small {font-size:85%;}
h2 {font-size:18px; text-shadow:1px 2px 2px #969696; margin-bottom:20px;}
dt {margin-bottom:5px;}
dd {margin-bottom:20px;}
dd:last-child {margin-bottom:0;}

#all {width:940px; margin:0 auto;}
#contents {position:relative; padding-top:20px; margin:0 auto;}

#header {position:relative; background:url("img/header_03709_2004-08-29_to_changdu.jpg") no-repeat; border:8px solid silver; height:200px; margin-bottom:50px;}
#header h1 {font-size:14px; text-align:right; color:white; margin:20px;}
.logo {position:absolute; left:20px; bottom:20px; background:url("img/toppin_logo_no_shadow.png") no-repeat; width:138px; height:109px;}
#menu .btn {position:absolute; background-color:white; border:4px solid #383838; color:black; text-align:center; text-shadow:1px 1px 1px #969696; font-weight:normal;
            line-height:37px; width:37px; height:37px; display:inline;}
#menu .shop {bottom:20px; right:327px;}
#menu .idea {bottom:20px; right:266px;}
#menu .join {bottom:20px; right:225px;}
#menu .twit {bottom:20px; right:184px;}
#menu .blog {bottom:20px; right:143px; font-size:12px;}
#menu .cont {bottom:20px; right:102px;}
#menu .bout {bottom:20px; right:61px;}
#menu .hist {bottom:20px; right:20px;}
#menu a:hover div {background-color:red; color:white;}

.section {position:relative; background-color:white; border:8px solid silver; padding:40px 40px 40px 130px; margin-bottom:50px;}
.box {position:absolute; top:-24px; left:20px; background-color:white; border:8px solid #383838; text-align:center; text-shadow:1px 1px 1px #969696;
      font-weight:normal; font-size:18px; line-height:60px; width:60px; height:60px;}
.contents {}

#shop h2 {margin-bottom:5px;}
#shop .y-shop {font:bold 20px "Arial Black"; text-shadow:1px 1px 1px #969696;}
#shop {background:white url("img/yshop_screen_shot.png") no-repeat 90px 100px; height:400px;}

#join .job {margin-bottom:40px;}
#join td {padding-bottom:5px;}

#twit .box .twit-icon {width:18px; height:18px; margin:20px 0 0 3px;}
#twit a {margin-right:40px;}
#twit a img {border:1px solid silver; vertical-align:bottom; margin-right:10px;}
#twit td.first {padding-bottom:20px;}
#twit .icon {white-space:nowrap; line-height:48px;}
.balloon {vertical-align:top;}
.tweets {position:relative; font-size:11px; border:1px solid #B9B9B9; line-height:15px; padding:5px 10px;}
.tweets a {color:black;}
.tw-time {font-size:10px; color:silver;}
.balloon-tip {position:absolute; left:-6px; top:7px;}

#blog {float:left; width:260px; height:110px;}
#blog td {line-height:250%;}
#blog .kakurad {font-weight:normal; font-size:18px; line-height:110%; text-align:right; text-shadow:1px 1px 1px #969696;}
#blog a.kakurad {color:#556B2F;}
#blog .hellow {font:18px/110% "Comic Sans MS"; text-shadow:1px 1px 1px #969696;}
#blog a.hellow {color:#D2A56C;}
#blog .first p {padding-bottom:20px;}

#cont {float:right; width:260px; height:110px;}
#cont .box {top:-16px; right:20px;}
#cont li {font:14px/200% "Consolas";}
#cont li img {vertical-align:middle; margin-right:15px;}
#cont .msn img {padding-left:3px;}

#bout {float:left; width:370px; height:340px; padding:80px 20px 40px 40px;}
#bout td {line-height:150%;}

#hist {float:right; width:390px; height:340px; padding:80px 10px 40px 30px;}
#whatsnew {border:0; border-collapse:collapse;}
#whatsnew td {font-size:12px; line-height:130%; text-align:left; vertical-align:middle;}
#whatsnew .d {color:grey; font:13px "Consolas"; white-space:nowrap; vertical-align:top; padding-right:15px;}

#footer {background:url("img/footer_03709_2004-08-29_to_changdu.jpg") no-repeat; border:8px solid silver; height:350px; margin-bottom:20px;}

.label {text-align:right; white-space:nowrap; padding-right:15px;}
.bracket {color:grey; text-shadow:1px 1px 1px #ABABAB;}
.clearfix {display:block;}
.clearfix:after {content:""; display:block; clear:both; height:0;}
.copyright {font:11px "Consolas"; text-align:center; margin:20px 0;}

/*
.section {background-color:green;}
*/