@charset "utf-8";
html {
background-image: url(img/back.gif);
background-position: 2px top;
}
body {
margin: 0px;
padding: 0 6px 0 0;
width: 800px;
font-size: 75%;
font-family: "メイリオ","Hiragino Kaku Gothic Pro","MS Pゴシック",sans-serif;
background-image: url(img/back-kage.gif);
background-repeat: repeat-y;
background-position: right top;
background-color: #FFFFFF;
}
/*ヘッダ周り*/
/*-----------------------------------------*/
#header {
margin-bottom: 10px;
background-image: url(img/site-title.gif);
background-repeat: no-repeat;
height: 91px;
text-indent: -9999px;
}
h2,h1 {
margin: 0;
}
/*サイドメニュー*/
/*-----------------------------------------*/
#siteMenu {
width:167px;
float:left;
margin-bottom: 10px;
}
#siteMenu ul {
padding: 0px;
margin: 0px 0px 0px 10px;
list-style-type: none;
}
#siteMenu li {
padding: 0px;
margin: 0px 0px 5px 0px;
}
#siteMenu li a:link, #siteMenu li a:visited {
background-position:left;
}
#siteMenu li a:hover {
background-position:right;
}
a#Mprofile {
background-image: url(img/menu1_o.gif);
background-repeat: no-repeat;
text-indent: -9999px;
overflow:hidden;
width: 157px;
height: 36px;
display: block;
}
a#Mblog {
background-image: url(img/menu2_o.gif);
background-repeat: no-repeat;
text-indent: -9999px;
overflow:hidden;
width: 157px;
height: 36px;
display: block;
}
a#Mdv {
background-image: url(img/menu3_o.gif);
background-repeat: no-repeat;
text-indent: -9999px;
overflow:hidden;
width: 157px;
height: 36px;
display: block;
}
a#Mphoto {
background-image: url(img/menu4_o.gif);
background-repeat: no-repeat;
text-indent: -9999px;
overflow:hidden;
width: 157px;
height: 36px;
display: block;
}
a#Mcontact {
background-image: url(img/menu5_o.gif);
background-repeat: no-repeat;
text-indent: -9999px;
overflow:hidden;
width: 157px;
height: 36px;
display: block;
}
/*サイドメニュー:略歴*/
/*-----------------------------------------*/
dl {
width: 150px;
padding: 0px;
margin: 55px 0px 65px 13px;
}
dt {
font-size: 100%;
background-image: url(img/info-title.gif);
background-repeat: no-repeat;
background-position: top;
color: #FFFFFF;
background-color: #000000;
padding: 3px 7px;
}
dd {
font-size: 80%;
margin: 0px;
border: 1px dashed #000000;
border-top: none;
padding: 3px 5px 170px 5px;
background-image: url(img/info-photo.jpg);
background-position: center bottom;
background-repeat: no-repeat;
}
/*コンテンツ*/
/*-----------------------------------------*/
#contents {
float: left;
width: 610px;
margin: 0 0 10px 13px;
_height: 1px;
min-height: 1px;
}
#contents:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/*コンテンツ:メインイメージ*/
/*-----------------------------------------*/
#contents #mainImg {
background-image: url(img/main-back.jpg);
background-repeat: no-repeat;
height: 249px;
width: 619px;
border: 1px solid #000000;
border-right: none;
text-indent: -9999px;
margin-bottom: 20px;
}
#contents #mainImg p {
background-image: url(img/main-text.png);
background-repeat: no-repeat;
height: 130px;
width: 350px;
margin:0;
position: absolute;
top: 200px;
left: 187px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main-text.png');
_background-image:none;
}
#contents #mainImg div {
background-image: url(img/main-photo.png);
background-repeat: no-repeat;
height: 340px;
width: 375px;
position: absolute;
top: 0px;
left: 425px;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/main-photo.png');
_background-image:none;
}
/*コンテンツ:新着記事*/
/*-----------------------------------------*/
h3 {
font-size: 120%;
background-image: url(img/midashi.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 6px 3px 0 27px;
min-height:18px;
_height:18px;
background-color: #000000;
color: #FFFFFF;
margin: 0 0 10px 0;
line-height:100%;
}
#contents p.photoRead {
margin-top: 0.8em;
margin-bottom: 1em;
}
#contents .photoRead img {
float: left;
border: 1px solid #000000;
margin-right: 1em;
margin-bottom: 1em;
}
strong {
font-size: 240%;
color: #FF33FF;
line-height:120%;
}
.more {
_height: 1px;
min-height: 1px;
}
.more:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.more a {
background-image: url(img/nikukyu-.gif);
background-repeat: no-repeat;
background-position: right center;
display: block;
float: right;
padding-right: 20px;
}
/*フッタ*/
/*-----------------------------------------*/
#copyright {
clear: both;
background-color: #000000;
background-image: url(img/copyright.jpg);
background-repeat: no-repeat;
background-position: center center;
text-indent: -9999px;
height: 20px;
}