/* ------- ■全体の指定------- */

#inbox {
  PADDING: 0px; 
  margin: 0px;
  MARGIN-LEFT: auto; 
  MARGIN-RIGHT: auto; 
  width: 980px;
  background-color: #FFFFFF;
  border: solid 1px #021F4D;
}


/* ------- ■全体の中身設定------- */
body {
  color: #021F4D　;
  background-image: url("./img/sozai/25.gif");
  margin: 0px;
  padding: 0px;
  text-align: center;
  margin:0px 40px;
  padding:0px; 
  font-size:12px;
  font-family:Arial,ＭＳ Ｐゴシック;
  line-height:180%;   
}

HTML {
  scrollbar-3dlight-color:#F0F0E0;
  scrollbar-arrow-color:#666666;
  scrollbar-darkshadow-color:#F0F0E0;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#555555;
  scrollbar-shadow-color:#555555;
  scrollbar-track-color:#fff;
}


a:link,a:visited,a:active{
color:#339;
text-decoration:underline;
}
a:hover{
color:#09b;
text-decoration: underline;
}
table{
font-size:12px;
line-height:180%;
}
form{
margin:0px;
}
input,textarea,select{
margin-bottom:2px;
color:#333;
font-size:12px;
font-family:Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", Helvetica, Arial, sans-serif;
background-color:transparent;
border:1px solid #021F4D;
}
/* ------- ■更新情報見出し------- */
h1{
margin:0px;
padding:0px 0px 0px 40px;
font-size:15px;
font-weight:bold;
background-image:url(img/sozai/new024_03.gif);
background-position:0% 50%;
background-repeat:no-repeat;
background-color:#FDC734;
border-bottom:1px solid #021F4D;
}

h3 {
  font-size: 15px;
  margin: 0px;
}

/* ------- ■普通の見出し------- */
h2{
margin:0px;
padding:0px 0px 0px 15px;
font-size:15px;
font-weight:bold;
background-image:url(img/sozai/point020_09.png);
background-position:0% 50%;
background-repeat:no-repeat;
background-color:#7AC2E8;
border-bottom:1px solid #021F4D;
}

.p1{
margin:10px 0px 20px 0px;
}
.p2{
margin:10px 0px 40px 0px;
}
/* ------- ■更新情報本文------- */
.p3{
margin:0px 0px 40px 0px;
background-color:#FDC734;
}


.box
{width:730px; margin:20px 75px; padding:0px 0px 0px 15px;
 border-style:solid; border-width:1px; border-color:#021F4D;
 color:#021F4D; line-break:strict; line-height:170%;
}

#link a:link{
　color:#FF00FF;
　text-decoration:underline;
}
#link a:visited{
　color:#FF00FF;
　text-decoration:underline;
}
#link a:hover{
　color:#FF00FF;
　text-decoration:none;
}
#link a:active{
　color:#FF00FF;
　text-decoration:underline;
}

#main {
  margin:20px 40px;
  text-align: left;
  OVERFLOW: hidden;
  width: 900px;
}
 

/* ------- ■HPのメニュー部分 ------- */
#menu {
  float: right;
  OVERFLOW: hidden;
  height: 30px;
  width: 980px;
  background-color: #021F4D;
  padding: 20px 0px 5px 0px;
  font-size: 20px;
}

a.menu {text-decoration: none; color: #fff;}  /* リンク色変更 */

a.menu:hover {text-decoration: none; color: #FF00FF;} /* ロールオーバー時*/


/* ------- ■タイトル部分 ------- */
#banner {
  background-image: url(./img/sozai/tope.jpg);
  background-position: top;
  background-repeat: no-repeat;
  height: 400px;
  width: 980px;
  padding: 0px 0px 0px 0px;
  border-bottom: 2px dotted #021F4D;
  clear: both;
}

#banner_l {
  float: left;
  margin:0px 0px 0px 0px;
  padding: 260px 0px 10px 20px;
  text-align: left;
}


/* ------- ■左メニュー部分 ------- */
#left-box {
  float: left;
  OVERFLOW: hidden;
  width: 730px;
}

.leftBodyset {
  width: 700px;
  margin: 0px 0px 10px 20px;
  background-color: #fff;
  text-align: left;
}

/* ------- ■メニューの小分け部分 ------- */
.sidetop {
  margin: 20px 0px 0px 0px;
}

/* ------- ■右メニュー部分 ------- */
#right-box {
  float: right;
  OVERFLOW: hidden;
  width: 250px;
}
.rightBodyset {
  width: 220px;
  margin: 0px 0px 10px 15px;
  background-color: #fff;
  text-align: left;
}

/* ------- ■右寄せ ------- */
.right{
  float: right;
}


/* ------- ■商業仕事履歴リスト ------- */
.slist
,.slist li{
	padding:0px;
	margin:0px;
}
 
.slist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list1 li{
	position:relative;
	padding-left:20px;
}
.list1 li:before{
	content:''; 
	height:0px; 
	width: 90%;
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	border-bottom: 1px dashed #7AC2E8;
}
.list1 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#7AC2E8;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}

.list2 li{
	position:relative;
	padding-left:20px;
}
.list2 li:before{
	content:''; 
	height:0px; 
	width: 90%;
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	border-bottom: 1px dashed #FDC734;
}
.list2 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#FDC734;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}

.list3 li{
	position:relative;
	padding-left:20px;
}
.list3 li:before{
	content:''; 
	height:0px; 
	width: 90%;
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	border-bottom: 1px dashed #7AC2E8;
}
.list3 li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#021F4D;
	width:5px;
	height:5px; 
	top:7px; 
	left:5px; 
	border-radius: 5px;
}
/* ------- ■ノート風水色 ------- */
.note1{ 
    position: relative; 
    padding:0px 0px 0px 15px;     
    background-color: #fff;  
    background-image:  
    linear-gradient(rgba(122,194,232,0.5) .1em, transparent .1em); 
    background-size: 100% 1.5emx; 
    line-height:1.7em;
} 

/* ------- ■ノート風黄色 ------- */
.note2{ 
    position: relative; 
    padding:0px 0px 0px 15px;     
    background-color: FDC734;  
    background-image:  
    linear-gradient(rgba(181,121,20,0.5) .1em, transparent .1em); 
    background-size: 100% 1.5emx; 
    line-height:1.7em;  
}