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

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


.clr{
    clear: both;
}
/* for IE letter bug  */
*{
	line-height:1.5
}
/* */

body {
	margin:0px;
	padding:0px;
	color:#727172;
	font-family:"Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Lucida Grande", sans-serif;
}

/* header section */

#wapper{
	border-top:5px solid #907042;
	margin-left: 10px;
	width: 760px;
}

/* 2011/6/30追記 コンテンツ幅950ox用　ここから*/

.container{
	width: 950px;
	margin:0 auto;
}

/* 2011/6/30追記 コンテンツ幅950ox用　ここまで*/

#header *{
	margin:0px;
	padding:0px;
}

#header h1 a{
	display: block;
	text-indent: -2000px;
	background: url(../share_img/logo.gif) no-repeat;
	width: 197px;
	height: 30px;
	margin: 15px 0px 10px ;
	float: left;
}

#header h2{
	text-indent: -3000px;
}

#header #subTitle{
	display: none;
}

#header h2#groupLogo{
	background: url(../share_img/groupLogo.gif) no-repeat;
	float: right;
	width: 218px;
	height: 30px;
	margin: 16px 6px 14px;
}

#header #mainMenu{
	clear: both;
	/*background: url(../share_img/topNavi7.gif) repeat-x;*/
}

#header ul.leftMenu{
	float: left;
}

#header ul.rightMenu{
	float: right;
}

#header .rightMenu a{
	display:block;
	text-indent: -1000px;
	width:85px;
	height:20px;
}

#header .rightMenu li{
	list-style:none;
	float:left;
	width:85px;
	height:20px;
}

#header #mainMenu #blank{
width:80px;
height:20px;
background:url(../share_img/topNavi7.gif) -5px 0px;
text-indent:-1000px;

/* remove att from spry asset */
cursor: default;
}

#header #mainMenu li#mypage,
#header #mainMenu li#mypage a{/*200810 add*/
width:80px;
}

#header #mainMenu li#mypage ul a{/*200810 add*/
width:auto;
}

#header li#top a{
	background: url(../share_img/topNavi1.gif) no-repeat;
}

#header li#sumai a{
	background: url(../share_img/topNavi2.gif) no-repeat;
}

#header li#kurasi a{
	background: url(../share_img/topNavi3.gif) no-repeat;
}

#header li#tudoi a{
	background: url(../share_img/topNavi4.gif) no-repeat;
}

#header li#infoBox a{
	background: url(../share_img/topNavi5.gif) no-repeat;
}

#header li#contact a{
	background: url(../share_img/topNavi6.gif) no-repeat;
}

#header li#logout a{
	background: url(../share_img/topNavi8.gif) no-repeat;
}
#header li#configProf a{
	background: url(../share_img/topNavi9.gif) no-repeat;
}

#header li#login a{
	background: url(../share_img/topNavi10.gif) no-repeat;
}
#header li#admissionInfo a{
	background: url(../share_img/topNavi11.gif) no-repeat;
}
#header li#mypage a{/*200810 add*/
	background: url(../share_img/topNavi12.gif) no-repeat;
}

/* rollover */
#header li#top a:hover{
	background: url(../share_img/topNavi1_on.gif) no-repeat;
}

#header li#sumai a:hover{
	background: url(../share_img/topNavi2_on.gif) no-repeat;
}

#header li#kurasi a:hover{
	background: url(../share_img/topNavi3_on.gif) no-repeat;
}

#header li#tudoi a:hover{
	background: url(../share_img/topNavi4_on.gif) no-repeat;
}

#header li#infoBox a:hover{
	background: url(../share_img/topNavi5_on.gif) no-repeat;
}

#header li#contact a:hover{
	background: url(../share_img/topNavi6_on.gif) no-repeat;
}
#header li#mypage a:hover{/*200810 add*/
	background: url(../share_img/topNavi12_on.gif) no-repeat;
}
#header li#logout a:hover{
	background: url(../share_img/topNavi8_on.gif) no-repeat;
}
#header li#configProf a:hover{
	background: url(../share_img/topNavi9_on.gif) no-repeat;
}

