@charset "utf-8";
/* CSS Document */

#container {
	color: #666;
	margin: 0 auto 0 auto;
	width:550px;
	text-align:center;
	font-size:12px;
}
header {
	width:550px;
	border:1px solid #80aba9;
	border-radius: 0 0 8px 8px ;
}

header form{
	float:right;
}

header form .search {
margin-top: 2px;
padding: 2px;
border: solid 1px #eee;
outline: 0;
width: 80px;
background: -webkit-gradient(linear, left top, left 25, from(#FFF), color-stop(4%, #80aba9), to(#FFF));
background: -moz-linear-gradient(top, #FFF, #80aba9 1px, #FFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-moz-box-shadow: rgba(0,0,0, 0.1)  0px 0px 5px;
-webkit-box-shadow: rgba(0,0,0, 0..1) 0px 0px 5px;
}

header form .submit {
margin-top: -2px;
width: auto;
padding: 4px 4px;
background: #80aba9;
border: 0;
font-size: 12px;
color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

header input:hover, textarea:hover,
header input:focus, textarea:focus { 
border-color: #80aba9; 
-webkit-box-shadow: rgba(0, 0, 0,  0.15) 0px 0px 5px;
}

header h1 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color: #80aba9;
	font-weight:lighter;
}

header p {
	color: #80aba9;
	font-size:10px;
}

nav {
	margin-top: 5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}


nav a:link{
	text-decoration:none;
	color: #80aba9;
}

article {
	color: #666;
	float: left;
	padding: 4px 0 4px 0;
	width: 120px;
	border: 1px solid #80aba9;
	border-radius: 0 6px 6px 0;
	margin-left:0;
	margin-bottom: 10px;
}

article h2 {
    color:#80aba9;
    font-size:14px;
    font-weight:lighter;
}

article section {
	padding:4px;
}

article section a {
margin-top: 2px;
}

.main {
	color: #666;
	text-align:left;
	border-top: 0px none;
	border-bottom: 0px none;
	border-left: 1px #999 solid;	
	margin-left:140px;
	padding: 8px;
	width: 255px;
}

aside {
margin-right:0;
padding:5px;
float:right;
border: solid 1px #80aba9;
border-radius:6px 0 0 6px;
width: 120px;
color: #777;
}

aside input, textarea { 
padding: 3px;
border: solid 1px #eee;
outline: 0;
width: 100px;
background: -webkit-gradient(linear, left top, left 25, from(#FFF), color-stop(4%, #80aba9), to(#FFF));
background: -moz-linear-gradient(top, #FFF, #80aba9 1px, #FFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 5px;
-moz-box-shadow: rgba(0,0,0, 0.1)  0px 0px 5px;
-webkit-box-shadow: rgba(0,0,0, 0..1) 0px 0px 5px;
}

aside textarea { 
width: 100px;
height: 32px;
line-height: 120%;
}

aside input:hover, textarea:hover,
aside input:focus, textarea:focus { 
border-color: #80aba9; 
-webkit-box-shadow: rgba(0, 0, 0,  0.15) 0px 0px 5px;
}

aside .form label {
line-height: 1.5em;
color: #80aba9; 
}

aside .submit input {
width: auto;
padding: 4px 4px;
background: #80aba9;
border: 0;
font-size: 12px;
color: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

footer {
	padding: 4px 0 4px 0;
	background:#80aba9;
	color:#FFF;
	clear:both;
	width:550px;
	text-align:center;
	border-radius:8px 8px 0 0;
}

/* notice */

dialog dt {
	width: 100%;
	padding-left: 0.2em;
	line-height: 1.3em;
	background: #80aba9;
	color: #FFF;
}
dialog dd {
	background: #FFF;
	color: #80aba9;
	line-height: 1.6em;
	text-indent: -36px;
}