html , body {
    font-family: 'Osaka','ＭＳ ゴシック';
    margin: 0px auto;
    font-size: 8pt;
    line-height: 180%;
    color : #FFFFFF;
    height: 100%;
}

div#wrapper {   
    width: 900px;
    margin: 0px auto;
    text-align: left;     
    height: 100%;
    min-height: 100%;
    position:relative;
}

a {outline:none}

/* オンマウス定義 */
a:link,
a:visited {
      color: #FFFFFF;
      text-decoration: none;
}
a:hover,
a:active {
      color: #FFA500;
      text-decoration: none;
}

/* アンダーライン */
.underline {
     color: #FFC875;
     text-decoration: underline;
display: inline;
}

.underline a:link,
.underline a:visited {
      color: #FFC875;
      text-decoration: none;
}
.underline a:hover,
.underline a:active {
      color: #FFA500;
      text-decoration: underline;
}


/* オンマウスで画像下げる */
.diary a{
	display: block;
	width: 120px;
	height: 30px;
	background: url(title_logo/diary_a.png) no-repeat top left;
	text-indent: -400000px;
        float: left;
}

.works a{
	display: block;
	width: 120px;
	height: 30px;
	background: url(title_logo/works_a.png) no-repeat top left;
	text-indent: -400000px;
        float: left;
}

.works a{
	display: block;
	width: 120px;
	height: 30px;
	background: url(title_logo/works_a.png) no-repeat top left;
	text-indent: -400000px;
        float: left;
}

.about a{
	display: block;
	width: 120px;
	height: 30px;
	background: url(title_logo/about_a.png) no-repeat top left;
	text-indent: -400000px;
        float: left;
}

.services a{
	display: block;
	width: 120px;
	height: 30px;
	background: url(title_logo/services_a.png) no-repeat top left;
	text-indent: -400000px;
        float: left;
}

.menu_sita a:hover{
	background-position: 0 -30px;
}

/* menu */
.menu_l{
    width: 160px;
    margin: 0px;
    height: 100%;
    position:absolute;
    left: 0;
    top: 0;
}

.menu_r{
    width: 160px;
    margin: 0px;
    height: 100%;
    position:absolute;
    right: 0;
    top: 0;
}

.menu_ue{
    width: 120px;
    margin: 20px;
    position: fixed;
}

.menu_sita{
    width: 120px;
    margin: 20px;
    position: fixed;
    bottom: 0;
}

.bukken{
    width: 120px;
    margin: 140px 20px 0px 20px;
    position: fixed;
    text-align:right;
}

/* main (背景の黒) */
.main{
    width: 900px;
    height: 100%;
    min-height: 100%;
    background-color: #000000;
    filter:alpha(opacity=60);/*   IE7以下用 */
    -ms-filter: "alpha(opacity=60)";/*  IE8用 */
    -moz-opacity:0.6;/*  Firefox 1.5未満, Netscape用 */
    -khtml-opacity: 0.6;/*   Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity: 0.6;/*  Firefox 1.5以上, Opera, Safari用 */
    position: fixed;
    top: 0;
}

.contents{
    margin: 0px;
}

.contents , img{
    margin: 0px;
    position: relative;
}

.contents_text{
    margin: 5px 20px 20px 160px;
    text-align: right;
}

/* メディア */
.media_text{
    width: 420px;
    margin: 140px 160px 20px 320px;
    float: left;
}


/* ワークス */
.back{
    width: 120px;
    margin: 20px;
    position:fixed;
    bottom: 0;    
    text-align:right;
}

.works_r{
    width: 220px;
    margin: 0px;
    height: 100%;
    position:absolute;
    right: 0;
    top: 0;
}

.works_bukken{
    width: 200px;
    margin: 140px 20px 0px 0px;
    text-align:right;
}

.works_photo{
    margin: 0px 0px 40px 0px;
}

.works_photo_tate{
    margin: 0px 0px 40px 160px;
}

/* アバウト */
.about_text{
    width: 720px;
    margin: 12px 20px 20px 160px;
    float: left;
}

.about_l{
    width: 160px;
    margin: 0px;
    float: left;
    text-align: center;
}

.about_r{
    width: 405px;
    margin: 0px;
    float: left;
}


/* サービス */
.services_text{
    width: 720px;
    margin: 20px 20px 0px 160px;
    float: left;
}

.services_l{
    width: 160px;
    margin: 0px;
    float: left;
    text-align: center;
}

.services_r{
    width: 420px;
    margin-right: 140px;
    float: right;
}

/* セカンド */
.second_text{
    width: 580px;
    margin: 0px 0px 0px 320px;
    position: fixed;
    z-index: 2;
    line-height: 190%;
}

.second{
    width: 420px;
    margin: 20px 160px 0px 0px;
}