@charset "Shift_JIS";

/*oldCSS
---------------------------------------------------- */
.text10-12 {  font-size: 10px; line-height: 12px; color: #333333;}
.text10-14 {  font-size: 10px; line-height: 14px; color: #333333;}
.text10-16 {  font-size: 10px; line-height: 16px; color: #333333;}
.text12-12 {  font-size: 12px; line-height: 12px; color: #333333;}
.text12-14 {  font-size: 12px; line-height: 14px; color: #333333;}
.text12-16 {  font-size: 12px; line-height: 16px; color: #333333;}
.text12-18 {  font-size: 12px; line-height: 18px; color: #333333;}
.text14-16 {  font-size: 14px; line-height: 16px; color: #333333;}
.menu {  color: #333333; background: #EEEEEE; width: 100%; height: 30; font-size: 12px; line-height: 16px; padding: 3px;}
.menu_s {  color: #333333; background: #EEEEEE; width: 100%; height: 30; font-size: 10px; line-height:14px; padding: 3px;}
.midashi {  color: #000000; background: #FFB600; width: 498px; height: 25; font-size: 12px; line-height:14px; padding: 3px;}
.midashi2 {  color: #000000; background: #EEEEEE; width: 498px; height: 25; font-size: 12px; line-height:14px; padding: 3px;}

.img {  float:left; margin-bottom: 0em; margin-right: 10px; margin-left: 0px; margin-top: 0px;}
.img_right {  float:right; margin-bottom: 0em; margin-right: 0px; margin-left: 10px; margin-top: 0px;}
.table_ten {  border-top: 1px dotted #CCCCCC; border-right:1px solid #CCCCCC;}
.table_sen {  border-top: 1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.table_non {  border-top: 1px solid #CCCCCC;}
.text_icon {  vertical-align:middle; margin-right: 5px;}
p,td,div{
	font-family: "verdana","ＭＳ Ｐゴシック", "Osaka",sans-serif;
	font-size: 12px; 
	line-height: 18px; 
	font-weight: normal; 
	color:#000000 ;
	}
.h1 {
	font-family: "verdana","ＭＳ Ｐゴシック", "Osaka",sans-serif;
	font-size: 16px;
	line-height: 22px; 
	font-weight: bold;
	color: #333333;
}

.h1point5 {
	font-family: "verdana","ＭＳ Ｐゴシック", "Osaka",sans-serif;
	font-size: 16px;
	line-height: 140%; 
	font-weight: bold;
	color: #336666;
}

.h2 {
	font-family: "verdana","ＭＳ Ｐゴシック", "Osaka",sans-serif;
	font-size: 14px;
	line-height: 20px; 
	font-weight: bold;
	color: #0E6DCB;
}

.h3 {
	font-family: "verdana","ＭＳ Ｐゴシック", "Osaka",sans-serif;
	font-size: 14px;
	line-height: 20px; 
	color: #333333;
}

.h4 {
	font-family: "verdana","ＭＳ Ｐゴシック", "Osaka",sans-serif;
	font-size: 14px;
	line-height: 20px; 
	font-weight: bold;
	color: #FF0000;
}

/* 回り込み解除 */
.clearl{
	clear:both;
	line-height:0;
	}


/* グレイ文字 */
.grey	{
	color:#999999;
	}

/* 赤字 */
.red	{
	color:#cc0000;
	}

/* 白字 */
.white	{
	color:#ffffff;
	}

/* 緑太字 */
.gb	{
	color:#336633;
	font-weight:bold;
	}

/* アドバンスト */
.adv	{
	color:#FF3333;
	font-weight: bold;
	}

/* 背景 */
.bg	{
	background:#F5F5F5;
	}

/* インターメディエイト */
.int	{
	color:#333399;
	font-weight: bold;
	}

/* ファンダメンタル */
.fund	{
	color:#009933;
	font-weight: bold;
	}

/* ダイアグラム別UML徹底活用 第2版 */
.diau	{
	color:#FF6600;
	font-weight: bold;
	}

/* OMG認定技術者教科書　OCUPファンダメンタル */
.omgo	{
	color:#339999;
	font-weight: bold;
	}

/* 独習UML 第4版 */
.dok	{
	color:#660099;
	font-weight: bold;
	}

/* UML2.0仕様書　2.1対応 */
.siy	{
	color:#990000;
	font-weight: bold;
	}

/* white-Arial */
.white-Arial	{
	color:#FFFFFF;
	font-family: Arial;
        font-size: 10px;
	font-weight: bold;
	}

/* メインコンテンツ部 */
.main-c{
	margin-left:25px;
	margin-top:8px;
	margin-right:5px;
	}

/* メインコンテンツ右ナビ */
.main-rnavi{
	text-align:right;
	}
/* インタビューページの画像回り込み */
.fright1{
	float:right;
	margin:10px;
	}

.fright2{
	float:right;
	margin:5px;
	}

.fleft1{
	float:left;
	margin:10px;
	padding: 0px;

	}
img {
	border:0;
	}

.mainImage2 {
	float:right;
	margin:4px 14px 14px 14px;
	}

.mainImage {
	float:left;
	margin:4px 14px 14px 0px;
}

.line01 {
	background: url("../images/line.gif")
}

.line02 {
	border-top: 1px solid #0E6DCB;
	border-bottom: 1px solid #0E6DCB;
	padding:3px 3px 3px 3px;
	font-weight:bold;
}

.line-th {
	text-decoration: line-through;
}

.line-ul {
	text-decoration: underline;
}


/*origin
---------------------------------------------------- */
a:link{
text-decoration:none;
	color: #0E6DCB;
}
a:visited{
text-decoration:none;
	color: #0E6DCB;
}
a:hover {
text-decoration:underline;
	color: #999999;
}
a:active{
	text-decoration: none;
	color: #0E6DCB;
}

b {
	font-weight:bold;
}

i{
    font-style: italic;
}

h1,h2,h3,h4,h5,li,ul,p{
margin:auto;
padding:auto;
}

/* ページ全体
---------------------------------------------------- */
body {

	color: #333333;
	background:url(../images/bg_wide.jpg) 50% repeat-y #EEEEEE;
	margin:0;
	padding:0;
}

/*head
---------------------------------------------------- */
div.outbox {
	width:760px;
	margin: 0px auto;
	padding: 0px;
}

div.head-right {
	width:185px;
	height:52px;
	text-align:right;
	background:url(../images/head_bg.jpg) no-repeat;
	float:right;
}

div.head-right-en {
	width:185px;
	height:52px;
	text-align:right;
	background:url(../images/head_bg_en.jpg) no-repeat;
	float:right;
}

select.lang-pulldown {
	margin:28px 10px 2px;
}


.border01 {
	border-top: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-collapse: collapse;
}

td.border02 {
	border-top: 1px #CC3300 solid;
	border-right: 1px #CC3300 solid;
	border-left: 1px #CC3300 solid;
	border-bottom: 1px #CC3300 solid;
	border-collapse: collapse;
}

.border03 {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.border04 {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.border05 {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.border06 {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.border07 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.border08 {
	border-left: 1px solid #CCCCCC;
}


/*info-box
---------------------------------------------------- */
td.info-left {
	background:url(../images/info_box_lm.gif) repeat-y;
}

td.info-right {
	background:url(../images/info_box_rm.gif) repeat-y;
}

td.info-bottom {
	background:url(../images/info_box_b.gif) repeat-x;
}

p.news-text {
	padding:5px 0 5px 0;
	margin:0;
}

span.news-date {
	font-size:10px;
	color:#999999;
}

table.ichiran {
	margin:3px 0 0 0;
}

table.column-table {
	margin:4px;
}

table.column-table td {
	vertical-align:top;
}

/*footer
---------------------------------------------------- */
*{
margin:0px;
padding:0px;
color:#333333;
font-style:normal;
font-weight:normal;
line-height:130%;
text-decoration:none;
}

h1,h2,h3,h4,h5,p,u{
margin:auto;
padding:auto;
}

ol,li,ul,dd{
margin:0 0 0 20px;
}

ul li{
    list-style-type: disc;
}

ol li{
    list-style-type: decimal;
}

table.footer-table {
	padding:0 5px 0 5px;
	margin:0px;
	}
td.footer {
	color:#FFFFFF;
}

div.footer-link a:link{
text-decoration:none;
	color: #FFFFFF;
}
div.footer-link a:visited{
text-decoration:none;
	color: #FFFFFF;
}
div.footer-link a:hover {
text-decoration:underline;
	color: #999999;
}
div.footer-link a:active{
	text-decoration: none;
	color: #FFFFFF;
}

div.footer {
	margin: 20px 0 30px 0;
}

/*2ndhead
---------------------------------------------------- */
div.head-2nd-right{
	width:474px;
	height:52px;
	background:url(../images/2nd_head_right.jpg) no-repeat;
	float:right;
	text-align:right;
}

div.navi-2nd-title {
	width:184px;
	height:27px;
	background:url(../images/2nd_l_navi_title.gif) no-repeat;
}

div.navi-2nd-title-2 {
	width:184px;
	height:43px;
	background:url(../images/2nd_l_navi_title_2.gif) no-repeat;
}

div.navi-2nd-title-3 {
	width:184px;
	height:27px;
	background:url(../images/2nd_l_navi_title_3.gif) no-repeat;
}

div.navi-title {
	font-size:12px;
	padding:5px 0 0 20px;
	font-weight:bold;
}

div.navi-title-w {
	font-size:12px;
	padding:5px 0 0 20px;
	font-weight:bold;
	color:#FFFFFF;
}

td.midashi {
	font-size:12px;
	font-weight:bold;
	padding:3px;
	background:#C7B56B;
	height:auto;
}

div.pankuzu {
	color:#999999;
	font-size:10px;
	line-height:20px;
	height:20px;
	width:760px;
	background:#EEEEEE;
	text-indent:15px;
	border-bottom:solid 1px #CCCCCC;
	margin:0 0 10px 0;
}

/*2ndcontents
---------------------------------------------------- */
td.contents-box {
	padding:1px 0 0 0;
}

div.gray-b {
	color:#333333;
	font-weight:bold;
	background:#DCDCDC;
	font-size:12px;
	padding:2px;
	margin:8px 0px 8px 0px;
	text-indent: 6px;
}

/*アンカーポイント
---------------------------------------------------- */

div.goto-top {
	text-align:right;
	margin:30px 0 0 0;
}

/*form
---------------------------------------------------- */
td.form-text {
	text-align:left;
	line-height:16px;
	padding:5px;
}

table.form-input {
	text-align:left;
}

#tag-clear-left{
	width:370px;
	text-align:left;
	overflow:scroll;
}

.attentionText {
	color: #FF3300;
}

.form-submit {
	text-align:center;
	padding:20px 0 20px 0 ;
}

span.name-b{
	color:#000000;
	font-weight:bold;
}

img.event-image {
	margin:0 10px 10px 10px;
}

table.margin-control td{
	padding:3px;
}

table.margin-control2 td{
	padding:8px;
}

p.td-text {
	margin:0 0 0 3px;
}

#ExcelArea tr td{
	margin: 2 2 2 2px;
	border: solid 1px #CCCCCC;
}

.bg-grey{
		background:#EEEEEE;
}


.fClear{
	clear:left;
	margin: 0;
	padding: 0;
}