@charset "utf-8";

/* ========
BASIC
======== */
body{
color:#353429;
font-size:75%;
font-family:Helvetica , Arial , sans-serif;
background:#D2D0B9 url(../images/body_bg.jpg) no-repeat;
border:10px #E7E7E7; 
}

#wrapper{
width:780px;
margin:40px 60px 60px 18px;
padding:0 0 60px 0;
}

/*コピーライト表記の上方向への余白を指定*/
#copyright{
padding:100px 0 0 0;
}

/* ===========
TOP/navigation
============= */
h1#LogoType{
color:#767350;
font-size:24px;
font-weight:normal;
letter-spacing:-1px;
text-align:right
}

h1#LogoType .number{
color:#333333;
font-size:40px;
font-family:Geneva, Arial, Helvetica, sans-serif;
letter-spacing:-2px;
text-align:right;
}

#navigation{
margin:230px 0 0 0; /*上右下左（上から時計まわり）*/
font-size:60px;
letter-spacing:-5px;　/*文字間をデフォルトの間隔から5px詰める*/
word-spacing:-12px;  /*単語間をデフォルトの間隔から12px詰める*/
line-height:0.8;  /*行ボックスの高さをフォントサイズを基準にした倍率で指定*/
text-transform:uppercase;/*すべての文字を大文字に変換*/
}

/*リンクの文字色、下線の装飾を非表示に指定*/
#navigation li a {
padding:0 5px 0 0;/* a要素の右方向にletter-spacingプロパティで詰めた分の余白を指定 */
color:#E7E7E7;
text-decoration:none;
list-style:none;
}
/*現在位置となるリンクの文字色を指定*/
#navigation li.current a{
color:#767350;
}
/*カーソルを重ねた際の文字色を指定*/
#navigation li a:hover{
color:#333333;
}

/*ナビゲーションエリアとの余白の指定*/
#content{
margin:50px 0 0 0;
}
#content p{
margin:0 0 1em 0;  /*段落の下方向にフォントサイズを基準とした余白を指定*/
text-align:justify; /*テキストを均等配置に指定*/
line-height:1.75; /*行ボックスの高さをフォントサイズを基準にした倍率で指定*/
width:270px;
}
#content .dropcap{
float:left;                /*後続のテキストが回りこむよう指定*/
padding:0.2em 0.15em 0 0;  /*フォントサイズを基準とした余白を指定*/
font-size:333%;            /*本文のフォントサイズを基準とした割合から値を指定*/
line-height:0.75;          /*行ボックスの高さをフォントサイズを基準にした倍率で指定*/
}



/* ==============
WORK,LINK,CONTACT
================= */
h2#{
margin:400px 0 0 0;    /*上右下左（上から時計まわり）*/
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
letter-spacing:-1px;　/*文字間をデフォルトの間隔から5px詰める*/
word-spacing:-12px;   /*単語間をデフォルトの間隔から12px詰める*/
line-height:0.8;      /*行ボックスの高さをフォントサイズを基準にした倍率で指定*/
text-transform:uppercase;/*すべての文字を大文字に変換*/
}


/* ================
WEB,GRAPHIC,DRAWING
=================== */
h3#{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
letter-spacing:-1px;　/*文字間をデフォルトの間隔から5px詰める*/
word-spacing:-12px;  /*単語間をデフォルトの間隔から12px詰める*/
line-height:0.8;  /*行ボックスの高さをフォントサイズを基準にした倍率で指定*/
text-transform:uppercase;/*すべての文字を大文字に変換*/
}

/* ========
LINK
======== */
/*リンクの文字色、下線の装飾を非表示に指定*/
#links li a {
color:#333333;
text-decoration:none;
list-style:none;
}
/*現在位置となるリンクの文字色を指定*/
#links li.current a{
color:#767350;
}
/*カーソルを重ねた際の文字色を指定*/
#links li a:hover{
color:#E7E7E7;
}

/* ========
contact
======== */
/*リンクの文字色、下線の装飾を非表示に指定*/
#contact address a{
padding:0 5px 0 0;/* a要素の右方向にletter-spacingプロパティで詰めた分の余白を指定 */
color:#333333;
text-decoration:none;
}
/*カーソルを重ねた際の文字色を指定*/
#contact address a:hover{
color:#E7E7E7;
}


/* ========
pagetop
======== */
#pagetop a{
margin:100px 0 0 0;    /*上右下左（上から時計まわり）*/
color:#E7E7E7;
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
}


/* ========
Highslide
======== */
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: white;
    font-style: 'MS Sans Serif';
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}