/*------------------------------------------------------
[001] h1-h5 Style
------------------------------------------------------*/
#container #mainArea #contentsArea h1,
#TOP #container #mainArea #contentsArea h2,
#Event #container #mainArea #contentsArea h2 {
	font-size: 110%;
	background: url(../images/common/h2-bottom.gif) no-repeat bottom;
	/*color: #54A800;*/
	padding-bottom: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333333;
	border-bottom: none;
}
#ICHIRAN #container #mainArea #contentsArea h2,
#TOP #container #mainArea #contentsArea h3,
#Event #container #mainArea #contentsArea h3 {
	font-size: 100%;
	color: #333333;
	margin-bottom: 10px;
	border-bottom: 1px solid #B3AF9E;
}
#container #mainArea #contentsArea h2 {
	font-size: 100%;
	color: #333333;
	margin-bottom: 10px;
}
/*------------------------------------------------------
[002] Font Style
------------------------------------------------------*/
.em2 {
	color:#8B8B8B;
	font-weight: bold;
}
.end{
	color:#FF0000;
	font-weight:bold;
	font-size:120%;
	text-align: center;
	}
.chuui{
	color:#FF0000;
	font-weight:bold;	
	}	
.member{
	color:#4EB90D;
	font-weight:bold;
	}		
/*------------------------------------------------------
[003] Link Style
------------------------------------------------------*/
#container #mainArea #contentsArea .link {
	background-image: url(../images/common/blt-sq-triangle.gif);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	padding-left: 17px;
}

#container #mainArea #contentsArea h3 a {
	color: #666666;
}


/*------------------------------------------------------
[005] Table Style
------------------------------------------------------*/
#container #mainArea #contentsArea table {
	width: 550px;
}
#container #mainArea #contentsArea table.solidline-table,
#container #mainArea #contentsArea table.dot-table{
	margin-bottom: 15px;
}
/* 枠なしテーブル */
#container #mainArea #contentsArea .dot-table th,
#container #mainArea #contentsArea .dot-table td {
	border-bottom: 1px dotted #BFBCAE;
}

#container #mainArea #contentsArea .dot-table th{
	width:6em;
}

/* 枠ありテーブル */
#container #mainArea #contentsArea table.solidline-table,
#container #mainArea #contentsArea .solidline-table th,
#container #mainArea #contentsArea .solidline-table td{
	border-collapse:collapse;
	border: 1px solid #C1BFAE;
	margin-bottom: 15px;
}

#container #mainArea #contentsArea .solidline-table th {
	background: #ECECE7;
	white-space: nowrap;
}

/* セルの幅 */
#container #mainArea #contentsArea .meal {
	width: 2em;
}
#container #mainArea #contentsArea .date {
	width: 5em;
}
#container #mainArea #contentsArea .date2 {
	width: 8em;
	white-space:nowrap;
}
#container #mainArea #contentsArea .state {
	width: 3em;
	white-space:nowrap;
}
#container #mainArea #contentsArea .place {
	width: 7em;
}
#container #mainArea #contentsArea .time {
	width: 7.5em;
}
#container #mainArea #contentsArea .schedule {
	width: 200px;
}
#container #mainArea #contentsArea .meal {
	width: 120px;
}
#container #mainArea #contentsArea .report {
	white-space:nowrap;
	vertical-align: middle;
}

/*------------------------------------------------------
[005] Block Style
------------------------------------------------------*/
/** 005-1 ページ頭(h1等の下)にある段落 **/
#container #mainArea #contentsArea .paragraph-top {
	margin-bottom: 10px;
}

/** 005-2 画像入りのテキストボックス **/
#container #mainArea #contentsArea .dublebox {
	width: 550px;
	margin-bottom:20px;
}
/** For modern brouser **/
.dublebox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .dublebox  {
    height: 1em;
}
.dublebox  {
    display: block;
}
/**/
/** /For modern brouser **/

/** 画像入りのテキストボックス・画像左寄せ**/
#container #mainArea #contentsArea .dublebox .photobox-left {
	float: left;
	width: 140px;
	margin-right: 15px;
}
/** 画像入りのテキストボックス・画像右寄せ**/
#container #mainArea #contentsArea .dublebox .photobox-right {
	float: right;
	width: 105px;
	margin-left: 15px;
}
/** 画像入りのテキストボックス・テキスト左寄せ**/
#container #mainArea #contentsArea .dublebox .textbox-left {
	width:430px;
	float: left;
}
/** 画像入りのテキストボックス・画像右寄せ**/
#container #mainArea #contentsArea .dublebox .textbox-right {
	width:395px;
	float: right;
}

