*{
    margin:0;
    padding:0;
}

/* --------------------------- 全体の設定 --------------------------- */
body{
    font-style: normal;/*文字のスタイル：普通*/
    font-weight: normal;/*文字の太さ：普通*/
    font-size: medium;/*文字の大きさ：中*/
    font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;/*文字のスタイル*/
    text-align:left;/*文字の寄せ方：左寄せ*/
    color:#000000;/*文字の色：黒*/
    line-height: 1.4;
    background-color:#ffffff;/* 背景の色：白 */
    width:100%;
}
img{/* 画像表示のデザイン設定*/
	border:0px;
}
/*リンク関係*/
a{
    text-decoration:none;/* なし */
}
a:link {/*リンクされた文字の色*/
    color:#000000;/*文字の色：黒*/
}
a:visited {/*訪問後の色*/
    color:#000000;/*文字の色：黒*/
}
a:hover {/*カーソルを合わせたときの色*/
    color:#ff0000;/*文字の色：赤*/
}
a:active {/*クリック中の色*/
    color:#ff0000;/*文字の色：赤*/
}


/* --------------------------- 各divの設定 --------------------------- */

#main{
	width: 835px;
	margin: 0 auto;
	background: url(image/back.jpg) no-repeat left 20px;
}
#contents{
	padding: 0 0 0 34px;
}

/* ◆ div id="head" */
#head{
	padding: 50px 0 0 0;
}
#head #logo{
}
#head #logo p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#head ul{
	font-size: 12px;
	list-style: none;
	padding: 25px 0 0 0;
}
#head ul li{
	font-weight: bold;
	float: left;
	padding: 0 4px 0 0;
}
#head ul li a{
	display: block;
	padding: 15px 20px;
}
#head ul li a:hover{
	color: #ffffff;
	background: #000000;
}

#flash{
	clear: both;
	padding: 15px 0 20px 0;
}

/* ◆ h1 総合 */
h1{
	font-size:12px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
	color: #000000;
	line-height: 29px;
	padding: 5px 0 0 10px;
	background:url(image/waku.jpg) no-repeat left top;/*背景画像*/
}

/* ◆ div id="about" */
#about{
	padding: 0 0 35px 0;
}
#about h1{
	width: 766px;
}
#about p{
	padding: 20px 0 0 30px;
	font-size: 12px;
}

/* ◆ div id="works" */
#works{
	width: 766px;
	padding: 0 0 35px 0;
}
#works h1{
	width: 766px;
}
#works table{
	padding: 20px 0 0 0;
	margin: 0 auto;
}
#works table td{
	padding: 0 5px;
}

/* ◆ div id="info" */
#info {
	width: 766px;
}
/* ◇ "info" 内 div id="topics" */
#topics{
	width: 420px;
	float:left;
}
#topics h1{
	width: 410px;
}
#topics ul{
	font-size: 12px;
	list-style: none;
	padding: 20px 0 0 30px;
}

/* ◇ "info" 内 div id="designmagazine" */
#designmagazine{
	width: 324px;
	float: right;
}
#designmagazine h1{
	width: 314px;
	padding: 5px 0 15px 10px;
}

/* ◇ clear 用 空div */
#clear{
	clear: both;
	padding: 0 0 15px 0;
}


/* ◆ div id="footer" */
#footer{
	width: 766px;
	text-align: right;
}
#footer a{
	font-size:12px;
	font-weight: bold;
	padding: 5px 20px;
	background: #CCCCCC;
}
#footer #copyright{
	font-size: 9px;
	color: #666666;
	padding: 9px 0 5px 0;
}