#header li#login a:hover{
	background: url(../share_img/topNavi10_on.gif) no-repeat;
}
#header li#admissionInfo a:hover{
	background: url(../share_img/topNavi11_on.gif) no-repeat;
}


/* -- current position */
.top #header ul li#top a{
	background: url(../share_img/topNavi1_on.gif) no-repeat;
}

.sumai #header ul li#sumai a{
	background: url(../share_img/topNavi2_on.gif) no-repeat;
}

.kurasi #header ul li#kurasi a{
	background: url(../share_img/topNavi3_on.gif) no-repeat;
}

.tudoi #header ul li#tudoi a{
	background: url(../share_img/topNavi4_on.gif) no-repeat;
}

.infoBox #header ul li#infoBox a{
	background: url(../share_img/topNavi5_on.gif) no-repeat;
}

.contact #header ul li#contact a{
	background: url(../share_img/topNavi6_on.gif) no-repeat;
}

.mypage #header ul li#mypage a{/*200810 add*/
	background: url(../share_img/topNavi12_on.gif) no-repeat;
}




/* footer section */

#footer *{
	margin:0px;
	padding:0px;
}


#footer {
	clear:both;
	background-color: #907042;
	height: 26px;
}

#footer li{
	float: left;
	padding-left: 10px;
}

#footer li{
	float: left;
	margin: 10px 5px 0px 0px;
	background: url(../share_img/arrow_index.gif) no-repeat 3px 50%;
	color: #D0C6A8;
	list-style: none;
}

#footer li a{
	font-size: 10px;
}

/* IE7 hack 
*:first-child+html #footer li a {
	font-size: 7px;
}*/

#footer li.rightMenu{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	background: none;
	float: right;
	font-size: 8px;
	font-family: Verdana;
}

#footer li a{
	color: #D0C6A8;
}


/* breadcrumb */

#breadcrumb{
	float:left;
	width:550px;
	margin:10px 0px 0px 20px;
	height:18px;
}
* html #breadcrumb{
	margin:5px 0px 0px 10px;/*IE6*/
}
*>#breadcrumb{
	min-height:18px;
}

/* breadcrumb links */

.kurasi #breadcrumb a,.kurasi #breadcrumb a:visited,.kurasi #breadcrumb a:hover{
	color:#3B8036;
}

.sumai #breadcrumb a,.sumai #breadcrumb a:visited,.sumai #breadcrumb a:hover{
	color:#cd711e;
}

.tudoi #breadcrumb a,.tudoi #breadcrumb a:visited,.tudoi #breadcrumb a:hover{
	color:#3f6298;
}

.mypage #breadcrumb a,.mypage #breadcrumb a:visited,.mypage #breadcrumb a:hover{
	color:#762220;
}



/* changeFontSize */

#changeFontSize{
	float:right;
	text-align:right;
	width:150px;
	margin:5px 10px 0px 0px;
	height:28px;
}
* html #changeFontSize{
	margin:5px 5px 0px 0px;/*IE6*/
}
*>#changeFontSize{
	min-height:28px;
}

#changeFontSize a,
#changeFontSize a:link,
#changeFontSize a:visited,
#changeFontSize a:hover,
#changeFontSize a:active{
text-decoration:none;
cursor:pointer;
}


/* mainContent */

#mainContent{
	clear: both;
}


/*--- a link ---*/
#mainContent a{
	padding-bottom:2px;
	line-height:1.6em;
	text-decoration:underline;
	color: #727172;
	/*background:url(../images/main/dot_underber_off.gif) repeat-x left bottom;*/
}
#mainContent a:link{
	text-decoration: underline;
	color: #727172;

}
#mainContent a:visited{
	text-decoration:underline;
	color: #727172;
}
#mainContent a:hover{
	text-decoration:underline;
	color: #a37e39;
}
#mainContent a:active{
	text-decoration:underline;
	color: #a37e39;
}

p{
line-height:1.6em;
}

table td{
	color:#727172;
}

/*span*/
.red{
	color:#C8161D;
}

a img{
	border:none;
}

input{
	line-height:100%;
}