/** 005-3 画像なしのテキストボックス **/
#container #mainArea #contentsArea .singlebox,
#container #mainArea #contentsArea .section {
	width: 550px;
	margin-bottom:20px;
}

/** 005-4 画像用のボックス **/
#container #mainArea #contentsArea .imagebox {
	text-align: center;
	width: 550px;
	margin-bottom: 20px;
}
/** 005-5 背景色ありのテキストボックス **/
#container #mainArea #contentsArea .textbox-color {
	background: #CAEAB6;
	text-align: center;
	padding: 10px;
}

/** 005-6 枠線付きのテキストボックス **/
#container #mainArea #contentsArea .textbox-line {
	padding: 10px;
	width: 520px;
	border: 1px solid #66CC00;
	margin: 15px auto;
}

/** 005-7 段落用テキストボックス **/
#container #mainArea #contentsArea .section {
	width: 550px;
	margin-bottom:20px;
}
#container #mainArea #contentsArea .section2 {
	margin-left:10px;
	margin-bottom:10px;
}
/** 005-8 名前用テキストボックス **/
#container #mainArea #contentsArea .namebox {
	text-align:right;
	margin:10px 0;
}

/*------------------------------------------------------
[006] List Style
------------------------------------------------------*/
/** 006-1 地区ボタン横並び用 **/	
#container #mainArea #contentsArea .tug-list {
	width: 550px;
	margin-bottom: 20px;
	margin-top: 10px;
	}
#container #mainArea #contentsArea .tug-list li {
	/*background-image: none;*/
	float: left;
	width: 121px;
	margin-left: 10px;
	line-height: 130%;
	}
/** 006-2 番号付リスト **/	
#container #mainArea #contentsArea .numbering {
	list-style: decimal;
	margin: 15px 10px;
	padding-left:20px;
}
/** 006-3 画像bltリスト **/	
#container #mainArea #contentsArea .gray-circle li {
	background: url(../images/common/blt-circle-l.gif) no-repeat left 0.3em;
	padding-left: 10px;
	line-height: 130%;
}
#container #mainArea #contentsArea .blt-s li {
	background: url(../images/common/blt-circle-s.gif) no-repeat left 0.3em;
	padding-left: 10px;
	line-height: 130%;
}
/*------------------------------------------------------
[007] 横並びリストのページ内ナビゲーション
------------------------------------------------------*/
#container #mainArea #contentsArea .navigationBox {
	width:550px;
	margin-bottom: 20px;
	text-align:center;
}
#container #mainArea #contentsArea .horizontalnavi {
	white-space: nowrap;
}
#container #mainArea #contentsArea .horizontalnavi li{
	display: inline;
	padding: 7px 26px 7px 14px;
	background-color: #DEDDD3;
	margin-right: 2px;
}
/** ForIE7 **/
*+html body #container #mainArea #contentsArea .horizontalnavi li{
	padding-top: 56px;
	padding-bottom: 56px;	
}
/** ForIE **/
#container #mainArea #contentsArea .horizontalnavi a{
	padding-left: 14px;
	background-image: url(../images/common/blt-down-triangle.gif);
	background-position: left;
	background-repeat: no-repeat;
}

/*---ページ固有のスタイル-----*/
/*------------------------------------------------------
[008] INDEX PageStyle
------------------------------------------------------*/
#INDEX #container #mainArea #contentsArea h2 {
	background-image: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
}
#INDEX #container #mainArea #contentsArea .attention {
	padding: 10px 0px;
	width: 520px;
	border: none;
	margin: 15px auto;
	margin: 0px;
}
#INDEX #container #mainArea #contentsArea .topics-tbl td {
	vertical-align: top;
}

