@charset "shift-jis";
/* CSS Basic Style ---------------------------------------------------------- */

/* index.html
-------------------------------------------------------------*/

#seminar div.dottedBox{
	margin-bottom:10px;
}

div#infoWrap2{
	padding-bottom:10px;
	overflow:hidden;
}
div#infoWrap2 p{
	float:left;
}
p#solsem2012Top{
	float:left;
	padding-right:70px;
}

div#conNavWrap,
div#conNavWrap2{
	border:1px solid #ccc;
	margin-bottom:20px;
}

div#conNavInner,
div#conNavInner2{
	background:#f2f9f9;
	border:1px solid #fff;
	border-bottom:0;
	padding:10px;
}

div#conNavInner ul,
div#conNavInner2 ul{
margin:0;
}

div#conNavInner ul li,
div#conNavInner2 ul li{
	background:url("https://f.msgs.jp/fcnts/nkw/i_arrow01.gif") no-repeat 0 50%;
	color:#066;
	padding:0 0 0 13px;
	text-decoration:none;
	display:inline;
	line-height:2.0;
	margin-right:10px;
	white-space:nowrap;
	zoom:1;
}

div#conNavInner ul li a,
div#conNavInner2 ul li a{
	color:#066;
	text-decoration:none;
}

div#conNavInner ul li a:hover,
div#conNavInner2 ul li a:hover{
	text-decoration:underline;
}

#seminar div.dottedBox{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/bg_dotted_box.gif") repeat-y 0 0;
	zoom:1;
}

#seminar div.dottedBoxBtm{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/bg_dotted_box_btm.gif") no-repeat 0 100%;
	padding-bottom:1px;
}

#seminar div.dottedBoxTop{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/bg_dotted_box_top.gif") no-repeat 0 0;
	padding:10px 10px 0 10px;
	zoom:1;
}

div#categoryNav{
	background:#fff;
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:10px;
}
div#categoryNav dl dt{
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	line-height:1.6;
	padding:0 0 5px 0;
}
div#categoryNav dl dd{
	padding:7px 0 0 0;
}
div#categoryNav dl dd ul{
	overflow:hidden;
}
div#categoryNav dl dd ul li{
	float:left;
	margin:0 1em 0 0;
	display:inline;
}
div#categoryNav dl dd ul li.cat01{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/i_cat01.gif") no-repeat 0 3px;
	padding:0 0 0 30px;
}
div#categoryNav dl dd ul li.cat02{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/i_cat02.gif") no-repeat 0 3px;
	padding:0 0 0 30px;
}
div#categoryNav dl dd ul li.cat03{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/i_cat03.gif") no-repeat 0 3px;
	padding:0 0 0 30px;
}
div#categoryNav dl dd ul li.cat04{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/solsem2012/i_cat04.gif") no-repeat 0 3px;
	padding:0 0 0 30px;
}

div#seminarSectionWrap{
	/*overflow:hidden;*/
	width:940px;
	margin:0 -20px -10px 0;
	/margin:0 -20px 0 0;
	_padding-bottom:10px;
	zoom:1;
}
div.seminarSection{
	float:left;
	width:450px;
	margin:0 20px 20px 0;
	display:inline;
	zoom:1;
}
div.seminarSection .sectionLayout{
	background:#fff;
	width:450px;
	border:1px solid #ddd;
	border-bottom:0;	
}
div.seminarSection .sectionLayout th{
	padding:5px;
	font-weight:bold;
	color:#fff;
	height:1em!important;
}
div.seminarSection .sectionLayout th a{
	color:#fff;
	text-decoration:underline;
}
div.seminarSection .sectionLayout th a:hover{text-decoration:none;}
div.seminarSection .sectionLayout th.sCat01{background:#003333;}
div.seminarSection .sectionLayout th.sCat02{background:#0566a4;}
div.seminarSection .sectionLayout th.sCat03{background:#993300;}
div.seminarSection .sectionLayout th.sCat04{background:#660066;}

div.seminarSection .sectionLayout td{
	padding:5px;
	border:1px solid #ddd;
	vertical-align:top;
}
div.seminarSection .sectionLayout td.detailText{
	background:#f2f9f9;
}

div.sectionHead{}
.sectionHeadLayout{
	width:100%;
	border:0;
}
.sectionHeadLayout th,
.sectionHeadLayout td{
	padding:2px 0!important;
	border:0!important;
}
.sectionHeadLayout th{
	width:110px;
	vertical-align:top;
}

div.seminarSection p.btDetail{text-align:center;}

dl.detailBox,
dl.detailBox div.read{
	line-height:1.6;
}
dl.detailBox dt{
	border-top:1px solid #ddd;
	margin:8px 0 5px 0;
	padding:8px 0 0 0;
}
dl.detailBox dt.first{
	border:0;
	margin:0 0 5px 0;
	padding:0;
}
dl.detailBox div.read{
	overflow:hidden;
}
dl.detailBox div.read strong{
	font-weight:bold;
	color:#066;
}
div#mapBox{
	overflow:hidden;
	padding:19px;
	border:1px solid #ddd;
	background:#fff;
	margin-bottom:10px;
	zoom:1;
}
p#mapImgTop{
	float:left;
	width:330px;
	margin:0!important;
}
dl#mapAddressTop{
	float:left;
	width:540px;
}
dl#mapAddressTop dt{
	font-weight:bold;
	font-size:120%;
	color:#066;
	margin-bottom:10px;
}
dl#mapAddressTop dd strong{
	color:#333;
}


