@charset "utf-8";

/*  一番下にIE6用、IE7用のバグ回避文が記述されています。  */

body  {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
#container { 
	background:url(image/back.jpg) repeat-y;
	width: 780px;
	margin: 0 auto;
} 
/*------------------ヘッダー部分---------------------*/
#header { 
	background:#2d54ff;/*--TOPイメージの水色--*/
	width:768px;
	height:235px;
} 

#header #nav ul{
	list-style:none;
	margin-top:0;
	padding:0;
	
}
#header #nav li{
	display:block;
	width:8.2em;
	margin-top:-16px;
	padding:0;
	float:left;
	font-weight: bolder;
}
#header #nav li a{
	display:block;
	width:7em;
	padding:0.5em 0.6em;
	text-decoration:none;
	color:#FFF;
	background:#2d54ff;
}

#header #nav li a:hover{
	color:#000;
	background:#91acf9;
}
#header #nav li#onmouse a{
	color:#000;
	background:#91acf9;
}

/*------------------サイドバー部分---------------------*/
#sidebar {
	float: left; 
	width: 200px;
	margin:10px 0 0 0;
	padding: 0px 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */	
}
#sidebar #side_back_top{
	width:190px;
	margin:0 auto;
	padding:0;
}
#sidebar #side_back_middle{
	background:url(image/back_middle.gif) repeat-y;
	width:190px;
	margin:0 auto;
	padding:0;
}
#sidebar #side_back_bottom{
	background:url(image/back_bottom.gif) no-repeat;	
	width:190px;
	height:12px;
	margin:0 auto;
	padding:0;	
}
#sidebar #space{
	font-size:0;	
}

#sidebar #subcol ul{
	margin:0;
	padding:0;
}
#sidebar #subcol li{
	display:block;
	text-align:left;	
	margin:0 0 0 -33px;
	padding:2px 0;	
	text-decoration:none;
	width:175px;
	font-size:14px;
}
#sidebar #subcol li a{
	text-decoration:none;
	border-bottom:dashed 2px #009;
	display:block;
	padding:0.3em 0.2em;
	color:#000;
	background:#E6ECFC;
}
#sidebar #subcol li a:hover{
	color:#F00;
	border-bottom:dashed 2px #F00;
}
#sidebar #subcol li#onmouse a{
	color:#F00;
	border-bottom:dashed 2px #F00;
}

/*------------------ミドルコンテンツ　真ん中部分---------------------*/
#container #contents_back
{
	margin-left: 0px;
	margin-right: 10px;
}

#mainContent { 
	width:550px;
	margin:-5px 0 0 220px; 
	text-align:left;
}
 
p.title_bar{
	background:url(image/title_bar.jpg) no-repeat;
	width:500px;
	height:39px;
	margin:20px 0 0 -10px;
	padding:12px 0 0 25px;
	font: bold large "ＭＳ ゴシック","ＭＳ 明朝"; 
}
p.title_bar2{
	background:url(image/osirasebar_03.jpg) no-repeat;
	width:480px;
	height:39px;
	margin:20px 0 0 -10px;
	padding:12px 0 0 25px;
	font: bold "ＭＳ ゴシック","ＭＳ 明朝"; 
}


p.naiyou_news{
	padding:10px;
	margin:0;
	width:530px;
	line-height:180%;
}
p.naiyou_news a{
	text-decoration:none;
}

p.big{
	font-size:16px;
	line-height:1.5em;
	margin:0;
	padding:0;
}

span.red{
	color:#F00;
}
p{
	font-size:14px;
	margin:0;
	padding:0;
	width:540px;
}
p.long{
	font-size:14px;
	margin:0;
	padding-left:50px;
	width:900px;
	text-align:left;
	
}
p.seminar{
	font-size:14px;
	margin-left:10px;
	padding:10px;
	line-height:150%;	
}
p.seminar_back{
	font-size:14px;
	margin-left:10px;
	padding:10px;
	width:520px;
	background:#F5F5DC;
	
}
p.seminar2_back{
	font-size:14px;
	margin-left:10px;
	padding:10px;
	width:500px;
	background:#F5F5DC;
	
}	
div.right{
	text-align:right;
	font-size:14px;
}
#download{
	font-size:14px;
	line-height:180%;	
}

