@charset "EUC-JP";



/*SDC Base CSS*/



/**********

 Base Tag Initalization

 **********/

body{
	background:#BBB url(http://www.sdc.ac.jp/assets/images/common/bg_body.gif) repeat-x 0 0;
	margin:0;
	padding:0;
	color:#333;
	font-size:100%; /*作業用フォントサイズ　Dreamweaver CS3:90%　CS2(v8):100%*/
	line-height:1.5;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
* html body
{font-size:80%;}

*+html body
{font-size:80%;}

div,span,form,input,label,select
	{
	margin:0;
	padding:0;
	}

ul,li{
	list-style:none;
	margin:0;
	padding:0;
	}

h1,h2,h3{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1;
	}

h4,h5,h6{
	margin:0;
	padding:0 0 3px 0;
	font-size:95%;
	line-height:1.2;
	}

p{
	margin:0;
	padding:0 0 3px 0;
	}

img{
	margin:0;
	padding:0;
	border:0;
	}

a:link{color:#36C; text-decoration:underline;}
a:visited{color:#369;text-decoration:underline;}
a:hover{color:#39C; text-decoration:none;}
a:active{color:#39C;text-decoration:none;}


/**********

 ID Setting for Layout
 
 **********/

/* container */

#container
	{
	width:920px;
	padding:0 20px;
	}


#content
	{
	width:920px;
	}

#sitemenu
	{
	padding:5px 0;
	font-size:90%;
	text-align:right;
	}

/** left Navi **/
#leftside
	{
	width:220px;
	float:left;
	}




#header
	{
	width:220px;
	min-height:235px;
	}

#sitelogo
	{
	width:220px;
	height:60px;
	background:url(http://www.sdc.ac.jp/assets/images/common/sdclogo.gif) no-repeat 0 0;
	}

#sitelogo h1
	{
	text-indent:-9000px;
	}

#sitelogo h1 a
	{
	width:220px;
	height:60px;
	display:block;
	text-decoration:none;
	}

/** Global Navi **/

#navigation
	{
	width:220px;
	}
/*#navigation ul,
#navigation ul li
	{
	width:220px;
	}
*/
#navigation ul li
	{
	text-align:right;
	}


#navigation ul li a,
#navigation ul li b
	{
	display:block;
	padding-top:10px;
	padding-right:30px;
	width:190px;
	height:15px;
	background:url(http://www.sdc.ac.jp/assets/images/common/bg_mainnavi.gif) no-repeat 0 0;
	font-weight:bold;
	font-size:110%;
	line-height:1;
	text-decoration:none;
	}

#navigation ul li a:link,
#navigation ul li a:visited
	{
	background-position:0 0;
	color:#666;
	}

#navigation ul li a:hover,
#navigation ul li b
	{
	color:#FFF;
	background-position:-220px 0;
	}
*+html #navigation
{
line-height:1;
padding-bottom:0;
margin-bottom:0;
}

*+html #navigation ul li a
{

padding-top:5px;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}
/*
Sub Menu
*/
#navigation ul li ul
	{
	margin-left:190px;
	}
* html #navigation ul li ul
	{
	width:300px;
	margin-top:100px;
	margin-left:210px;
	}

#navigation ul li ul,
#navigation ul li ul li,
#navigation ul li ul li a
	{
	width:auto;
	}
*:first-child+html #navigation ul li ul li a
	{
	width:300px;
	}

#navigation ul li ul li a
	{
	height:20px;
	white-space:nowrap;
	}


*:first-child+html #navigation ul li ul
	{
	width:310px;
	}


#floatmenu
	{
	width:200px;
	background:#111;
	color:#FFF;
	position:absolute;
	top:275px;
	}

#floatmenu h2
	{
	background:#999;
	color:#333;
	padding:10px 5px;
	}


/** Right Content **/


#content_body
	{
	width:700px;
	background:#FFF;
	/*min-height:300px;*/
	float:left;
	}

/** pagefooter **/

#footer
	{
	padding-left:220px;
	width:700px;
	float:left;
	/*border-top:1px solid #999;*/
	font-size:85%;
	line-height:1.5;
	}
#topicpath
	{
	padding:5px 10px;
	background:#FFF;
	}
#ft_body
	{
	padding-top:5px;
	background:url(http://www.sdc.ac.jp/assets/images/common/bg_r_under.gif) no-repeat top left;
	}
#ft_info
	{
	padding:5px 0;
	float:left;
	}
#ft_info p
	{
	margin:0;
	padding:0 0 0 5px;
	}
#ft_info p.navi
	{
	margin:0;
	padding:0 0 5px;
	}
#ft_info a
	{
	color:#555;
	}
#ft_info a:hover
	{
	color:#FFF;
	}
#ft_totop
	{
	width:115px;
	height:25px;
	float:right;
	}
#ft_totop a
	{
	display:block;
	width:100px;
	height:25px;
	text-indent:-9000px;
	background:url(http://www.sdc.ac.jp/assets/images/common/btn_totop.gif) no-repeat;
	text-decoration:none;
	}
#ft_totop a:link,
#ft_totop a:visited
	{
	background-position:0 0;
	}
#ft_totop a:hover
	{
	background-position:0 -25px;
	}


/**********

 MailForm Classes
 
 **********/

#cf_form .require { color: #cc3333; font-weight: bold; font-size: 90%;}
#cf_form table { border-collapse: collapse; width: 600px;}
#cf_form td, #cf_form th { padding: 5px 10px; border: 1px solid #999;}
#cf_form th { background:#eee; vertical-align: top; text-align: left; border-right-width: 2px; white-space: nowrap; width: 120px; text-align:right;}
#cf_form th .require { padding-left: 10px;}
#cf_form td { margin-bottom: 16px; margin-left: 20px;}
#cf_form .note { font-size: 80%; color: #666;}
#cf_form li { list-style-type: none;}
#cf_form fieldset {width: 620px; border: 1px solid #999; margin-bottom: 10px; padding: 10px; border-width: 1px 0px;}
#cf_form legend { color: #666; font-weight: bold; font-size: 100%;}
#cf_form .invalid { border: 1px solid #d4aa00; background: #fffbea;}
#cf_form .buttons { margin: 10px 0px; text-align: center;}
.error { color: #cc0000; padding: 3px 5px; margin: 5px 0px; background: #ffefef;}

/**********

 Other Classes
 
 **********/


/*** clear for float area ***/

.clear
	{
	clear:both;
	height:1px;
	font-size:1px;
	}

.clear-dot
	{
	clear:both;
	height:1px;
	font-size:1px;
	background:url(../../assets/images/common/dot478.gif) no-repeat top center ;
	}


/*** clear for float area（clearfix hac）***/

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

.clearfix
	{
	display:inline-block;
	}

/*IE-Mac \*/
* html .clearfix { height:1%;}
.clearfix {display:block;}
/*End IE-Mac*/



/*** hide from browser ***/

.alt
	{
	position:absolute;
	top:-9000px;
	left:-9000px;
	display:inline;
	}

.idt
	{
	text-indent:-9000px;
	}