/* 初期化 */
* { margin:0; padding: 0; border;}
a { text-decoration: none;}
img, a img { border: 0;}
ul, li { list-style: none;}
html, body { height: 101%;}
body {
background: #343434 url(pagebg.gif) repeat-x;
font-family: "Lucida Grande", verdana, "Lucida Sans Unicode", sans-serif;
font-size: 62.5%;
color: #343434;/* 表示される部分の背景色 */
}
/* ------------ホームページレイアウト---------------------- */
#site-box { /* 一番外側の大きなボックス */
width: 800px;
margin: 30px auto;/* 上下マージン30px、左右マージンをautoにしたら全体がセンタリングされた */
/* border : 1px solid #FF9900; */
background-color: #343434;
}
/* ボックスレイアウト */
#header-box {
/* border: 1px solid #FF9900; */
width: 794px;
}
#content-box {
float:left;
width:595px;
}
#side-box {
float: right;
width:195px;
}
#footer-box {
clear: both;/* boxの回り込みを防ぐ */
}
/* ------------------------- PARAGRAPH STYLES */
p {
color: #9f9f9f;
line-height: 1.5em;
font-size: 1.2em;
margin-left: 6px;
}
p a { color: #eee;}
p a:hover {color: #fff; border-bottom: 1px dotted #666;}
abbr, acronym { border-bottom: 1px dotted #666;}
blockquote { margin: 10px auto 10px auto;width: 450px; background: #3B3B3B url(blockquote.gif) no-repeat center bottom; font-size: 1.5em; font-style: italic;}
blockquote p { margin: 10px; padding: 10px;}
cite { color: #555; text-indent: 20px; font-size: 0.8em;}
pre { margin: 10px auto 10px auto; width: 450px; background: #3B3B3B url(code.gif) no-repeat center bottom; font-size: 1.4em; color: #9f9f9f;}
p.sub { margin: -1px 0 30px 0; font-size: 0.9em; color: #777;}
/* h1~h6の定義 The logo styles */
h1 { margin-top: 0; margin-bottom: 0;font-size: 4em; white-space: pre; line-height: 38px; color: #fff;} /* please dont use h1 anywhere else then the logo!!! */
h1 span { color: #FF9215; font-size: 0.8em;}
h2 { font-size: 2.0em; margin: 8px 0;color: #fff;}
h2 a {
font-size: 0.8em;
padding: 0 6px;
font-weight: 300;
color: #F8F8F8;
letter-spacing: -0.02em;
}
h2 a:hover { color: #fff; background: #FF8803 url(headerhover.gif) repeat-x;}
h2 span { font-size: 1em; color: #b8b8b8; margin-left: 10px;}
h3 { color: #fff; font-size: 1.3em; margin: 15px 0 10px 0;}
h4, h5, h6 { font-size: 1.3em; color: #f0f0f0; margin: 10px 10px 10px 6px; width: 80%; border-bottom: 1px dotted #666}
/*---------------------- ARTICLE 'OPTIONS' BOX */
.artop {
width: 590px;
height: 42px;
margin: 20px auto 30px auto;
background: #434343 url(articleoptions.gif) no-repeat;
font-size: 2.0em;
color: #FF9966;
}
.artop p {
line-height: 42px;
color: #FF9900;
text-indent: 10px;
}
.artop a { color: #8B8B8B;}
.artop a:hover { color: #ccc; border-bottom: 1px dotted #666;}
/* ----------ボタンｂｔｎデザインyoutubeからコピー---------------------------------------------------------------------------------*/
.btn a{
margin:0 0 5px 0;
display:inline-block;
border-radius: 5px;
box-shadow:0 5px #008000;
border-bottom:1px solid #008000;
}
.btn a:hover{
margin:5px 0 0 0;
box-shadow:none;
}
/* ----------ボタンｂｔｎデザインyoutubeからコピーの終わり---------------------------------------------------------------------------------*/
/* ボックスの下線を破線にする設定 */
.pline{
border-bottom-style:dashed;
border-bottom-width:1px;
border-bottom-color: #9f9f9f;
}
/* 表の設定、線1px、白など */
.table1, .table1 td, .table1 th{
border: 1px white solid;
border-collapse: collapse;
table-layout: fixed;
text-align: center;
vertical-align:top;
}
#headertable{
text-align:left
}
/* ----------------右サイドの設定------------------------------------------------- */
/*