/* トップページ専用スタイルシート */

/* 共通 */

body {
background-color:#FFFFFF;
font-size:80%;
color:#303030;
margin:0;
padding:0;
line-height:1.4;
}
a:link { color: #0000ff; }
a:visited { color: #0000a0; }
a:hover { color: #0000ff; }
a:active { color: #ff8000; }
#Container {
margin-left:auto;
margin-right:auto;
width:800px;
background-color:#FFFFFF;
}
#Header {
background-color:#ffffff;
margin-bottom:5px;
height:104px;
}
#Header h1 {
font-size:100%;
margin:0;
padding:0;
}

.UpperLinkAdOutBox {
border:1px solid #a0d8d8;
background-color:#e0fbfb;
font-size:100%;
margin-top:0px;
}
.UpperLinkAdInBox {
margin:6px;
text-align:center;
}


/* 第一コンテンツ */


#Contents_v1 {
margin-top:5px;
}
#ContLeft_v1 {
float:left;
width:495px;
}

/* ボタンエリア */

#NaviButton img{
/* padding: 5px; */
padding:0;
margin: 0 5px 5px 0;
float: left;
}
#NaviButton img.right{
/* padding: 5px; */
padding:0;
margin: 0 0 5px 0;
float: left;
}

/* サイトインフォメーション */


/* 第二コンテンツ */


#Contents_v2 {
margin-top:0px;
}
#ContLeft_v2 {
float:left;
margin-bottom:10px;
width:320px;
}
#ContRight_v2 {
float:right;
font-size:100%;
margin-bottom:5px;
width:474px;
}

/* 面接の基本 */

.BasicOuterBox {
border:1px solid #009fff;
margin-bottom:5px;
}
.InnerBoxLeft{
margin:0 auto;
width:305px;
}
.InnerBoxRight{
margin:0 auto;
width:460px;
}
.BasicOuterBox h3{
background: url("../../../image/top/background/basic.png");
background-repeat: repeat-x;
background-color:#e4f0ff;
border-bottom:1px dashed #009fff;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.BasicList {
padding:10px 0;
width:100%;
}
.BasicList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.BasicList li {
padding: 0;
background: url("../../../image/common/pointer/basic_01.png") 7px 2px no-repeat;
padding : 2px 2px 2px 40px;
}

/* 面接マナー */


.MannerOuterBox {
border:1px solid #ff7f50;
margin-bottom:5px;
}
.MannerOuterBox h3{
background: url("../../../image/top/background/manner.png");
background-repeat: repeat-x;
background-color:#fff9cf;
border-bottom:1px dashed #ff7f50;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.MannerList {
padding:10px 0;
width:100%;
}
.MannerList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.MannerList li {
padding: 0;
background: url("../../../image/common/pointer/manner_01.png") 7px 2px no-repeat;
padding : 2px 2px 2px 40px;
}
/* アクシデント対処法 */

.AccidentOuterBox {
border:1px solid #ff8080;
margin-bottom:5px;
}
.AccidentOuterBox h3{
background: url("../../../image/top/background/accident.png");
background-repeat: repeat-x;
background-color:#ffeae6;
border-bottom:1px dashed #ff8080;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.AccidentList {
padding:10px 0;
width:100%;
}
.AccidentList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.AccidentList li {
padding: 0;
background: url("../../../image/common/pointer/accident_01.png") 7px 3px no-repeat;
padding : 2px 2px 2px 40px;
}

/* 面接質問集 */

.SitumonnOuterBox {
border:1px solid #39b54a;
margin-bottom:5px;
}
.SitumonnOuterBox h3{
background: url("../../../image/top/background/situmonn.png");
background-repeat: repeat-x;
background-color:#eaffe0;
border-bottom:1px dashed #39b54a;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.SitumonnList {
padding:10px 0;
width:100%;
}
.SitumonnList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.SitumonnList li {
padding: 0;
background: url("../../../image/common/pointer/situmonn_01.png") 7px 3px no-repeat;
padding : 2px 2px 2px 40px;
}

