/* BODY設定
------------------------------------------ */
body {
     color: #000000;
     margin: 0px;
	 padding: 0px;
	 text-align: center;
}

/* ナビゲーションのスタイル設定
------------------------------------------ */
#layout{
     width: 700px;
	 padding: 0px;
	 margin: 0px auto;
}


/* TOP -------------------------------------------------------------------------------------*/
/* ナビゲーションのスタイル設定 */
#top{
     width: 700px;
	 padding: 0px;
	 margin: 0px;
	 text-align: left;

}

#navbar{
     width: 700px;
	 height: 25px;
	 background: url(img/bg_nav.gif) repeat;
	 margin: 0px;
	 padding: 0px;
	 list-style: none;
}

.menu{
     float: left;
	 background: #fff;
	 border: 1px solid #ccc;
	 width: 120px;
	 text-align: center;
	 font-size: 14px;
	 margin: 3px 0px 3px 3px;
}

/* メニューのリンクカラー設定 */
.menu a{
     background: #fff;
	 color: #900;
	 display: block;
	 text-decoration: none;
}

.menu a:hover{
     background: #e8e8e8;
	 color: #900;
	 text-decoration: none;
}

/* MAIN ------------------------------------------------------------------------------------*/
/* 写真のスタイル設定 */
#red{
     width: 700px;
	 float: left;
     background: #900;
}

#photo{
     margin: 0px 0px 15px 0px;
}

/* コンテンツエリアのスタイル設定
------------------------------------------ */
#rightside{
     float: right;
	 padding: 0px 0px 0px 10px;
	 width: 470px;
	 voice-family: "\"}\""; /* スタイル解釈の違いを回避 */
	 voice-family: inherit;
	 width: 460px;
}
html>body #rightside{
     width: 460px;
}

/* rightside文章のスタイル設定 */
#rightside h1{
     background: #fff url(img/h1.gif) no-repeat center left;
	 padding: 0px 0px 0px 20px;
	 margin: 10px 0px 0px 0px;
	 color: #900;
	 font-size: 20px;
	 text-align: left;
}

#rightside h2{
	 padding: 0px 0px 0px 0px;
	 margin: 10px 0px 0px 0px;
	 color: #900;
	 font-size: 16px;
	 text-align: left;
}

#rightside p{
     font-size: 12px;
	 line-height: 22px;
	 text-align: left;
}

/* 画像回り込み */

#gazou{
     float: left;
	 margin-right: 10px;
	 width: 160px;
}

#gazou2{
     float: left;
	 margin-right: 10px;
	 margin-top: 7px;
	 width: 130px;
}

/* メインコンテンツリンクカラー設定 */
#rightside a{
     color: #366;
}

#rightside a:hover{
     color: #930;
}


/* 最近の作品一覧のスタイル設定
----------------------------------------- */
#leftside{
     float: right;
	 width: 230px;
	 height: 360px;
	 background: url(img/bg_nav.gif) repeat;
}

#leftbox{
     background: #fff;
	 width: 200px;
	 margin: 15px;
}

#recent{
     margin: 0px 0px 0px 10px;
	 padding: 10px;
	 list-style: none;
}

#recent li{
     background: url(img/dot.gif) no-repeat center left;
	 padding: 0px 0px 0px 14px;
	 font-size: 12px;
	 line-height: 24px;
	 text-align: left;
}

/* 最近の作品一覧のリンクカラー設定 */
#recent a{
     color: #366;
}

#recent a:hover{
     color: #930;
}
/* BOTTOM -----------------------------------------------------------------------------------*/
/* Copyrightのスタイル設定 */
#co{
	 float: left;
     width: 700px;
     font-size: 12px;
	 color: #CCC;
}