#INDEX #container #mainArea #contentsArea .topics-tbl .date-cell {
	width: 90px;
}
#INDEX #container #mainArea #contentsArea .topics-tbl .date-cell2 {
	width: 90px;
	background-color: #F5FAE4;
	border-top: 1px dotted #B5B7AC;
	border-bottom: 1px dotted #B5B7AC;
}
#INDEX #container #mainArea #contentsArea .topics-tbl .info-cell2 {
	background-color: #F5FAE4;
	border-top: 1px dotted #B5B7AC;
	border-bottom: 1px dotted #B5B7AC;
}
/** 右メニューエリア **/
#INDEX #container #sideArea #TopRightMenu {
	border-left: 1px solid #C0C0C0;
	padding-bottom: 10px;
}
#INDEX #container #sideArea #TopRightMenu dd {
	padding: 5px;
}
#INDEX #container #sideArea #TopRightMenu .topmenu {
	margin-top: 5px;
	margin-bottom: 5px;
}

#INDEX #container #sideArea #TopRightMenu .topmenu li {
	background-image: url(../images/common/blt-sq-triangle.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	padding-left: 15px;
}
#INDEX #container #sideArea #TopRightMenu .elearn {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #B8B5A0;
	border-bottom: 1px dotted #B8B5A0;
	text-align: center;
}

#INDEX #container #sideArea #TopRightMenu .text-link {
	text-align: center;
	margin-top: 10px;
}
#INDEX #container #mainArea #contentsArea .attention p {
	margin: 10px;
}


/*------------------------------------------------------
[009] Sitemap Pagestyle
------------------------------------------------------*/
#Sitemap #container #mainArea #contentsArea h2 {
	background-image:none;
	color:#4F4D3E;
	font-size: 100%;
	margin-bottom: 10px;
}
#Sitemap #container #mainArea #contentsArea .pagelistbox {
	width: 550px;
	margin-bottom: 10px;
	border-bottom: 1px solid #D1CFC1;
	clear: left;
}
/** For modern brouser **/
#Sitemap #container #mainArea #contentsArea .pagelistbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #Sitemap #container #mainArea #contentsArea .pagelistbox {
    height: 1em;
    overflow: visible;
}
/**/
/** /For modern brouser **/


#Sitemap #container #mainArea #contentsArea .pagelistbox ul{
	margin: 10px;
	padding-bottom: 10px;
}
#Sitemap #container #mainArea #contentsArea .pagelistbox li{
	float: left;
	margin-bottom:10px;
}

#Sitemap #container #mainArea #contentsArea .pagelist li {
	background-repeat: no-repeat;
	background-image: url(../images/common/blt-triangle.gif);
	background-position: left 0.1em;
	width:110px;
	padding-left: 13px;
}
#Sitemap #container #mainArea #contentsArea .pagelist2 li{
	white-space:nowrap;
	background-repeat: no-repeat;
	background-image: url(../images/common/blt-triangle.gif);
	background-position: left 0.1em;
	width:8.2em;
	padding-left: 13px;
}
#Sitemap #container #mainArea #contentsArea .pagelist3 li{
	white-space:nowrap;
	background-repeat: no-repeat;
	background-image: url(../images/common/blt-triangle.gif);
	background-position: left 0.1em;
	padding-right: 0.5em;
	padding-left: 13px;
}
#Sitemap #container #mainArea #contentsArea .pagelist4 li{
	background-image: none;
	white-space:nowrap;
	padding-right: 3em;
}

/*------------------------------------------------------
[010]TUGのご紹介 Pagestyle
------------------------------------------------------*/
#INTRO #container #mainArea #contentsArea h1,
#INTRO #container #mainArea #contentsArea h2 {
	font-size: 110%;
	background: url(../images/common/h2-bottom.gif) no-repeat bottom;
	padding-bottom: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333333;
}
#INTRO #container #mainArea #contentsArea h3 {
	font-size: 100%;
	color: #333333;
	margin-bottom: 5px;
}
/** 画像blt **/	
#INTRO #container #mainArea #contentsArea .gray-circle {
	background: url(../images/common/blt-circle-l.gif) no-repeat left 0.5em;
	padding-left: 10px;
	line-height: 130%;
	margin-left: 10px;
}
/*------------------------------------------------------
[011] システム研究会 Pagestyle
------------------------------------------------------*/
#container #mainArea #contentsArea .theme-list {
	margin-bottom: 12px;
	margin-left: 10px;
}
/*------------------------------------------------------
[012] e-Learning Pagestyle
------------------------------------------------------*/
#container #mainArea #contentsArea .merit {
	margin-bottom: 15px;
	margin-left: 10px;
	}