#mainContent #go_top{
	text-align:right;
	margin-right:20px;
}

table.table1 table,tr,td{
	border:1px #E3E3E3 solid;	
	border-collapse:collapse;
	padding:10px;	
	font-size:14px;
}
table.table1 th{
	border:1px #E3E3E3 solid;	
	padding:5px;
	border-collapse:collapse;
	background:aliceblue;
	width:90px;
	vertical-align:middle;
}
table.table2 table,td{
	border: none;	
	padding:20px 10px 10px 10px;	
	font-size:14px;
	vertical-align:top;
}
#mail_form table,td{
	padding:5px;
	font-size:14px;
	vertical-align:middle;
}
#hissu{/* 必須文字 */
	font-size:12px;
	color:#F00;
		
}
#mail_form input {
background-color: #e0e0e0;
}
#mail_form textarea {
background-color: #e0e0e0;
}
.contest_font_b{
	font-size:21px;
	color:#309;
}
.contest_font_s{
	font-size:10px;
	font-weight:normal;
}


/*------------------フッター部分---------------------*/
#footer { 
	padding: 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
} 
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#sidebar1 { padding-top: 30px; }
#mainContent { zoom: 1; padding-top: 15px; }
/* この条件分岐コメントにすべてのバージョンの IE を対象とした css のフィックスを配置します */
/* 上述の専用のズームプロパティにより、いくつかのバグを回避するのに使用される hasLayout が IE に対して設定されます */

/*  IE6用  */
*html #mainContent { 
	width:550px;
	margin:0 0 0 200px; 
	text-align:left;
} 
*html #sidebar {
	float: left; 
	width: 200px;
	margin:-4px 0 0 0;
	padding: 0px 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */	
}

* html p.title_bar{
	background:url(image/title_bar.jpg) no-repeat;
	width:520px;
	height:39px;
	margin:20px 0 0 0px;
	padding:12px 0 0 25px;
	font: bold large "ＭＳ ゴシック","ＭＳ 明朝"; 
}

*html #header #nav li{
	display:block;
	width:8.2em;
	margin-top:-23px;
	padding:0;
	float:left;
	font-weight: bolder;
}
*html #header #nav li a{
	display:block;
	width:7em;
	padding:0.8em 0.6em;
	text-decoration:none;
	color:#FFF;
	background:#2d54ff;

}
*html #sidebar #subcol li{
	display:block;
	text-align:left;	
	margin:0 0 0 -40px;
	padding:2px 0;	
	text-decoration:none;
	width:175px;
	font-size:14px;
}


/*  IE7用  */
*+html #header { 
	background:#2d54ff;/*--TOPイメージの水色--*/
	width:768px;
	height:235px;
	margin:0 0 0 -8px;
} 
*+html #mainContent {
	width:550px;
	margin:0 0 0 200px; 
	text-align:left;
	margin-left: -5px;
}

*+html #sidebar {
	float: left; 
	width: 200px;
	margin-top:-4px;
	padding: 0px 0px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */	
}

*+html #header #nav li{
	display:block;
	width:7.6em;
	margin-top:-23px;
	padding:0;
	float:left;
	font-weight: bolder;
}
*+html #header #nav li a{
	display:block;
	width:7em;
	padding:0.6em 0.3em 0.4em 0.3em;
	text-decoration:none;
	color:#FFF;
	background:#2d54ff;

}
*+html #sidebar #subcol li{
	display:block;
	text-align:left;	
	margin:0 0 0 -42px;
	padding:2px 0;	
	text-decoration:none;
	width:175px;
	font-size:14px;
}


