@charset "utf-8";

/* page */

.vis {
	visibility:hidden;
	}

html {
	overflow-y:scroll;
}

body {
	margin:0;
	background:#F2F2F2;
	color:#000;
	text-align:center;
	font-size:1em;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

*:first-child + html body {
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

* {
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
}

p {
	margin:0px;
}

ul { 
  list-style:none;
  margin:0;
  }

#page {
	width:960px;
	margin:0 auto;
	text-align:left;
	position: relative;
}

.margin {
	clear:both;
	width:100%;
	height:30px;
	}

/* common */

.line {
	border: 1px solid #DDD;
	padding:10px;
}

.spec1 {
	color:#000;
	font-size:0.8em;
	background-color: #EEEEEE;
}

.spec2 {
	color:#666;
	font-size:0.8em;
}

/* header */

#header {
	color:#FFF;
	padding:5px;
	height:60px;
	width:950px;
	padding:5px;
	background:#336699;
}

#hdleft {
	float:left;
}

#header h1 {
	position:relative;
	top:5px;
	left:15px;
	height:25px;
	width:265px;
	background:url(../img/logo.gif) no-repeat;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

#chikura {
	margin:10px 18px 10px;
	color: #CCCCCC;
	font-size:0.75em;
}

#hdright {
	float:right;
}

#lang {
	text-align:right;
	margin:5px;
}

#lang li {
	display:inline;
	font-size:0.7em;
	margin-left:5px;
	padding-left:10px;
	border-left:1px solid #CCC;
}

#lang li.link {
	border-left:0;
}

#lang a {
	color:#FFF;
	text-decoration: none;
}

#prjexp {
	text-align:left;
	font-size:0.7em;
	line-height:130%;
	color:#CCCCCC;
	width:380px;
}

/* container */

#container {
	float:left;
	_float: none;
	background:#EEE;
	border: 1px solid #DDD;
}

/* contents */

#contents {
	width:790px;
	float:left;
	background:#FFF;
}

/* main */

#main {
	float:right;
	width:600px;
	padding:5px;
}

#main h2 {
	margin-bottom:30px;
	font-size: 1.5em;
	color:#336699;
}

#main h3 {
	font-size:1em;
	line-height:150%;
	color:#336699;
}

#main h4 {
	font-size:0.8em;
	font-weight:normal;
	line-height:150%;
	color:#333333;
	margin-bottom:15px;
}

#breadlist {
	padding-bottom:15px;
	font-size:0.75em;
	color:#999999;
}

#links {
	margin:10px 0;
	width:100%;
	background:#EEEEEE;	
	}
	
#links ul {
	margin:5px 0;
	text-align:right;
}

#links li {
	font-size:0.75em;
	display:inline;
	padding:5px 10px 5px 0;
	}

/* sub */

#sub {
	float:left;
	width:168px;
	padding:5px;
}

#sub h3 {
	letter-spacing:0.1em;
	font-size:0.8em;
	color:#666666;
	border:#CCC solid 1px;
	padding:3px;
}

#sub ul {
	margin:3px 0 30px;
}

#sub li {
	font-size:0.8em;
	padding:3px 5px;
	border-bottom:1px solid #DDD;
}

#sub a {
	text-decoration:none;
}

#sub a:hover {
	text-decoration:underline;
}

/* ad */

#ad {
	float:left;
	width:158px;
	padding:5px;
}

#ad1 .line {
	border: 1px solid #336699;
	padding:10px;
	background-color: #DDE7F9;
	}
	
#ad1copy {
	font-size:0.75em;
	font-weight:bold;
	line-height:120%;
	margin-bottom:5px;
}

#ad1copy span {
	font-size:0.9em;
	line-height:120%;
	font-weight:normal;
	margin-bottom:5px;
}

#ad1 li {
	font-size:0.75em;
	margin:0 0 5px 18px;
	list-style-type: circle;
} 

#ad1img {
	text-align:center;
}

/* footer */

#footer {
	clear:both;
	width:950px;
	padding:5px;
	color:#666;
	background:#DDD;
}

#footer ul {
	margin:10px auto;
	text-align:center;
}

#footer li {
	display:inline;
	font-size:0.7em;
	margin-right:5px;
	padding-left:10px;
	border-left:1px solid #666666;
	font-weight:bold;
}

#footer li.link {
	border-left:0;
}

#footer p#copyright {
	text-align:center;
	font-size:0.6em;
}
#bn1 {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* topics */

#topics ul {
}
#topics li {
	padding-bottom: 10px;
	list-style-type: none;
	font-size: 0.8em;
	line-height:150%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.date {
	color: #336699;
	margin-right: 5px;
}