@charset "UTF-8";

/* ****************************************************
Title: top.css
Created: 2007‒07‒21
Last Modified: 2007‒07‒21
Editor(s): Hiroto Inukai
Last Editor: Hiroto Inukai
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 common
#02 content
#03 popup
#04 sideBar
----------------------------------------*/


/* #01 common
---------------------------------------------------------------------------- */

dl.screenDesign a {
	color:#555555;
	outline: 0;
}
dl.screenDesign a:hover {
	color:#FF4B0F;
}


/* #02 content
---------------------------------------------------------------------------- */

div#coordinatedModel{
	border:#999999 solid 1px;
	padding:8px;
	margin-bottom:16px;
	position:relative;
}

div#coordinatedModel p.modelImage{
	position:absolute;
	right:0px;
	top:-25px;
}


dl.operation,
dl.screenDesign{
	_height:1%;
}

dl.operation dd dl,
dl.screenDesign dd dl{
	margin-left:10px;
}


dl.operation dt,
dl.screenDesign dt{
	color:#FFFFFF;
	_height:1%;
	padding:5px 15px;
}


dl.operation dd dl dt,
dl.screenDesign dd dl dt{
	font-weight:bold;
	padding-left:10px;
}

dl.operation dd dl dd,
dl.screenDesign dd dl dd{
	padding-left:10px;
}


/* iconのみ個別に適用※それ以外は上にまとめ */
dl.operation dt{
	background:url(../images/bg_sh01.gif) no-repeat left center;
	margin-bottom: 5px;
	margin-top: 10px;
}

dl.operation dd dl dt{
	background: url(../images/icon_list_blue.gif) no-repeat left center;
    padding: 0px 0px 0px 16px;
    border-bottom:1px solid #999999;
}

dl.screenDesign dt{
	background:url(../images/bg_sh02.gif) no-repeat left center;
	margin-top:10px;
	margin-bottom: 5px;
}

dl.screenDesign dd dl dt{
	background: url(../images/icon_list_orenge.gif) no-repeat left center;
    padding: 0px 0px 0px 16px;
    border-bottom:1px solid #999999;
}
/* /icon個別に適用 */


div#coordinatedModel div.floatLeft{
	width:232px;
}

div#coordinatedModel div.floatRight{
	width:223px;
	padding-right:10px;
}

div.section{
	border:#999999 solid 1px;
	padding:12px;
	margin-bottom:16px;
	/*min-height:150px;*/
}

div.section p.leadText{
	width:70%;
	float:left;
}

div.section p.leadText2{
	width:62%;
	float:left;
}

div.section p.leadText3{
	width:75%;
	float:left;
}


div.section p.imgLogo{
	margin-left: 400px;
	float: none;
	margin-right: 0px;

}
div.section   p.imgLogo2{
	float:right;
}

div.section p a{
	display:block;
	border:#F4F4F4 1px solid;
	padding:25px 6px;
}

div.section p a:hover{
	border:#246767 1px solid;
	padding:3px 3px;
}

div.section p a.svf{
	display:block;
	border:#F4F4F4 1px solid;
	padding:3px 3px;
}

div.section p a.svf:hover{
	border:#246767 1px solid;
	padding:3px 3px;
}

div.section p a.stx{
	display:block;
	border:#F4F4F4 1px solid;
	padding:3px 3px;
	margin-top:5px;
}

div.section p a.stx:hover{
	border:#246767 1px solid;
	padding:3px 3px;
}


div.section  p.imgLogo2 a:hover{
	padding:25px 6px;
}



/* #03 popup
---------------------------------------------------------------------------- */

body#popupBody{
	background:none;
}

p.closePopup{
	margin:10px;
	font-size:120%;
	
}

/* #04 sideBar
---------------------------------------------------------------------------- */

div#sideTopics,
div#sideSeminar{
	border:#999999 solid 1px;
	padding:8px 5px;
	margin-bottom:15px;
}

div#sideTopics .topics,
div#sideSeminar .topics{
	background: url(../images/line_sidebar.gif) repeat-x left bottom;
	_height:1%;
	margin-bottom:8px;
	
}

.topics:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.topics {display: inline-block;}
/* Hides from IE-mac \*/
* html .topics {height: 1%;}
.topics {display: block;}
/* End hide from IE-mac */

div#sideTopics .noLine,
div#sideSeminar .noLine {
	background:none;
}