@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, sans-serif, Arial;
	list-style-type: none;
	font-weight: normal;
	font-style: normal;
	border: none;
	text-decoration: none;
	}
	
img {
	vertical-align: top;
	border-width:0;
	}
	
html, body {
	width:100%;
    height:100%;
    margin: 0;
    padding: 0;
	}
	
body {
	letter-spacing:0.08em;
	line-height:1.1em;
	scrollbar-face-color: #ffffff;       /* 表面の色 */
 	 scrollbar-3dlight-color: #cccccc;    /* 左端と上端の色 */
  	scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
  	scrollbar-shadow-color: #ffffff;     /* 影の色 */
  	scrollbar-darkshadow-color: #cccccc; /* 右端と下端 */
 	 scrollbar-arrow-color: #cccccc;      /* 矢印の色 */
  	scrollbar-track-color: #ffffff;      /* バーの背景の色 */    
	}
	
#container {
	position: absolute;
	width: 840px;
	height:640px;
	top: 50%;
	left: 50%;
	margin: -320px 0 0 -420px;
	background: url(../images/bg.gif) no-repeat;
}

#container_index {
	position: absolute;
	width: 840px;
	height:640px;
	top: 50%;
	left: 50%;
	margin: -320px 0 0 -420px;
	background:#fff;
	text-align:center;
	}
	
#container_index img {
	margin-top:100px;
	}
	
#main {
	width:800px;
	height:600px;
	padding:0 20px 20px 20px;
	}
	
* html #main { /* ie only */
	width:800px;
	height:600px;
	padding:0 20px 20px 10px;
	}


#menu {
	width:150px;
	height:275px;
	float:left;
	margin:0 0 0 10px;
	}
	
#contents {
	width:590px;
	height:480px;
	margin:100px 10px 20px 20px;
	padding-right:20px;
	float:left;
	overflow:auto;
	}
	
/*----------------
a link
-----------------*/

a:link {color:#549ea9; border-bottom:#a5d4db 1px dashed;}

a:visited {color:#549ea9; border-bottom:#a5d4db 1px dashed;}

a:hover {color:#a5d4db; border-bottom:#a5d4db 1px dashed;}


/* -------------------
margin
---------------------- */

.m5 {margin-bottom:5px;}

.m10 {margin-bottom:10px;}

.m15 {margin-bottom:15px;}


/* -------------------
menu
---------------------- */

#menu ul {
	margin:100px 0 0 0;
	}
	
#menu li {
	height:50px;
	margin-bottom:15px;
	}
	

/* -------------------
contents
---------------------- */

#address, #update {
	float:left;
	}
	
#update p {
	font-size:11px;
	margin-bottom:3px;
	}

#address {
	width:340px;
	height:115px;
	margin:0 10px 0 0;
	font-size:12px;
	}
	
#update {
	width:220px;
	height:95px;
	padding:10px;
	background:url(../images/update_bg.gif);
	}

#foot {
	text-align:right;
	font-size:10px;
	margin:0 10px 0 0;
	}
	
	
/* -------------------
magazine
---------------------- */

table#magazine {
	height:460px;
	}
	
#magazine td {
	padding:4px;
	font-size:12px;
	vertical-align:bottom;
	}
	

/* -------------------
works
---------------------- */

ul#works {
	height:460px;
	}
	
#works li {
	float:left;
	width:178px;
	height:96px;
	padding:6px;
	margin-bottom:4px;
	}

#works p {
	font-size:11px;
	font-weight:bold;
	text-align:right;
	}	
	
.new {
	margin:2px 5px 0 0;
	}
	
/* -------------------
page
---------------------- */

.page {
	text-align:center;
	clear:both;
	font-size:12px;
	color:#333333;
	}
	

/* -------------------
flash
---------------------- */

#flash {
	width:590px;
	height:410px;
	margin-bottom:10px;
	}
	
p.flash {
	font-size:11px;
	text-align:right;
	}

/* -------------------
link
---------------------- */

#link li {
	margin-bottom:30px;
	font-size:12px;
	}