a:link{ color: #917A3B; } 
a:visited{ color:#669933; } 
a:active{ color: #352972; } 
a:hover{ color: #352972;} 

*{
    margin:0;
    padding:0;
    border:none;
    }


body{
    font-size:16px;
    font-family:"ＭＳ Ｐゴシック",sans-serif;
    color:#8A8989;
    }

.bar_l{
    width:780px;
    position:relative;
    background-image:url('img/m_back.gif');
    background-position:top left;
    background-repeat:repeat-y;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    }

.bar_r{
    width:780px;
    background-image:url('img/stripe1.gif');
    background-position:top right;
    background-repeat:repeat-y;
    overflow:hidden;
    }

.logo{
    width:740px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:90px;
    background-image:url('img/logo.gif');
    background-position:bottom right;
    background-repeat:no-repeat;
    overflow:hidden;
    }

.main{
    position:relative;
    width:620px;
    float:right;
    }

p.counter{
    position:absolute;
    right:0px;
    display:none;    
    }

.new{
    }

.new p{
    height:90px;
    line-height:90px;
    font-size:10px;
    margin-left:3px;
    }

.new p span{
    display:none;
    }

p.new-gall{
    position:absolute;
    left:140px;
    top:90px;
    }

p.new-dia{
    position:absolute;
    left:140px;
    top:180px;
    }

p.new-oth{
    position:absolute;
    left:140px;
    top:360px;
    }

ul.menu{
    float:left;
    width:120px;
    list-style:none;
    }

ul.menu li{
    list-style:none;
    font-size:0;
    line-height:0;
    vertical-align:bottom;
    }

ul.menu a{
    background-image:url('img/menu.gif');
    display:block;
    width:90px;
    height:90px;
    text-decoration:none;
    }

ul.menu a span{
    display:none;
    }
   
a.top{
    background-position:0px 0px;
    }

a.gallery{
    background-position:0px -90px;
    }

a.works{
    background-position:0px -180px;
    }

a.mail{
    background-position:0px -270px;
    }

a.others{
    background-position:0px -360px;
    }

.top:hover{
    background-position:-90px 0px;
    }

.gallery:hover{
    background-position:-90px -90px;
    }

.works:hover{
    background-position:-90px -180px;
    }

.mail:hover{
    background-position:-90px -270px;
    }

.others:hover{
    background-position:-90px -360px;
    }

p.top{
    text-align:center;
    padding-top:170px;
    }

p.mail{
    position:absolute;
    top:70px;
    right:90px;
    }

p.mail_img{
    position:absolute;
    top:130px;
    left:40px;
    }

p.copyright{
    position:absolute;
    left:140px;
    bottom:0px;
    color:#c0c0c0;
    font-size:12px;
    font-style:italic;
    }

p.gallery{
    margin-left:71px;    
    }

p.gallery img{
    margin-top:56px;
    margin-right:66px;
    border:solid 1px #8A8989;
    }

a img{border:none;}

.gall-main{
    position:relative;
    width:620px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:80px;
    background-image:url('img/logo.gif');
    background-position:bottom right;
    background-repeat:no-repeat;
    }

.gall-box{
    position:relative;
    height:420px;
    }

.gall-box p{
    position:absolute;
    bottom:10px;
    width:620px;
    text-align:center;
    }

ul.gall-navi{
    list-style:none;
    text-align:center;
    }

ul.gall-navi li{
    list-style:none;
    display:inline;
    margin-left:0.5em;
    margin-right:0.5em;
    }

a.navi{
    text-decoration:none;
    color:#8A8989;
    }

.navi:visited{
    color:#8A8989;
    } 

.navi:hover{
    background-color:#352972;
    color:#FFFFFF;
    }

p.gall-copy{
    position:absolute;
    left:0px;
    bottom:0px;
    text-align:left;
    color:#c0c0c0;
    font-size:12px;
    font-style:italic;
    }

/*works*/

.list{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    }

.list p{
    font-size:20px;
    font-weight:bold;
    border-right:solid 20px #917A3B;
    border-bottom:dotted 2px #917A3B;
    text-align:right;
    margin-bottom:20px;
    padding-right:5px;
    }

.list ul{
    margin-left:20px;
    }

.list ul li{
    font-size:16px;
    font-weight:bold;
    }

.list ul li ul li{
    font-size:15px;
    font-weight:normal;
    }

.list span{
    margin-left:15px;
    font-size:12px;
    font-style:italic;
    color:#C0C0C0;
    vertical-align:middle;
    }

/*others*/
ul.etc{
    margin-top:90px;
    margin-left:400px;
    }

ul.etc li{
    list-style:none;
    margin-bottom:45px;
    font-size:18px;
    font-weight:bold;
    }

ul.etc a{
    border-left:solid 16px #917A3B;
    padding-left:5px;
    text-decoration:none;
    }

ul.etc a:link{
    color:#8A8989;
    }

ul.etc a:visited{
    color:#8A8989;
    }

ul.etc a:hover{
    border-left:solid 16px #352972;
    color:#8A8989;
    }

p.others_img{
    position:absolute;
    top:165px;
    }

ul.crouton{
    margin-top:5px;
    margin-right:5px;
    margin-bottom:10px;
    font-size:14px;
    text-align:right;
    }

ul.crouton li{
    display:inline;
    }

ul.crouton a{
    text-decoration:none;
    margin-right:5px;
    }

/*link*/
.link{
    margin-top:10px;
    margin-left:15px;
    margin-right:15px;
    }

.link table{
    width:590px;
    vertical-align:middle;
    border:solid 15px #FFFFFF;
    }

.link caption{
    text-align:left;
    font-size:17px;
    font-weight:bold;
    border-left:solid 20px #917A3B;
    border-bottom:dotted 2px #917A3B;
    padding-left:5px;
    }

.link td{
    font-size:14px;
    color:#ACACAC;
    font-style:italic;
    padding-left:10px;
    }

td.banner{
    border:solid 1px #BABABA;
    width:200px;
    height:66px;
    font-style:normal;
    font-weight:bold;
    font-size:18px;
    text-align:center;
    padding-left:0px;
    }

.link th{
    text-align:left;
    padding-left:10px;
    color:#8A8989;
    }

td.empty{
    height:15px;
    }

/*diary*/
/*ページタイトル*/
h1.midashi{
	font-size: 20px;
	margin-bottom : 10px;
	margin-right : 10px;
	margin-left : 10px;
    margin-top:5px;
	padding-bottom : 0px;
	padding-top : 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom : 5px;
	border-top : solid 1px #352972;
	border-bottom : solid 1px #352972;
    clear :both ;
}


/*最新用スタイルの枠*/
div.latedaybox
{
	margin-top :10px;
	padding-left : 10px;
}

/*日記の日付（最新用スタイル）*/
.latedaybox h2
{
	font-size: 16px;
	padding-left : 10px;
    margin-bottom:5px;
}

/*日記の題名（最新用スタイル）*/
.latedaybox h3
{
	font-size: 16px;
	margin-left : 30px;
    margin-right : 10px;
	padding-left : 10px;
	border-left : solid 20px #917A3B;
    border-bottom : solid 1px #917A3B;
}

/*日記の本文（最新用スタイル）*/
.latedaybox div.diary
{
	margin-left : 50px;
	margin-right : 20px;
	margin-bottom : 10px;
	margin-top : 10px;
	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 10px;
    font-size:15px;
}

/*過去ログ用スタイルの枠*/
div.daybox
{
	margin-top :10px;
	padding-left : 10px;
}

/*日記の日付（過去ログ用スタイル）*/
.daybox h2
{
	font-size: 16px;
	padding-left : 10px;
    margin-bottom:5px;
}

/*日記の題名（過去ログ用スタイル）*/
.daybox h3
{
	font-size: 16px;
	margin-left : 30px;
    margin-right : 10px;
	padding-left : 10px;
	border-left : solid 20px #917A3B;
    border-bottom : solid 1px #917A3B;
}

/*日記の本文（過去ログ用スタイル）*/
.daybox div.diary
{
	margin-left : 50px;
	margin-right : 20px;
	margin-bottom : 10px;
	margin-top : 10px;
	padding-top : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-bottom : 10px;
    font-size:15px;
}

/*タイトル一覧の枠*/
.index
{
	vertical-align: top;
	padding-left: 10px;
    font-size:15px;
}

.index ul
{
	margin-left: 0px;
}

/*タイトル一覧のリスト形式*/
.index li{
	list-style-type: none;
}

/*カレンダーの枠*/
div.calender{
    font-size:14px;
	clear: both;
	margin-left: 20px;
	margin-right: 10px;

}

/*カレンダーの月枠*/
.calender caption.month{
	margin-left: 1px;
	margin-right: 1px;


}

/*カレンダーの曜日枠*/
.calender th.week{
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
}

/*カレンダーの日枠*/
.calender td.date{
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px;
}

/*月別ログ一覧の枠*/
div.logindex
{
    font-size: 14px;
	padding-right: 10px;
	padding-bottom: 0px;
	float: right;
}

/*画像*/
div.image {
	margin: 20px;
    clear :both ;
}

.update
{
    font-size: 14px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 10px;
	text-align: right;
}

.navigator{
    font-size:14px;
    margin-left:10px;
    }