#container #mainArea #contentsArea .merit dt,
#container #mainArea #contentsArea .merit dd{
  margin-bottom: 0.5em;
}
#container #mainArea #contentsArea .merit dt {
	background: url(../images/common/blt-circle-l.gif) no-repeat left 0.3em;
	padding-left: 10px;
	width: 5em;
  float: left;
}
#container #mainArea #contentsArea .merit dd{
  margin-left: 5em;
}
/*------------------------------------------------------
[013] TUGNews-TOP Pagestyle
------------------------------------------------------*/
#TUGNEWS #container #mainArea #contentsArea h2 {
	font-size: 110%;
	background: url(../images/tugnews/bg-bottom-green.gif) no-repeat bottom;
	padding-bottom: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #5FBD00;
}
#TUGNEWS #container #mainArea #contentsArea h3 {
	font-size: 100%;
	background-image: url(../images/tugnews/blt-sq-green.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #B3AF9E;
	color: #666666;
}
#TUGNEWS #container #mainArea #contentsArea h4 {
	font-size: 100%;
	color: #333333;
	margin-bottom: 10px;
}

#TUGNEWS #container #mainArea #contentsArea .paragraph-top2 {
	margin: 0px 10px 20px;
}

#TUGNEWS #container #mainArea #contentsArea .topcontents {
	margin: 10px 10px 0px;
}

/*#TUGNEWS #container #mainArea #contentsArea .list-indent {
	margin-left: 10px;
	line-height:130%;	
}*/

/*------------------------------------------------------
[014] お問い合わせ Pagestyle
------------------------------------------------------*/
#container #mainArea #contentsArea .office-list {
	margin: 15px;
}
#container #mainArea #contentsArea .office-list dt {
	font-weight: bold;
	background: url(../images/common/blt-circle-l.gif) no-repeat left 0.3em;
	padding-left: 10px;
	margin-bottom: 0.5em;
}

#container #mainArea #contentsArea .title {
	background-color: #FFE1B3;
	text-align: left;
	padding: 2px;
	margin-bottom: 10px;
}
#container #mainArea #contentsArea .title a {
	font-weight: bold;
	text-decoration:none;
	color: #4F4D3E;
}
#container #mainArea #contentsArea .contact-chu-list {
	margin: 10px;
}
#container #mainArea #contentsArea .contact-chu-list li {
	background: url(../images/common/blt-circle-s.gif) no-repeat left 0.3em;
	padding-left: 10px;
	margin-left: 5px;
	line-height: 130%;
}

#container #mainArea #contentsArea .office-list dd {
	margin-bottom: 15px;
	margin-left: 15px;
}
#container #mainArea #contentsArea .office-list img {
	margin-top: 10px;
	margin-bottom: 5px;
}

#container #mainArea #contentsArea .office-list a.contact {
	color: #666666;
	text-decoration: none;
}
/*------------------------------------------------------
[015] 役員一覧・会員一覧 Pagestyle
------------------------------------------------------*/
#ICHIRAN #container #mainArea #contentsArea h3{
	font-size: 100%;
	color: #333333;
	background: #ECECE7;
	margin-bottom: 10px;
	padding:3px;
}
#ICHIRAN #container #mainArea #contentsArea h3.h4{
	font-size: 100%;
	background-color:#FFFFFF;
	color: #333333;
	font-weight:bold;
	margin-bottom: 0;
}
#ICHIRAN #container #mainArea #contentsArea .horizontalnavi {
	width:550px;
}
/*#ICHIRAN #container #mainArea #contentsArea .horizontalnavi li{
	width: 120px;
}*/
/* セルの幅 */
#ICHIRAN #container #mainArea #contentsArea .company {
	width: 120px;
}
#ICHIRAN #container #mainArea #contentsArea .belong {
	width: 250px;
}
#ICHIRAN #container #mainArea #contentsArea .name {
	width: 160px;
}
/* 役員一覧用 */
#ICHIRAN #container #mainArea #contentsArea .y-name {
	width: 120px;
}
#ICHIRAN #container #mainArea #contentsArea .y-company {
	width: 210px;
}
#ICHIRAN #container #mainArea #contentsArea .y-belong {
	width: 190px;
}

/*------------------------------------------------------
各TUG運営委員・事務局ページセルの幅
------------------------------------------------------*/

.uneiPosition{
	width: 80px;
}
.uneiName{
	width: 120px;
}