/* - - - - - [Titan's Photo Gallary CSS]- - - - - - - - - - - - - - - - - - */
/* - - - - - [Copyright (C) 2001-2007 Titan All rights reserved.] - - - - - */
div.logo-top { 
     width:950px;
     background-color:#ffffff;
     text-align:center;
     margin:0px auto 10px auto;
     border-bottom: 1px solid #d3d3d3;}

/* - - - - - [左右分割設定] - - - - - */
#left {
     float:left;
     width:550px;
     margin:0px 0px 0px 0px;
     padding:0px 0px 0px 0px;}

#right {
     margin:0px 0px 0px 550px;
     padding:0px 0px 0px 0px;}

/* - - - - - [トップ写真] - - - - - */
div.top-photo-box{
     width:540px;
     height:400px;
     margin:0px 0px 0px 2px;
     background-color:#dcdcdc;
     border:1px solid #d3d3d3;}

div.top-photo{
     text-align:center;
     padding:30px 0px 0px 0px;}

div.top-photo img{
     border:2px solid #000080 }

/* - - - - - [サイトタイトル表示設定] - - - - - */
div.top-title-box{
     width:395px;
     height:120px;
     margin:0px 0px 0px 0px;
     border:1px solid #d3d3d3;}

div.top-title{
     text-align:center;}

/* - - - - - - [更新履歴設定] - - - - - -*/
div.what-box{
     width:395px;
     height:210px;
     overflow:auto;
     margin:5px 0px 0px 0px;
     border:1px solid #d3d3d3;}

div.what-title-box{
     width:370px;
     margin:5px 0px 0px 5px; }

div.what-title{
     font-family:Comic Sans MS,メイリオ;
     color:#6666ff;
     border-bottom:1px solid #6666ff; }

div.what-title small{
     margin-left:10px;
     maegin-right:auto;
　　 font-family:Comic Sans MS; }

div.what-date-box {
     width:365px;
     margin:0px 0px 0px 10px;}

div.what-date{
     color:#66ccff;
     font-size:85%;
     font-family:Comic Sans MS,メイリオ;
     border-bottom:1px solid #66ccff; }

div.what-body-box{
     margin:0px 0px 0px 10px;}

div.what-body{
     line-height:105%;}

ul{
     margin-top:0px;
     margin-bottom:0px;}

li.what {
     margin-top:3px;}

li.what-body {
     font-size:78%;
     list-style:none;}

/* - - - - - [写真解説] - - - - - */
div.top-msg-box {
    width:395px;
    height:54px;
    margin:5px 0px 0px 0px;
    background-color:#dcdcdc;
    border:1px solid #d3d3d3;}

div.top-msg {
   padding:8px 0px 0px 0px;
   font-family: Verdana, Arial, sans-serif;
   text-align:center;}



/*- - - - -[PhotoGalleryMenu] - - - - - */
div.photo-top-menu-box{
     width:945px;
     margin:15px 0px 0px 2px;
     border:1px solid #d3d3d3;}

div.photo-top-menu {
     padding:8px 0px 5px 2px;}

div.photo-top-box{
     float:left;
     width:130px;
     margin:0px 0px 8px 2px;
     border:1px solid #dcdcdc; }

div.mini-title{
     font-size:95%;
     text-align:center;
     height:18px;
     padding:2px 2px 2px 2px;
     border-bottom:1px solid #dcdcdc;}

div.thumb-photo{
    margin:0px auto 0px;
    padding:3px 5px 5px 5px; }

div.thumb-photo img {
     border:0px;
     width:120px;}



/* - - - - - [インフォメーション/コンタクト分割] - - - - -  */
#information {
     float:left;
     width:595px;
     margin:15px 0px 0px 0px;
     padding:0px 0px 0px 0px;}

#contact {
    margin:15px 0px 0px 595px;
    padding:0px 0px 0px 0px;}

/* - - - - - - [インフォメーションボックス設定] - - - - - - */
div.information-box{
     width:585px;
     height:305px;
     margin:0px 0px 0px 2px;
     border:1px solid #d3d3d3;}

/* - [インフォメーション共通部分] -*/
div.info-title-box{
     width:570px;
     margin:0px 0px 0px 10px;}


/* - - - - - - [ReadMe] - - - - - -*/
div.read{
     color:#cc66ff;
     padding:3px 0px 0px 0px; 
     font-family:Comic Sans MS,メイリオ;
     border-bottom:1px solid #cc66ff; }

div.read-body-box {
     width:560px;
     margin:0px 0px 6px 20px;}

div.read-body{
     padding:4px 0px 0px 0px;
     font-size:85%;}


/* - - - - - - [閲覧環境] - - - - -*/
div.computer{
     color:#9acd32;
     padding:3px 0px 0px 0px; 
     font-family:Comic Sans MS,メイリオ;
     border-bottom:1px solid #9acd32; }

div.computer-body-box{
     width:560px;
     margin:0px 0px 6px 0px;}

div.computer-body{
     padding:1px 0px 0px 0px; }

div.computer-body li{
     font-size:85%;}


/* - - - - - - [コンタクト設定] - - - - - - */
div.contact-box{
     width:350px;
     height:305px;
     margin:0px 0px 0px 0px;
     border:1px solid #dcdcdc; }

/* - [コンタクト共通部分] -*/
div.contact-title-box{
     width:335px;
     margin:0px 0px 0px 10px;}

div.contact-body-box{
     width:325px;
     margin:0px 0px 6px 20px;}

div.contact-body{
     padding:4px 0px 0px 0px;
     font-size:85%; }

/* - - - - - - [Clap] - - - - - - -*/
div.clap{
     color:#f08080;
     padding:3px 0px 0px 0px;
     font-family:Comic Sans MS,メイリオ;
     border-bottom:1px solid #f08080; }

form {
     text-align:center;
     margin:8px auto 0px auto;}

input.clap {
     margin:5px 0px 0px 0px; }

/* - - - - - - [連絡先] - - - - - -*/
div.contact{
     color:#daa520;
     padding:3px 0px 0px 0px; 
     font-family:Comic Sans MS;
     border-bottom:1px solid #daa520; }



/* - - - - - [カウンター/著作権表示分割] - - - - -  */
#counter {
     float:left;
     width:230px;
     margin:10px 0px 0px 0px;
     padding:0px 0px 0px 0px;}

#copyright {
    margin:10px 0px 0px 230px;
    padding:0px 0px 0px 0px;}

/* - - - - - [フッター表記] - - - - -  */
div.counter-box {
    height:45px;
    overflow:hidden;
    margin:0px 0px 0px 2px;
    border:1px solid #d3d3d3; }

div.counter{
    text-align:center;
    padding:8px 0px 3px 0px; }

div.copyright-box {
    height:45px;
    overflow:hidden;
    margin:0px 2px 0px 2px;
    border:1px solid #d3d3d3; }

div.copyright{
    text-align:center;
    padding:3px 0px 3px 0px; }