@charset "UTF-8";

/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
float: left;
padding: 10px 5px; /* 見出しエリアのパディング（上下、左右） */

/*width: 860px; /* メインカラムの幅 ← 660px */
/* min-height:600px; /* セクションの最低限の高さ（IE） */
/* height:auto !important; /* セクションの高さ（自動） */
/* height:600px; /* セクションの最低限の高さ（上書き） */
}

/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
margin: 0 0 15px 20px; /* ページタイトルのマージン（上右下左） */
padding: 2px 5px; /* ページタイトルのパディング（上下、左右） */
font-size: 14pt; /* ページタイトルの文字サイズ */
color: #4075a5; /* ページタイトルの文字色 */
}

/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 2em 20px; /* セクションのマージン（上右下左） */

/* --- 標準セクション --- */
/* --- 見出しエリア --- */
#main div.normal div.heading {
margin: 0 5px 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 7px 11px; /* 見出しエリアのパディング（上下、左右） */
/* background: url(./Img) no-repeat left; /* 見出しエリアの背景 */
}
/* 見出し */
#main div.normal h2 {
margin: 0;
padding-left: 16px; /* 見出しの左パディング */
/*background: url(./Img) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 120%; /* 見出しの文字サイズ */
line-height: 100%; /* 行の高さ */
color: #ffffff;
}
/* 子見出し */
#main div.normal h3 {
margin: 0;
padding-left: 10px; /* 見出しの左パディング */
font-size: 10pt; /* 見出しの文字サイズ */
line-height: 160%; /* 行の高さ */
}
/* 段落 */
#main div.normal p {
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}
/* 段落（強調） */
#main div.normal p.emp {
margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
font-size: 110%; /* 文字サイズ */
line-height: 160%; /* 行の高さ */
font-weight: bold;
}

}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */

====================================================================================
/* --- メニューボックス --- */
#main div.box_group {
width: 1000px; /* 項目の幅 ← 100% */
padding: 0 10px 20px; /* エリアのパディング（上、左右、下） */
border-bottom: 0px #e0e0e0 solid; /* トップエリアの下境界線 */
}
#main div.box {
position: relative;
width: 200px; /* エリアの幅 ← 200px*/
height: 200px; /* エリアの最小高さ ← 200px*/
float: left;
border: 4px #ffffff solid; /* エリアの境界線 */
}
#main div.box p{
padding: 10px 5px 5px; /* エリアのパディング（上、左右、下） */
font-size: 100%; /* 文字サイズ120% */
line-height: 100%; /* 行の高さ */
text-align: center;
color: #ffffff;
}
#main div.box_xpmode p{
padding: 10px 5px 5px; /* エリアのパディング（上、左右、下） */
font-size: 100%; /* 文字サイズ120% */
line-height: 100%; /* 行の高さ */
text-align: center;
color: #000000;
}



#main div.box a{
display: block;
position: relative; /* IE6用 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: none; /* 文字の太さ（太字） */
color: #3a3a3a; /* 文字色 */
line-height: 100%; /* 行の高さ */
width: 100%;
height: 100%;
}
/* --- ポイント時の設定 --- */
#main div.box:hover {
/* background: #00a3fe url(./Img) no-repeat right bottom; */ /* ポイント時の背景 */
background: #00a3fe;
border: 4px #007FFF solid; /* エリアの境界線 FF6860*/
}


#main div.box_aspplag {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
/* background: #33CC33 url(./Img) no-repeat top; */
background: #33CC33;
border: 20px #33CC33 solid; /* エリアの境界線 */
}

#main div.box_jvocj {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
/* background: #FF73FF url(./Img) no-repeat top; */
background: #FF73FF;
border: 20px #FF73FF solid; /* エリアの境界線 */
}
#main div.box_java {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
/* background: #FF73FF url(./Img) no-repeat top; */
background: #FF73FF;
border: 20px #FF73FF solid; /* エリアの境界線 */
}
#main div.box_asp {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
/* background: #FF0000 url(./Img) no-repeat top; */
background: #FF0000;
border: 20px #FF0000 solid; /* エリアの境界線 */
}
#main div.box_xpmode {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
background: #FFFF4D url("H8_3069F.png") no-repeat bottom;
border: 20px #FFFF4D solid; /* エリアの境界線 */
}
#main div.box_hpsample {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
/* background: #9326FF url(./Img) no-repeat top; */
background: #9326FF;
border: 20px #9326FF solid; /* エリアの境界線 */
}
#main div.box_etc {
width: 160px; /* エリアの幅 ← 160px */
height: 160px; /* エリアの高さ ← 160px */
/* background: #CACAD9 url(./Img) no-repeat top; */
background: #CACAD9;
border: 20px #CACAD9 solid; /* エリアの境界線 */
}