div#partnerBox{
	zoom:1;
}
div#partnerBox p{margin-bottom:10px;}

/*--------------------------
		table
--------------------------*/

#seminar .tableLayout01 {
	background:#fff;
	width: 100%;
	border: #ccc solid 1px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
#seminar .tableLayout01 th {
	text-align:center;
	vertical-align: top;
	border-right: 1px solid #ccc;
	font-weight:bold;
	color:#fff;
}

#seminar .tableLayout01 th.tlDay 		{background:#033; width:15%;}
#seminar .tableLayout01 th.tlSeminar{background:#066; width:40%;}
#seminar .tableLayout01 th.tlHost		{background:#066; width:30%;}
#seminar .tableLayout01 th.tlArea		{background:#066; width:15%;}
#seminar .tableLayout01 th.tlContact{background:#033; text-align:left;}

#seminar .tableLayout01 th,
#seminar .tableLayout01 td {
	padding: 10px;
	line-height:1.2;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
#seminar .tableLayout01 td {
	border-right:1px solid #ccc;
}

#seminar .tableLayout01 td dl{
	line-height:1.6;
}

#seminar .tableLayout01 td dl dt{
	font-weight:bold;
	color:#033;
}

/*--------------------------
		tableLayout02
--------------------------*/

#seminar .tableLayout02 {
	background:#fff;
	width: 100%;
	border: #ccc solid 1px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
#seminar .tableLayout02 th {
	text-align:center;
	vertical-align: top;
	border-right: 1px solid #ccc;
	font-weight:bold;
	color:#fff;
	width:20%;
}
#seminar .tableLayout02 th.odd {background:#033;}
#seminar .tableLayout02 th.even{background:#066;}

#seminar .tableLayout02 th,
#seminar .tableLayout02 td {
	padding: 10px;
	line-height:1.2;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
#seminar .tableLayout02 td p{margin-bottom:1em;}
#seminar .tableLayout02 td p span{display:block; margin-bottom:5px;}

/*--------------------------
		.seminarInfo
--------------------------*/

#seminar .seminarInfo {
	background:#fff;
	width: 100%;
	border:0;
	margin-bottom:0;
	border-collapse: collapse;
}
#seminar .seminarInfo th {
	text-align:left;
	vertical-align: top;
	border:0;
	font-weight:normal;
	color:#666;
	width:20%;
}

#seminar .seminarInfo th,
#seminar .seminarInfo td {
	padding:5px;
	line-height:1.2;
	vertical-align: top;
	border-bottom:0;
}

#seminar .seminarInfo td ul li{
	line-height:1.6;
}

div.applicationArea{
	background:#f2f9f9;
	border:1px solid #ccc;
	padding:10px;
	margin:0 auto 10px 0;
	width:668px;
}

div.applicationArea ul{
	margin:0 auto;
	text-align:center;
}


/*--------------------------------
	infoWrap
---------------------------------*/

div#infoWrap{
	margin-bottom:40px;
}

div#infoBox{
	border-left:1px solid #066;
	width:690px;
	padding:0 10px;

}

