@import url(/common.css);

#contents H1
{
	margin : 0;
	padding : 0 0 6px 0;
	height : 28px;
	line-height : 28px;
	color : #f06;
	background : url("/img/lead.gif") repeat-x bottom;
}

#contents H2
{
	margin : 2em 0 1em 0;
	padding-left : 1em;
	border-left : solid 5px #f69;
	height : 1.5em;
	line-height : 1.5em;
	font-size : 1em;
	background : #999; 
	color : #fff;
}

#contents H3
{
	margin : 0.8em 0 0 0;
	padding : 0 0 0 15px;
	background: url("/img/graycircle.gif") no-repeat 0 50%;
	line-height : 1.3em;
	font-size : 1em;
	font-weight : bold;
}

#contents .noemptyline
{
	margin-top : 0;
	margin-bottom :0;
}

#contents P
{
	margin : 0;
	line-height : 150%;
}

#contents P.sentence
{
	text-indent : 1em;
}

#contents P.firstsentence
{
	text-indent : 1em;
	margin-bottom : 0em;
}

#contents P.lastsentence
{
	text-indent : 1em;
	margin-top : 0em;
}

#contents P#subtitle
{
	margin : 1.5em 0 0.5em 0;
	text-indent : 1em;
	font-weight : bold;
	color : #39f;
}

#contents P.gotop
{
	margin-top : 0.5em;
	text-align : right;
}

#contents P.gotop A
{
	padding-left : 16px;
	font-size : 12px;
	line-height : 16px;
	color : #333;
	background : url("/img/grayuptirangle.gif") 0 50% no-repeat;
}

#contents P.gotop A:visited
{
	color : #333;
}

#contents P.gotop A:hover
{
	text-decoration : none;
	color : #f36;
	background : url("/img/pinkuptirangle.gif") 0 50% no-repeat;
}

#contents P.relation
{
	margin : 1em 0 0 0;
}

#contents P.relation A
{
	padding-left : 16px;
	font-size : 12px;
	line-height : 1.5em;
	color : #333;
	background : url("/img/grayrighttirangle.gif") 0 50% no-repeat;
}

#contents P.relation A:visited
{
	color : #333;
}

#contents P.relation A:hover
{
	color : #f36;
	text-decoration : none;
	background : url("/img/pinkrighttirangle.gif") 0 50% no-repeat;
}

#contents P.note
{
	line-height : 1.3em;
	font-size : small;
}

#contents UL
{
}

#contents LI
{
	line-height : 160%;
}

#contents DT
{
	margin : 0.5em 0 0.2em 0;
	font-weight : bold;
	line-height : 150%;
}

#contents DD
{
	line-height : 150%;
}

#contents TABLE
{
	margin : 1.5em 0 0.8em 0;
	background-color : #ccc;
	border-collapse : collapse;
	border : #ccc solid 1px;
}

#contents TH
{
	border : #ccc solid 1px;
	padding : 0.2em 1em;
	background-color : #666;
	color : #fff;
	line-height : 150%;
	text-align : center;
	font-weight : bold;
}

#contents TD
{
	border : #ccc solid 1px;
	padding : 0.2em 1em;
	background-color : #fff;
	line-height : 150%;
	text-align : right;
}

#contents A
{
	text-decoration : none;
}

#contents A:link
{
	color : #39f;
}

#contents A:visited
{
	color : #f36;
}

#contents A:hover
{
	text-decoration : underline;
}

#contents A.aname:hover
{
	text-decoration : none;
}

#contents DL.schedule, DL.lectures, DL.premium, DL.telfax
{
	margin-left : 3em;
}

#contents STRONG
{
	color : #f36;
	font-weight : normal;
}

#contents .rel
{
	position : relative;
	margin : 1em 0 1em 0;
	height : 1.5em;
}

#contents .oddrelative
{
	float : left;
	width : 224px;
}
#contents .evenrelative
{
	margin-left : 225px;
}

#contents .oddrelative P.relation,
#contents .evenrelative P.relation
{
	margin : 0;
}

/* 左右分割 基本*/
#contents DIV.outerwrapper
{
	margin : 2em 0 0 0;
	position : relative;
	width : 430px;
}

#contents DIV.leftwrapper
{
	float : left;
	margin-bottom : 2em;
	width : 200px;
}

#contents DIV.rightwrapper
{
	margin-left : 227px;
	width : 200px;
}

#contents DIV.outerwrapper P.image IMG
{
	width : 200px;
}

/* 左右分割 左狭い*/
#contents DIV.leftwrapper.narrow
{
	width : 150px;
}

#contents DIV.rightwrapper.wide
{
	margin-left : 177px;
	width : 250px;
}

/* 左右分割 左狭いここまで*/

/* 左右分割 左狭い+α*/
#contents DIV.leftwrapper.morenarrow
{
	width : 100px;
}

#contents DIV.rightwrapper.morewide
{
	margin-left : 127px;
	width : 300px;
}

/* 左右分割 左狭い+αここまで*/

#contents DIV.outerwrapper P.subtitle
{
	margin-top : 0;
}

#contents DIV.outerwrapper .button
{
	text-align : center;
}

#contents P#getacro
{
	font-size : small;
}