/* 入力フォーム */
#contents_back
{
	background-color: #87b3ff;
	background-image: url(image/mailmagazine_back.gif);
	background-repeat: repeat-x;
}

#mainContent_mail  
{
}

#content_magazine {
	width:550px;
	margin-left: 125px;
	text-align: left;
}
 
dl.mail {
	clear: both;
	font-size: 14px;
	line-height: 2em;
}

dl.mail dt 
{
    border-left:5px solid #7CADB6;
    padding-left: 5px;
}

dl.mail dd
{
	margin-top: -1.7em;
	margin-left: 11.5em;
}

dl.mail dt span{
    color:red;
    font-weight:bold;
    font-size: 12px;
}

dl.mail dd input{
    position:relative;
    z-index:2;
}

dl.mail dd.error 
{
	margin-top: -1.7em;
	margin-left: 11.5em;
}

dl.mail dd.error input , 
dl.mail dd.error textarea , 
dl.mail dd.error label {
    background:#FFCCCC;
}

dl.mail dd span.error
{
	font-size: 12px;
	line-height: 1.5em;
    margin:10px;
    color:red;
    font-weight:bold;
    clear: both;
}

#mail_form p
{
	text-align: center;
}
#mainContent .close
{
	text-align: center;
	font-size: 13px;
}

/* 講演・セミナー一覧用 */
#seminar_list_main
{
	font-weight: bold;
}

#seminar_list_right
{
	position: relative;
	top: -18px;
	left: 300px; 
	margin-bottom: -10px;
}

table#seminar_list tr
{
	border: 1px solid #cccccc;
}

table#seminar_list th
{
	background-color: #3366ff;
	color: #ffffff;
}

table#seminar_list td
{
	text-align: left;
	font-size: 12px;
	border: 1px solid #cccccc;
}
	
table#seminar_list td.cat
{
	width: 100px;
	text-align: center;
}

table#seminar_list ul
{
	margin: 0;
	padding: 0;
}

table#seminar_list li
{
	margin-left: 15px;
	list-style-type: square;
}

table#seminar_list .titt
{
	text-align: left;
}

table#seminar_list .naiyou
{
	vertical-align: middle;
}

/* 販売促進・印刷業向け研修コース一覧表 */
 #training_list
	{
	position:relative;
/*	top:-25px;*/
	} 

/* #training_list
	{
	position:relative;
	top:-25px;
	} */
	
#training_list_main
{
	
	position: relative;
	top: 0px;
	margin-bottom: -10px;
	font-weight: bold;
}

#training_list_right
{
	position: relative;
	top: 2px;
	left: 300px; 
	margin-bottom: -10px;
}
table#training_list th
{
	background-color: #3366ff;
	color: #ffffff;
}

table#training_list th.small
{
font-size: 10px;
}

table#training_list td
{
	font-size: 12px;
	border: 1px solid #cccccc;
}

table#training_list td.no
{
	width: 40px;
	text-align: center;
}

table#training_list td.cat
{
	width: 75px;
	text-align: center;
}

table#training_list td.kouza
{
	width: 110px;
	text-align: left;
}

#training_list ul
{
	margin: 0;
	padding: 0;

}

table#training_list li
{
	margin-left: 15px;
	text-align: left;
}

table#training_list td.time
{
    width: 40px;
	text-align: center;	
}

table#training_list td.name
{
    width: 60px;
	text-align: reft;	
}
table#training_list td.revel
{
    width: 45px;
	text-align: center;
}

#training_setumei
	{
	font-size: 11px;
	position: relative;
	top: -15px;
	right:-100px;
	margin-bottom: -10px;	
}
/*#training_setumei
	{
	font-size: 11px;
	position: relative;
	top: -15px;
	right:-250px; 
	margin-bottom: -10px;	
}*/
#training_setumei ul
	{
	list-style-type: none;
}


/*ツール*/

#tool_cara p
{
font-size: 18px ;
font-weight: bold;
font-coror:ccffff ;
font-style: 小塚ゴシック  Pro
}