div#infoBox p{
	margin-bottom:1em;
	color:#666;
}

div#infoBox p strong{
	color:#066;
	font-size:120%;
}

#seminar h5{
	background:url("http://www.marke-media.net/seminar/grandit/images/seminar/bg_sttl01.jpg") no-repeat 0 100%;
	padding:15px 10px 6px 20px;
	font-size:120%;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}

#seminar_title,
#seminar_date,
#seminar_place{
	border:0;
}

/* 2012/01/05 Add */
div#seminarWrap{
	width:940px;
	margin:0 auto;
	text-align:left;
}
div#seminarWrap h4{
	background:#fff url("http://www.marke-media.net/seminar/grandit/images/seminar/stl_01.jpg") no-repeat 50% 50%;
	/background:#fff url("http://www.marke-media.net/seminar/grandit/images/seminar/stl_01.jpg") no-repeat 50% 50%;/* forIE6,IE7 */
	border:1px solid #ccc;
	padding:14px 10px 12px 25px;
	font-size:120%;
	margin-bottom:20px;
	color:#333;
}

div#seminarInfoTop{
	background:#fff url(http://www.marke-media.net/seminar/grandit/images/seminar/bg_seminar_info_top.gif) no-repeat 0 0;
	border:1px solid #ccc;
	padding:4px 0 0 0;
	margin-bottom:10px;
}
div#seminarInfoTop .tableLayout_seminar{
	width:100%;
}
div#seminarInfoTop .tableLayout_seminar td{
	padding:5px;
	vertical-align:top;
}
div#seminarInfoTop .tableLayout_seminar td span{
	display:block;
	margin:5px 0 0 0;
}
div#seminarInfoTop .tableLayout_seminar td.btSeminarInfo{
	background:#f2f9f9;
	text-align:center;
	vertical-align:middle!important;
	width:30%;
	border-left:1px solid #ccc;
}

.tableLayout_detail{
	width:100%;
	margin:0!important;
}
.tableLayout_detail th,
.tableLayout_detail td{
	border-top:1px dotted #ccc;
	vertical-align:top;
	padding:10px 0;
}
.tableLayout_detail th.first,
.tableLayout_detail td.first{
	border-top:0!important;
}
.tableLayout_detail th{
	width:20%;
}

#tableLayout_seminarDeta{
	background:#fff;
	width:100%;
	border:1px solid #ccc;
	border-bottom:0;
}

#tableLayout_seminarDeta td{
	padding:10px;
	border-bottom:1px solid #ccc;
}
#tableLayout_seminarDeta table th{
	width:20%;
}
#tableLayout_seminarDeta table td{
	border-top:1px dotted #ccc;
	border-bottom:0;
	padding:10px 0;
}
#tableLayout_seminarDeta table td p{
	margin-bottom:1em;
}
#tableLayout_seminarDeta table td strong{
	font-weight:bold;
	color:#033;
}
#tableLayout_seminarDeta table td.none{
	border:0;
}
#tableLayout_seminarDeta table td.bTop{
	border-top:1px solid #ccc;
}
ul.listType01 li{
	float:left;
	width:350px;
	line-height:1.6;
}
div.profileBox{
	overflow:hidden;
}
p#mapImg{
	float:left;
	width:330px;
	margin:0!important;
}
dl#mapAddress{
	float:left;
	width:560px;
}
dl#mapAddress dt{
	font-weight:bold;
	font-size:120%;
	color:#066;
	margin-bottom:10px;
}
dl#mapAddress dd strong{
	color:#333;
}

div#seminarEntry{
	border:1px solid #ccc;
	background:#f2f9f9;
	margin:10px auto 0 auto;
	padding:10px;
	text-align:center;
}

div#seminarBack{
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
}
div#seminarBack p a{
	background:url(https://f.msgs.jp/fcnts/nkw/i_arrow05.gif) no-repeat 0 50%;
	padding:0 0 0 15px;
	font-weight:bold;
}


div#solsem2012Main{
	position:relative;
	width:710px;
	height:200px;
}
div#solsem2012Main p#solsem2012Tokyo{
	position:absolute;
	top:97px;
	left:5px;
	width:350px;
	height:80px;
}
div#solsem2012Main p#solsem2012Osaka{
	position:absolute;
	top:97px;
	left:355px;
	width:350px;
	height:80px;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/