@charset "utf-8";
/* CSS Document */

body {
font-size: 80%;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka, "Trebuchet MS", verdana, arial, sans-serif;
background: url(img/bg_body.gif) repeat-y #FFFFFF;
padding: 0px;
margin: 0px;
}

h1 {
background: url(img/img_header.jpg) no-repeat 0px 0px #FFFFFF;
font-size: 85%;
font-weight: normal;
width: 780px;
height: 80px;
padding: 0px;
margin: 0px 0px 0px 0px;
}

h1 a {
display: block;
text-align: right;
width: 780px;
height: 15px;
padding: 65px 0px 0px 0px;
}

h1 a:link, h1 a:active, h1 a:visited, h1 a:hover{
color: #FFFFFF;
text-decoration: none;
}

div#left-side h2 {
font-size: 100%;
clear: left;
background: url(img/bg_side_title.gif) no-repeat;
text-align: left;
color: #FFFFFF;
width: 176px;
height: 25px;
margin: 20px 0px 0px 0px;
padding: 5px 0px 5px 10px;
}

h3{
font-size: 100%;
color: #3399cc;
font-weight: bold;
margin: 0px 10px 20px 10px;
padding: 6px 10px 0px 10px;
}

h3 span{
font-size: 85%;
font-weight: normal;
}

a:link, a:visited, a:active {
color: #6699ff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
line-height: 1.5;
}

/* レイアウト用 */
div#container {
width: 780px;
margin: 0px;
background: url(img/bg_main.gif) repeat-y #000000;
text-align: left;
}

div#left-side {
float: left;
width: 180px;
margin: 0px 0px 0px 0px;
}

div#main-content {
float: right;
width: 600px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

div#main-content-sub {
float: right;
width: 600px;
margin: 0px 0px 0px 0px;
padding: 0px;
}

/* ページ全体の要素 */
.in-footer{
text-align: right;
font-size: 85%;
margin: 0px;
padding: 10px 0px;
}

/* FOOTER */

#footer {
clear: both;
font-size: 85%;
color: #FFFFFF;
text-align: center;
padding: 5px 10px;
margin: 0px 0px 0px 180px;
}

#footer a:link, #footer a:active, #footer a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

div#left-side ul {
list-style: none;
margin: 1px 0px;
padding: 0px;
}

/* ルートメニュー 親 */
div#root-menu ul {
margin: 1px 0px;
padding: 0px;
}

div#root-menu li {
margin: 1px 0px;
}

/* ルートメニュー 子 */
div#root-menu ul ul {
margin: 1px 0px 1px 10px;
padding: 0px;
}

div#root-menu li a {
background: url(img/bg_menu.gif) no-repeat;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
display: block;
width: 166px;
padding: 5px 0px 5px 10px;
margin: 1px 0px;
}

div#root-menu li a:hover {
background: url(img/bg_menu_on.gif) no-repeat;
}

div#root-menu ul ul li a {
background: url(img/bg_menu_sub.gif) no-repeat;
width: 156px;
height: 18px;
}

div#root-menu ul ul li a:hover {
background: url(img/bg_menu_sub_on.gif) no-repeat;
}

/* 新着イラスト */
div#new-pict ul {
margin: 4px;
}

div#new-pict li {
float: left;
margin: 1px;
}

div#new-pict img {
text-decoration: none;
border: 1px solid #FFFFFF;
margin: 0px;
padding: 0px;
}

#top-img {
margin: 0px;
padding: 0px;
}

/* SIDE LIST */
div.side-list h2 {
font-size: 100%;
font-weight: normal;
margin: 5px;
padding: 5px;
}

div.side-list li {
font-size: 85%;
list-style: url(img/icon_list.gif);
margin: 0px 5px 0px 25px;
padding: 3px 0px;
}

div.side-list a {
color: #FFFFFF;
}

/* INFORMATION */
div#info {
color: #F0F0F0;
margin: 10px 10px 0px 10px;
padding: 0px 0px 0px 0px;
border: 1px solid #343434;
}

div#info ul {
list-style: none;
padding: 5px 5px 5px 5px;
margin: 0px;
}

