/**********************************************************************
project name : CRIEPI [ /common/css/special.css ]

08.01.XX
**********************************************************************/

html,
body{
	height: 100%;
}

body#TypeSIMPLE.type-special #HeadArea{
	margin-bottom: 12px;
}

body#TypeSIMPLE.type-special #Container{
	position: relative;
	min-height: 100%;
}

* html body#TypeSIMPLE.type-special #Container{
	height: 100%;
}

body#TypeSIMPLE.type-special #ContentsArea{
	padding-bottom: 54px;
	position: relative;
	min-height: 495px;
	_height: 495px;
	background: url(../img/special_bg01.jpg) 0 5px no-repeat;
}

body#TypeSIMPLE.type-special #FootArea{
	position: absolute;
	bottom: 0;
}

/*---------------------------------------------
 FontSize
---------------------------------------------*/
#RelationLink .one-column dt,
#RelationLink .two-column dt{
	font-size: 115%;
}

/*---------------------------------------------
 FontColor
---------------------------------------------*/


/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea .to-koko{
	margin: 0;
	position: absolute;
	right: 29px;
	top: 0;
}

#ContentsArea .support-link{
	margin-bottom: 18px;
	padding-top: 15px;
	background: url(../img/dotline02.gif) 0 0 repeat-x;
}

#MainCanvas{
	padding: 36px 0 36px 130px;
}

#MainCanvas .wrap{
	padding: 23px 40px 0 40px;
	width: 630px;
	background-color: #fbf9ee;
	border-bottom: 1px #cccccc solid;
}

#ContentsArea .lay-column2-A .col01{ margin-bottom: -15px; }
#ContentsArea .lay-column2-B .col01{ margin-bottom: -15px; }

#MainCanvas .wrap .col01 p{ margin: 0 0 25px 0; }
#MainCanvas .wrap .col02 p{ margin: 0 0 0.3em 0; }

#ThemeTitle{
	position: absolute;
	left: 29px;
	top: 0;
}

#StepLink{
	text-align: right;
	margin-bottom: 15px;
}

#StepLink li{
	margin-right: 3px;
	display: inline;
}

#StepLink li.to-top img{
	background: url(../img/vline01.gif) 100% 0 no-repeat;
	padding-right: 1px;
	margin-right: 5px;
}

#RelationLink{}

#RelationLink .one-column{
	margin-bottom: 30px;
}

#RelationLink .one-column dt{
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 15px;
	background: url(../img/dotline02.gif) 0 100% repeat-x;
}

#RelationLink .one-column dd{
	width: 630px;
}

#RelationLink .one-column .relation-photo{
	float: left;
	width: 85px;
	margin-right: 20px;
}

#RelationLink .one-column .relation-list{
	float: left;
	width: 525px;
}

#RelationLink .two-column{
	margin-bottom: 30px;
}

#RelationLink .two-column dt{
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 15px;
	background: url(../img/dotline02.gif) 0 100% repeat-x;
}

#RelationLink .two-column dl{
	float: left;
	width: 305px;
	margin-right: 20px;
}

#RelationLink .two-column dl.last-child{
	margin-right: 0;
}

#RelationLink .two-column dd{
	width: 305px;
}

#RelationLink .two-column .relation-photo{
	float: left;
	width: 85px;
	margin-right: 20px;
}

#RelationLink .two-column .relation-list{
	float: left;
	width: 200px;
}


/*---------------------------------------------
 clearfix
--------------------------------------------*/
.clearfix:after,
#RelationLink dl:after,
#RelationLink dd:after,
#RelationLink .one-column:after,
#RelationLink .two-column:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both; 
}

.clearfix,
#RelationLink dl,
#RelationLink dd,
#RelationLink .one-column,
#RelationLink .two-column{
    min-height: 1%;
	_height: 1%;
}














/*********************************************************************/