/*
	全体。
*/
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	position: relative;

	margin: 0px;
	padding: 0px;

	background: #FFFFFF url(../img/BG.png);
}

body a:link,
body a:visited
{
	color: #0000FF;
}

body a:hover
{
	color: #FF0000;
}

/*
	全体。
*/
div.all
{
	position: absolute;

	width: 900px;

	left: 50%;

	border-left: solid 2px #102039;
	border-right: solid 2px #102039;

	margin-left: -450px;
}

/*
	タイトル。
*/
div.all div.title
{
	width: 100%;
	height: 300px;

	margin-top: 100px;

	border-top: solid 2px #102039;
	border-bottom: solid 2px #102039;

	background: url(../img/index.png);
}

div.all div.title h1
{
	position: absolute;

	margin-top: 170px;
	margin-left: 30px;
}

div.all div.title div.info
{
	position: absolute;

	width: 422px;
	height: 36px;

	margin-top: 250px;
	margin-left: 440px;

	overflow: auto;
	overflow-y: scroll;

	background-image: url(../img/BG_info.png);
}

div.all div.title div.info ul
{
	width: 360px;

	margin-top: 8px;
	margin-left: 30px;

	list-style-type: disc;

	color: #900000;
}

div.all div.title div.info ul li a:link,
div.all div.title div.info ul li a:visited,
div.all div.title div.info ul li a:hover
{
	margin-left: 5px;
	
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	font-size: 80%;
	color: #FFE0E0;
}

/*
	Java、C++。
*/
div.all div.java_cpp
{
	width: 100%;

	margin-top: 100px;
}

div.all div.java_cpp div.stopper
{
	clear: both;
	width: 100%;
	height: 1px;
}

div.all div.java_cpp div.java,
div.all div.java_cpp div.cpp
{
	width: 430px;

	background-color: #FFFFFF;
}

div.all div.java_cpp div.java
{
	float: left;
}

div.all div.java_cpp div.cpp
{
	float: right;
}

div.all div.java_cpp div.java h2,
div.all div.java_cpp div.cpp h2
{
	position: relative;

	width: 100%;

	margin: 0px;
	padding: 0px;
}


div.all div.java_cpp div.java div.section,
div.all div.java_cpp div.cpp div.section
{
	position: relative;

	width: 100%;

	margin: 0px;

	padding: 0px;

	border-bottom: solid 2px #102039;

	background-color: #102039;
}

div.all div.java_cpp div.contents
{
	position: relative;

	width: 380px;

	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: 20px;
	margin-right: 20px;

	padding: 5px;

	background-color: #C0D0E0;

	text-align: left;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.0em;
	font-size: 75%;
	color: #000000;
}

div.all div.java_cpp div.contents a:link,
div.all div.java_cpp div.contents a:visited,
div.all div.java_cpp div.contents a:hover
{
	margin-right: 10px;

	text-decoration: none;
	font-weight: bold;
	color: #000099;
}

div.all div.java_cpp div.contents a:hover
{
	color: #FF0000;

}

div.all div.java_cpp div.contents a img
{
	float: left;

	width: 200px;
	height: 40px;

	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 4px;

	padding: 0px;

	border: none;
}

/*
	ソーシャルメディア、その他
*/
div.all div.social_other
{
	width: 100%;

	margin-top: 80px;
}

div.all div.social_other div.social_other_in
{
	width: 650px;

	margin-left: 125px;

	background-color: #102039;

	background-image: url(../img/Line_V.png);
	background-repeat: repeat-y;
	background-position: center;
}

/*
	ソーシャルメディア
*/
div.all div.social_other div.social_other_in div.social
{
	width: 320px;

	float: left;

	text-align: right;

	font-weight: normal;
	font-size: 60%;
	color: #C0D0E0;
}

div.all div.social_other div.social_other_in div.social img
{
	border-width: 0px;

	margin: 0px;

	padding: 0px;
	padding-right: 2px;
}

div.all div.social_other div.social_other_in div.social a:link,
div.all div.social_other div.social_other_in div.social a:visited,
div.all div.social_other div.social_other_in div.social a:hover
{
	color: #C0D0E0;
}

div.all div.social_other div.social_other_in div.social a:hover
{
	color: #FF0000;
}

/*
	その他
*/
div.all div.social_other div.social_other_in ul
{
	width: 310px;

	margin-left: 330px;

	list-style-type: none;
}

div.all div.social_other div.social_other_in ul li
{
	width: 100%;

	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-size: 60%;
	color: #C0D0E0;
}

div.all div.social_other div.social_other_in ul li a:link,
div.all div.social_other div.social_other_in ul li a:visited,
div.all div.social_other div.social_other_in ul li a:hover
{
	color: #C0D0E0;
}

div.all div.social_other div.social_other_in ul li a:hover
{
	color: #FF0000;
}

/*
	一番下のコピーライト。
*/
div.all div.copyright
{
	width: 100%;
	height: 16px;

	margin-top: 80px;

	padding-top: 2px;
	padding-bottom: 4px;

	background-color:#102039;

	text-align: center;
}

div.all div.copyright a:link.copyright,
div.all div.copyright a:visited.copyright,
div.all div.copyright a:hover.copyright
{
	position: relative;

	top: 2px;
	left: 5px;

	text-align: left;
	text-decoration: none;
	font-weight: bold;
	font-size:75%;
	color: #FFFF00;
}

div.all div.copyright a:hover.copyright
{
	color: #FF0000;
}