div#info li {
font-size: 85%;
padding: 1px 0px;
margin: 0px;
}

div#info .in-footer {
padding: 0px;
margin: 0px;
}

#info a:link, #info a:visited, #info a:active, #info a:hover {
color: #9E2236;
font-weight: normal;
}

/* テキストエリア */
div#main-content h2{
font-size: 100%;
color: #F0F0F0;
font-weight: bold;
background: url(img/icon_sakura.gif) no-repeat 0 0;
margin: 10px 10px 5px 10px;
padding: 2px 10px 0px 20px;
height: 18px;
}

div.text-area h3{
color: #343434;
background: url(img/bg_text_area_top.gif) no-repeat top left;
margin: 0px;
padding: 10px 10px 5px 10px;
}

div.text-area {
color: #343434;
line-height: 1.5;
background: url(img/bg_text_area.gif) no-repeat bottom right #F0F0F0;
margin: 0px 10px 20px 10px;
padding: 0px;
clear: left;
}

div.text-area p{
margin: 0px 10px 12px 10px;
}

div.text-area img{
margin: 0px;
border: none;
}

div.text-area img a{
border: none;
}

div.text-area blockquote{
font-style: italic;
margin: 0px 10px 12px 10px;
}

div.text-area ul.in-footer{
margin: 10px;
padding: 10px 0px;
}

div.text-area ul.in-footer li{
display: inline;
}

/* イラスト一覧 */
p.thumbnail{
margin: 0px 10px 20px 30px;
padding: 6px 0px 0px 0px;
}

p.thumbnail img{
border: 1px solid #FFFFFF;
text-decoration: none;
margin: 0px;
padding: 0px;
}

/* ブックマーク */
div#main-content-sub h2{
font-size: 100%;
color: #F0F0F0;
font-weight: bold;
background: url(img/icon_sakura.gif) no-repeat 0 0;
margin: 10px 10px 10px 10px;
padding: 2px 10px 0px 20px;
height: 18px;
}

div#main-content-sub h3{
color: #F0F0F0;
background: none;
border-left: 5px solid #343434;
border-bottom: 1px solid #343434;
margin: 0px 15px 10px 15px;
padding: 2px 5px 3px 10px;
}

div#main-content-sub .text-area h3{
color: #F0F0F0;
background: none;
border-left: 5px solid #343434;
border-bottom: 1px solid #343434;
margin: 0px 0px 10px 0px;
padding: 2px 5px 3px 10px;
}

div#main-content-sub .text-area p{
color: #F0F0F0;
margin: 0px 15px 12px 15px;
}

div#main-content-sub .text-area img{
color: #F0F0F0;
margin-bottom: 5px;
}

div#main-content-sub .text-area table {
margin: 0px 15px 12px 15px;
}

div#main-content-sub .text-area td {
color: #FFFFFF;
font-size: 100%;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka, "Trebuchet MS", verdana, arial, sans-serif;
}

div#main-content-sub .text-area ul{
color: #F0F0F0;
text-align: left;
list-style: none;
margin: 0px 15px 12px 15px;
padding: 0px 0px 10px 0px;
}

div#main-content-sub .text-area li{
display: list-item;
}

ul.data-list li{
line-height: 1.2;
margin-bottom: 8px;
}

ul.data-list li span{
font-size: 85%;
}

div#main-content-sub .text-area dl{
color: #F0F0F0;
text-align: left;
list-style: none;
margin: 0px 15px 12px 15px;
padding: 0px 0px 10px 0px;
}

div#main-content-sub .text-area dd{
margin: 0px 15px 12px 15px;
padding: 0px 0px 10px 0px;
}


div#main-content-sub .text-area {
background: none;
color: #343434;
margin: 0px 15px 20px 15px;
padding: 0px;
clear: left;
}

p.move {
color: #CCCCCC;
margin: 20px 20px;
}

/* FORM */
form {
color: #FFFFFF;
font-size: 100%;
}

.form-style {
font-size: 100%;
border: 1px solid #343434;
background: #F0F0F0;
}

/* ブログパーツ */
div#blog-parts{
clear: both;
text-align: left;
margin: 0px;
padding: 100px 0px 25px 5px;
}