@charset "Shift_JIS";
/*2009.02.24更新
========================================== hot dinos汎用CSSの読み込み*/
@import url("hot_common.css");
@import url("hot_head.css");
@import url("menu2.css");


/* ================================================================== top Default*/

#hotmain_Wrap p {	color:#3E3E3E; }



/* ================================================================== 共通Hot dinos contents Wrap*/

#hotmain_Wrap {
	width: 940px;
	height: auto;
	margin:0px auto;
	text-align:left;
}
#hotcont_Wrap {
	width: 936px;
}
#hotcont {
	width: 730px;
	float: left;
	text-align:left;
}
#hotmenu {
	width: 182px;
	float: right;
	text-align:left;
}

#pankuzu_hot {
	width:930px;
	font-size:100%;
	margin:10px auto 4px;
	text-align:left;
}


/* ================================================================== 色彩共通Index */
/* -------------------------------------------- Layout */
#col_id01 {
	width: 695px;
	margin:0px auto 30px;
}
#col_id02 {
	background: #DAD3B8 url(../color/images/id_bk1.gif) repeat-y left top;
}

#col_id02 li {
	background: url(../color/images/id_ico.gif) no-repeat left top;
	list-style:none;
	padding-left:18px;
	padding-bottom:10px;
}
.col_id03 {
	padding:15px 35px 5px;
}

/* -------------------------------------------- Link */
#col_id02 a,#col_id02 a:link,#col_id02 a:visited,#col_id02 a:hover,#col_id02 a:active  {
	color:#FF6666;
	font-weight:bold;
}

/* -------------------------------------------- Font */
#col_id02 span {
	color:#FF0000;
}


/* ================================================================== 色彩心理質問*/
/* -------------------------------------------- Layout */
#col_Wrap {
	width: 725px;
}

#col_box01 {
	width: 725px;
	background: url(../color/images/main_ttl.jpg) no-repeat left top;
	min-height:250px;
	_height: 250px;		/* IEのみに適用される(undesr score hack) */
	margin:0px auto;
}
#col_box02 {
	width: 700px;
	background: url(../color/images/bk1.gif) no-repeat left top;
	margin:0px auto 30px;
	padding-top:16px;
}
#col_box02_1 {
	background: url(../color/images/bk3.gif) no-repeat left bottom;
	padding-bottom:16px;
}
#col_box02_2 {
	background: url(../color/images/bk2.gif) repeat-y left top;
}



#col_box03 {
	width: 660px;
	margin:0px auto;
	padding-bottom:20px;
}
#col_box04 {
	width: 630px;
	margin:0px auto;
}

.col_p1 {
	line-height:150%;
	padding:20px 20px;
}

/* -------------------------------------------- Title */
#col_box01 h2 {
	position: relative;
	font-size:20px;
	visibility: hidden;
}
#col_box01 p {
	position: relative;
	visibility: hidden;
}

/* -------------------------------------------- Button */
#col_box04 ul li {
	display: inline;
	list-style: none;
	padding-right:8px;
}


/* -------------------------------------------- Profile */
#col_pbox01 {
	width: 655px;
	margin:0px auto 30px;
}
#col_pbox01 p {
	padding:13px 20px;
	line-height:150%;
}

/* ================================================================== 色彩心理回答*/
.colans_box01 {
	width: 655px;
	margin:0px auto;
	background:url(../color/images/ans_bk1.jpg) no-repeat left top;
	padding-top:16px;
	padding-bottom:20px;
}
.colans_box01b {
	width: 655px;
	margin:0px auto;
	background:url(../color/images/ans_bk2.jpg) no-repeat left top;
	padding-top:16px;
	padding-bottom:20px;
}
.colans_box01_1 {
	width: 100%;
	background:url(../color/images/ans_bk4.gif) no-repeat left bottom;
	padding-bottom:16px;
}
.colans_box01_2 {
	width:100%;
	background:url(../color/images/ans_bk3.gif) repeat-y left top;	
}

.colans_box02 {
	width:655px;
}

.colans_box03 {
	width: 240px;
	float:left;
}　
.colans_box04 {
	width:415px;
	float:right;
}

#colans_box05 {
	width:650px;
	margin:0px auto;
	padding-bottom:10px;
}


.colans_box04 {
	width:415px;
	float:right;
}





/* -------------------------------------------- Font */
.colans_box04 p {
	line-height:160%;
	padding-right:25px;
	padding-left:25px;
}
.colans_box04 .colans_p1 {
	font-size:18px;
	font-weight:bold;
	line-height:130%;
	padding:10px 4px 0px 0px;
}
.colans_box04 .colans_p4 {
	padding:5px 20px 0px 0px;
	text-align:left;
}
.colans_box04 .colans_p2, .colans_box04 .colans_p3 {
	text-align:right;
	padding-top:15px;
}


/* -------------------------------------------- Link */
.colans_p2 a, .colans_p2 a:link, .colans_p2 a:visited, .colans_p2 a:hover, .colans_p2 a:active {
	color:#FF6666;
}
.colans_p3 a, .colans_p3 a:link, .colans_p3 a:visited, .colans_p3 a:hover, .colans_p3 a:active {
	color:#66CC00;
}