/* グループディスカッション対策 */

.GDOuterBox {
border:1px solid #8c62ad;
margin-bottom:5px;
}
.GDOuterBox h3{
background: url("../../../image/top/background/group_discussion.png");
background-repeat: repeat-x;
background-color:#f7f0f8;
border-bottom:1px dashed #8c62ad;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.GDList {
padding:10px 0;
width:100%;
}
.GDList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.GDList li {
padding: 0;
background: url("../../../image/common/pointer/group_discussion_01.png") 7px 2px no-repeat;
padding : 2px 2px 2px 40px;
}

/* サイトインフォメーション */

.InfoOuterBox {
border:1px solid #888888;
margin-bottom:5px;
}
.InfoOuterBox h3{
background: url("../../../image/top/background/info.png");
background-repeat: repeat-x;
background-color:#f0f0f0;
border-bottom:1px dashed #888888;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.InfoList {
padding:10px 0;
width:100%;
}
.InfoList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.InfoList li {
padding: 0;
background: url("../../../image/common/pointer/info_01.png") 3px 1px no-repeat;
padding : 2px 2px 2px 40px;
}
/* ファイアフォックスに対応 */

.FireFox{
clear: both;
font-size:1%;
margin:0;
padding:0;
}

/* cssファイルの最も下部で定義されたものが有効なので */
li.common_02 {
padding: 0;
background: url("../../../image/common/pointer/common_02.png") 22px 3px no-repeat;
padding : 2px 2px 2px 55px;
}



/* 以前のトップページで使用（今は不要） */

.LightBlueOuterBox {
border:1px solid #7070ff;
margin-bottom:5px;
}
.LightBlueInnerBox_v1 {
margin:0 auto;
width:480px;
}
.LightBlueOuterBox h3{
background: url("../../../image/background/common/light_blue_vertical_v1.png");
background-repeat: repeat-x;
background-color:#e0e0ff;
border-bottom:1px dashed #7070ff;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.LightBlueList {
padding:10px 0;
width:100%;
}
.LightBlueList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.LightBlueList li {
padding: 0;
background: url("../../../image/pointer/light_blue.png") 12px 10px no-repeat;
padding : 2px 2px 2px 40px;
}

#ContRight_v1 {
float:right;
font-size:100%;
width:300px;
}

.SqAdBox {
margin-bottom:5px;
}

.LightEmeraldOuterBox {
border:1px solid #a0d8d8;
margin-bottom:5px;
}
.LightEmeraldInnerBox_v1 {
margin:0 auto;
width:286px;
}



.LightEmeraldOuterBox h3 {
background: url("../../../image/background/common/light_emerald_vertical_v1.png");
background-repeat: repeat-x;
background-color:#e0fbfb;
border-bottom:1px dashed #a0e8e8;
font-size:100%;
margin:5px 0 0 0;
padding: 5px 10px;
}
.LightEmeraldList {
padding:10px 0;
width:100%;
}
.LightEmeraldList ul {
list-style-type: none;
margin:0 5px;
padding:0;
}
.LightEmeraldList li {
padding: 0;
background: url("../../../image/pointer/dark_emerald.png") 12px 10px no-repeat;
padding : 2px 2px 2px 40px;
}

/* Footer */

#Footer {
color:#555555;
font-size:110%;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
text-align:center;
width:800px;
}
#FooterLine_v1 {
padding:0;
border-top: 2px #808080 solid;
}

#FooterLine_v2 {
background-color: #f0f0f0;
}

#LinkAd_v2 {
margin:0:
border-bottom:1px dotted #c0c0c0;
background-color:#f0f0f0;
padding:2px;
}
#Copy {
margin-top:10px;
}
.LowerLinkAdOutBox {
border:1px solid #7070ff;
background-color:#e0e0ff;
font-size:100%;
}
.LowerLinkAdInBox {
margin:6px;
text-align:center;
}

#Copy strong {
font-weight:bold;
color:#3030ff;
}