@charset "utf-8";
/* CSS Document */

/*□□□□□【ヘッダー部】□□□□□*/

.twoColHybLtHdr #header #logoimage img{
	border:none; 
}

.twoColHybLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/

/*□□□□□【ヘッダー部終了】□□□□□*/

/*□□□□□【メインコンテンツ部】□□□□□*/

.twoColHybLtHdr #mainContent {
	margin: 0 20px 0 180px; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
	text-align: left;
} 

.twoColHybLtHdr #mainContent #ContentHeader{
	margin-left : 0px;
} 

.twoColHybLtHdr #mainContent li{
	list-style-image:url(../Image/mark.gif);
}

.twoColHybLtHdr #mainContent li{
	font-weight: bold;
	font-size : 120%;
	margin-top: 20px;
}

.twoColHybLtHdr #mainContent h2{
	font-size : 1px;
}

/*□□□□□【ワークボックス部】□□□□□*/

.twoColHybLtHdr #topcontainer table{
	text-align:center;
	margin-left: 70px;
	margin-top: 15px;
}

.twoColHybLtHdr #topcontainer p.maintext{
	margin-left : 0px;
}

.twoColHybLtHdr #topcontainer img{
	margin: 5px 15px 5px 15px;
	border: none;

}

.twoColHybLtHdr #topcontainer li{
	list-style-image:none;
	padding-left: 45px;
	background: url(../Image/systemimage/catchdot.gif) no-repeat 20px 0.1em;
	list-style: none;
	font-size: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.twoColHybLtHdr #workbox {
	margin-right : 5px;
	margin-bottom : 5px;
	float : left;
	width : 650px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 0px;
}


.twoColHybLtHdr #workbox p{
	line-height : 20px;
	margin-top : -7px;
	padding-bottom : 10px;
	font-size : medium;
	margin-bottom: -10px;
	text-indent : 1em;
	margin-left: 30px;
	width: 550px;
}

.twoColHybLtHdr #workbox p.link{
	margin-left : 20px
}

.twoColHybLtHdr #workbox p.catch {
	font-size:medium;
	color : red;
	margin-top: 7px;
	margin-left: 0px;
}
.twoColHybLtHdr #leftbox{
	width : 46%;
	float : left;
	padding-left: 0px;
}

.twoColHybLtHdr #leftbox img{
	margin-left:45px;
	margin-bottom:10px;
}

.twoColHybLtHdr #rightbox img{
	margin-left:45px;
	margin-bottom:10px;
}

.twoColHybLtHdr #leftbox img.info{
	margin-left:45px;
	margin-bottom:10px;
}

.twoColHybLtHdr #rightbox{
	width : 46%;
	float:right;
	margin-right: 20px;
	padding-left: 0px;
}

.twoColHybLtHdr #systembox{
	height:380px;
}

.twoColHybLtHdr #softfooterlink{
	text-align:right;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.twoColHybLtHdr #toplink{
	font-size : 14px;
	text-align : right;
	margin-right : 30px;
	margin-top: 10px;
}

/*□□□□□【ワークボックス部終了】□□□□□*/

/*□□□□□【メインコンテンツ部終了】□□□□□*/
