@charset "utf-8";
/* @group Reset */
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration : none;
}
ul, ol {
	list-style : none;
}
img {
	vertical-align : middle;
	border:0;
}
/* @end */

/* @group Fluid-img */
img {
	width:auto;
	max-width : 100%;
	height:auto;
}
/* @end */

/* @group HTML */
html {
	font-family : verdana, sans-serif;
	font-size : 75%; /* Responsive type setting */
	line-height : 1.5;
}
/* @end */

/* @group Heading */
h1 {
	font-size : 3em; /* 48px */
	line-height : 1; /* 48px */
	margin-bottom : 0.5em; /* 24px */
}
h2 {
	font-size : 2.25em; /* 36px */
	line-height : 1.3333; /* 48px */
	margin-bottom : 0.6667em; /* 24px */
}
h3 {
	font-size : 1.5em; /* 24px */
	line-height : 1; /* 24px */
	margin-bottom : 1em; /* 24px */
}
h4, h5, h6 {
	font-size : 1em; /* 16px */
	line-height : 1.5; /* 24px */
	margin-bottom : 1.5em; /* 24px */
}
/* @end */

/* @group Header */
#header {
	text-align : center;
	background-color: #eccb00;
}
#logo {
	overflow:hidden;
	padding-top : 1em; /* 16px */
	padding-bottom : 1em; /* 16px */
}
#logo h1 {
	margin-bottom : 0;
	margin-left : 0.3333em; /* 16px */
	float:left;
}
#logo h2 {
	margin-bottom : 0;
	margin-right : 0.4444em; /* 16px */
	float:right;
}
/* @end */

/* @group Nav */
#nav {
	margin-bottom : 1.5em; /* 24px*/
	background-color: #000;
	background : -webkit-gradient(linear, left top, left bottom, from(#808080), to(#000));
	background : -webkit-linear-gradient(top, #808080, #000);
	background : linear-gradient(to bottom, #808080, #000);
}
#nav ul {
	overflow : hidden;
}
#nav ul li {
	width : 25%;
	float : left;
}
#nav ul li a {
	display : block;
	color : #eccb00;
	padding : 0.75em 0; /* 12px */
}
#nav ul li a:hover {
	color : #ffff00;
	background-color : #808080;
}
/* @end */

/* @group Contents */
#contents {
	width : 90%;
	margin : 0 auto;
	text-align : center;
}
#contents p {
	margin-bottom : 1.5em; /* 24px */
	text-align : left;
}
#contents img {
	margin-bottom : 1.5em; /* 24px; */
	border:1px solid #2f1f1f;
}
#contents ul {
	margin-bottom : 1.5em; /* 24px */
	margin-left : 1.5em; /* 24px */
	text-align : left;
	list-style : disc;
}
#contents a:link {
	color: #42413C;
}
#contents a:visited {
	color: #6E6C64;
}
#contents a:hover, a:active, a:focus {
	color: #AE2822;
}
#contents #links a:link {
	background-color:#f5f5f5;
}
#contents #links a:visited {
	background-color:#f5f5f5;
}
#contents #links a:hover, a:active, a:focus {
	background-color:#dcdcdc;
}
.corner a, .link a {
	display:block;
	padding : 0.75em 0.75em 0.75em 0.75em; /* 12px */
	border-radius: 0.75em;
}
/* @end */

/* @group Footer */
#footer {
	padding : 1.5em 0; /* 24px */
	color : white;
	text-align : center;
	background-color: #000;
	background : -webkit-gradient(linear, left top, left bottom, from(#808080), to(#000));
	background : -webkit-linear-gradient(top, #808080, #000);
	background : linear-gradient(to bottom, #808080, #000);
}
/* @end */

.i_char {
	font-style: italic;
	font-weight: bold;
	font-size: 1.5em;
	font-family: "Book Antiqua", "Times New Roman", Georgia, serif;
	line-height: 1em;
}
.greek_char {
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.sup_char {
	vertical-align:super;
}
.sub_char {
	vertical-align:sub;
}
.fa_color {
	background-color: #fff144;
}
.robot_color {
	background-color: #f1dbe6;
}
.robomachine_color {
	background-color: #d0e9f5;
}
.floatright img {
	float:right;
	margin-left:1em;
}
.floatleft img {
	float:left;
	margin-right:1em;
}
.clearfloat {
	clear: both;
}
#contents .newmark img {
	margin:0;
	border:0;
	height:1.8em;
	width:auto;
	vertical-align:bottom;
}
.red {
	color: red;
}

/*480px*/
@media screen and (min-width : 480px) {
html {
	font-size:87.5%; /* Responsive type setting */
}
#contents {
	text-align : left;
}
}

/*960*/
@media screen and (min-width : 960px) {
html {
	font-size:100%; /* Responsive type setting */
}
/* @group Nav */
#nav ul,
#logo {
	margin : 0 auto;
	width: 960px;
}
/* @end */

/* @group Contents */
#contents {
	max-width: 960px;
	margin : 0 auto;
	overflow:visible;
}
#corners, #links {
	overflow:hidden;
}
.corner {
	float : left;
	width : 30%;
	margin-right: 1.5em; /* 24px */
}
.link {
	float : left;
	width : 45%;
	margin-right: 1.5em; /* 24px */
}
/* @end */
}