@charset "shift_jis";
/* 900シリーズ用のXHTMLファイルと合わせてご使用下さい */
/* ◇◇Bloco Arrastao トップページ用スタイルシート◇◇ */
/* 2009/2/20 グラデーション背景追加 */
/* 2009/2/28 IE6.0 とIE7.0で表示がずれることが */
/* 発覚、両Ｖｅｒで一応ちゃんと見れるよう修正 */
/* 2009/3/3 ソース改行＆いろいろと注釈をかきこ */
/* */
/* */
/* */
/*メインページの内に書かれたすべてのＨＴＭＬについての設定*/
body{
margin:0px; /*マージン：0ピクセル*/
padding:0px; /*パディング：0ピクセル*/
text-align:center; /*行揃え：センターに設定*/
color:#000000; /*表示色：ブラック*/
background-image: url(image/pinkbgbw.gif); /*背景イメージ：ブラックimage/bgbw.jpg*/
background-repeat: repeat-x; /*背景繰り返し表示設定：横に連続表示*/
background-attachment: fixed; /*背景固定法設定：固定*/
font-family:Verdana,Chicago,Arial,Osaka,sans-serif; /*表示フォントの指定*/
}
/*未訪問リンクの表示方法指定*/
a:link{
color:#000000; /*表示色：ブラック*/
text-decoration:underline; /*装飾：アンダーライン*/
}
/*訪問済みリンクの表示方法指定*/
a:visited{
color:#333333; /*表示色：グレー*/
text-decoration:underline; /*装飾：アンダーライン*/
}
/*カーソルが重なったときの表示方法指定*/
a:hover{
color:#ffffff; /*表示色：ホワイト*/
background:#000000; /*背景：ブラック*/
text-decoration:none; /*装飾：なし*/
}
/*img要素の指定、ＨＰ内の画像すべての表示方法を設定*/
img{
border-width:0px; /*ページ枠幅：0ピクセル（表示しない）*/
}
/*〜タグの表示方法設定 トップページでは一番下のコピーライトで使用*/
em{
color:#333333; /*表示色：グレー*/
text-decoration:none;
font-style:nomal;
}
h1{
font-size:120%; font-weight:bold; color:#996666;
margin:0px 0px;
padding:10px;
}
h2{
font-size:110%;
font-weight:bold;
color:#333333;
margin:0px 0px 10px 0px;
padding:0px 10px;
}
h3f{
ont-size:100%;
font-weight:bold;
color:#333333;
margin:10px;
}
ul{
margin:10px 15px;
padding:0px 12px;
list-style:disc;
}
hr{
visibility:hidden;
}
strong{
color:#996666;
text-decoration:none;
font-style:bold;
}
/*全体枠（本文）の設定*/
#top{
width:770px;
margin:0px auto;
padding:0px;
background:#ffffff;
border-style:solid;
border-width:1px 1px;
border-color:#333333;
}
#top span{
display:block;
width:260px;
margin:0p;
text-align:left;
font-size:80%;
float:left;
}
#header{
margin:0px;
padding:0px 10px;
text-align:right;
height:100px;
}
#header span{
display:none;
width:250px;
margin:0p;
text-align:right;
font-size:80%;
float:right;
}
#header hr{
clear:right;
}
#menu{
margin:0px;
padding:0px;
height:95px;
font-size:80%;
text-align:left;
background:#CC9966
}
#menu dl{
margin:5px 10px;
padding:0px;
width:740px;
float:left;
}
#menu dt{
margin:0px 5px;
padding-left:12px;
display:inline;
background:url("list1.gif")
no-repeat left center;
}
#menu dd{
visibility:hidden; display:none;}
#menu hr hr{clear:right;}
/*メニュー以下の右カラム*/
#main{
float:right;
width:460px;
margin:10px 8px 0px 0px;
padding:0px;
text-align:left;
font-size:80%;
line-height:170%;
border-style:solid;
border-width:0px ;
border-color :#ff8800;
}
#main div.imagebox {
border: 1px dashed #0000cc; /* 枠線 */
background-color: #eeeeff; /* 背景色 */
width: 430px; /* 横幅 */
float: left; /* 左に配置 */
margin: 5px; /* 周囲の余白 */
color: darkblue;
}
p.image {
float: left;
text-align: left; /* 3.左寄せ */
margin: 10px; /* 4.余白・間隔 */
}
p.caption {
text-align: left; /* 3.左寄せ */
margin: 5px; /* 4.余白・間隔 */
font-size: 80%; /* 5.文字サイズ */
color: darkblue; /* 6.文字色 */
}
/*main要素の中のh2要素について設定*/
#main h2{
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#333333;
}
p{
text-indent:1em;
margin:10px;
}
/*メニュー以下の左カラム*/
#sub1{
float:left;
width:260px;
margin:10px 0px 0px -14px;
padding:0px;
text-align:left;
font-size:70%;
line-height:170%;
background:#FFFFFF;
border-style:solid;
border-width:1px ;
border-color :#ff8800;
}
#sub1 div.imagebox {
border: 1px dashed #0000cc; /* 枠線 */
background-color: #eeeeff; /* 背景色 */
width: 255px; /* 横幅 */
float: left; /* 左に配置 */
margin: 5px; /* 周囲の余白 */
color: darkblue;
}
p.image {
float: left;
text-align: left; /* 3.左寄せ */
margin: 10px; /* 4.余白・間隔 */
}
p.caption {
text-align: left; /* 3.左寄せ */
margin: 5px; /* 4.余白・間隔 */
font-size: 80%; /* 5.文字サイズ */
color: darkblue; /* 6.文字色 */
}
#sub{
float:left; width:260px;
margin:20px 0px 0px 0px;
padding:0px;
text-align:left;
font-size:70%;
line-height:170%;
background:#ffffff;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#333333;
}
#sub2{
float:left;
width:260px;
margin:0px 0px 0px 0px;
padding:0px;
text-align:left;
font-size:70%;
line-height:170%;
background:#FFFFFF;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#333333;
}
p{
text-indent:1em;
margin:10px;
}
#footer{
clear:both;
margin:0px 10px 10px -30px;
padding:10px;
font-size:70%;
text-align:middle;
border-style:solid;
border-width:1px 0px 0px 0px;
border-color:#333333;
}
#footer span{
visibility:hidden;
display:none;
}
.pagetop{
display:block;
margin:10px 0px;
padding:0px 30px 0px 0px;
text-align:right;
font-size:90%;
background:#ffffff url("pagetop.gif") no-repeat right fixed;
}