@charset "utf-8";

html {
	background-color:#333366;
}

html:lang(ja) {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", IPAPGothic, "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Meiryo, Verdana, sans-serif;
}

html:lang(en) {
	font-family: Verdana,"Lucida Grande","DejaVu Sans","Bitstream Vera Sans",sans-serif;
}

body {
	width: 800px;
	margin: 20px auto;
	padding: 3em 2em 0em;
	background: url(../images/bg1.png) no-repeat center top;
	color: white;
	font-size: 12px;
	text-align: justify;
}

a:link { color:white;}
a:visited { color:white;}


.title {
	margin-left:30px;
	margin-bottom:40px;
	margin-top:30px;
	font-size:30px;
}


.langs {
	font-size:x-small;
	padding-top:14px;
	text-align:right;
}

.langs_span {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:5px;
	padding-right:5px;
	/*background:url(../images/black_square.png) repeat;*/
	background-color:#333366;
}

.langs_span a { margin-left:3px;margin-right:3px; }
.langs_span a:link { text-decoration:none;}
.langs_span a:visited { text-decoration:none; }

.links {
	margin-top:20px;
	font-size:x-small;
	text-align:right;
}

.links_span {
	padding-top:2px;
	padding-bottom:1px;
	padding-left:10px;
	padding-right:10px;
	/*background:url(../images/black_square.png) repeat;*/
	background-color:#333366;
}

.links_span a { margin-left:3px;margin-right:3px; }
.links_span a:link { text-decoration:none;}
.links_span a:visited { text-decoration:none; }


.bnAbout {
	padding: 0 30px;
}

h2 {
	clear: both;
	margin: 35px 0 0 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
}

h2:before {
	content: '■';
}

#project p {
	margin: 0;
	padding: 0;
	text-indent: 1em;
}

h3 {
	margin: 2em 0 0 0;
	padding: 0 0 0 30px;
	font-size: 19px;
	font-weight: bold;
}

h3:before {
	content: '○';
}

#project .section p {
	padding: 0 0 0 35px;
}

h4 {
	clear: both;
	margin: 15px 0 5px 40px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

h4:before {
	content: '［';
}

h4:after {
	content: '］';
}

html:lang(en) h4:before {
	content: '[';
}

html:lang(en) h4:after {
	content: ']';
}

#project .section .section p {
	float: left;
	width: 350px;
	margin: 0 0 20px 45px;
	padding: 0;
}

.thumbnail {
	float: left;
	margin: 0 0 20px 25px !important;
	padding: 5px;
	width: 250px !important;
}

.thumbnail img {
	border: 1px solid white;
}

h5 {
	clear: both;
	margin: 0 0 0 55px;
	font-size: 15px;
	font-weight: bold;
}

h5:before {
	content: '・';
}

html:lang(en) h5:before {
	content: none;
}

#project .section .section .section p {
	float: none;
	width: auto;
	margin: 0 0 0 75px;
	padding: 0;
	font-weight: normal;
}

#project .section .section .section ul {
	margin: 0 0 0 75px;
	padding: 0 0 0 0;
	list-style-position: inside;
}

#project dl {
	margin: 0;
	padding: 0;
}

#project dt {
	margin: 0 0 0 65px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

#project dd {
	margin: 0 0 0 75px;
	padding: 0;
}


#technologies h2 {
	margin: 35px 0 0 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
}

#technologies p {
	margin: 0 0 0 35px;
	padding: 0;
	text-indent: 1em;
}

#technologies dl,
#technologies dd {
	margin: 0;
	padding: 0;
}

#technologies dt {
	margin: 15px 0 0 30px;
	padding: 0;
	font-size: 19px;
	font-weight: bold;
}

#technologies dl dl dt {
	margin: 15px 0 5px 40px;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}

#technologies dl dl dd {
	margin: 0 0 0 75px;
	padding: 0;
}


#disclaimer h2 {
	margin: 15px 0 0 30px;
	padding: 0;
	font-size: 19px;
	font-weight: bold;
}

#disclaimer h2:before {
	content: '＜';
}

#disclaimer h2:after {
	content: '＞';
}

html:lang(en) #disclaimer h2:before {
	content: '[';
}

html:lang(en) #disclaimer h2:after {
	content: ']';
}

#disclaimer ul {
	margin: 0 0 0 35px;
	padding: 0 0 0 0;
	list-style-position: inside;
}

#disclaimer li,
#disclaimer li p {
	margin: 0;
	padding: 0;
}

.copyright {
	margin-top:50px;
	text-align:center;
	font-size:x-small;
}

.remark {
	padding-bottom:20px;
	margin-left:50px;
	margin-top:50px;
	font-size:small;
}