@charset "utf-8";
/* CSS Document */

/*Tag
----------------------------------------------*/
* {
	margin:0;
	padding:0;
	list-style-type: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height:1.4em;
}
img {
	border:none;
}

a {
	color:#333333;
}

a:link {
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*レイアウト
----------------------------------------------*/

body {
	margin:0 auto;
	text-align:center;
	background: #FFFFFF url(/images/imgs/bg.jpg) repeat-x;
}

#container {
	width:816px;
	text-align:left;
	margin:0 auto;
	background: #FFFFFF url(/images/imgs/container_bg.jpg) no-repeat;
}

.wrapper {
	width:800px;
	margin:0 8px;
}

/*Header
----------------------------------------------*/
#header{
	background: url(/images/imgs/header_bg.jpg) right top no-repeat;
	height:105px;
}
	#header h1{
		float:left;
		width:380px;
	}
	#header ul{
		float:left;
		width:420px;
		line-height:0;
	}
		#header ul li{
			float:left;
		}




/*Footer
----------------------------------------------*/
#footer{
	text-align:center;
	color: #FFFFFF;
	background:url(/images/imgs/footer_topBg.jpg) no-repeat left top #FF7272;
	padding-bottom:20px;
}
	#footer a{
		color: #FFFFFF;
	}
	#footer ul{
		padding-top:70px;
		margin:0 auto;
		width:450px;
		padding-left:50px;
		display:block;
	}
		#footer li{
			float:left;
		}
	#footer p{
		margin-top:20px;
	}
	
	



/*トップページ
----------------------------------------------*/
#top #contents{
	background: url(/images/imgs/contents_bg.jpg) no-repeat;
	padding:33px 71px 10px;
}
	#top .checkArea{
		height:385px;
	}
		#top .checkArea form{
			margin-left:25px;
		}
			#top .tForm th{
				text-align:center;
				font-size:14px;
				font-weight:normal;
				width:80px;
			}
			#top .tForm td{
				padding:10px 0;
			}
				#top .tForm input.fText{
					height:16px;
					width:160px;
				}
				#top .tForm input.fFile{
					height:20px;
					width:212px;
				}
				#top .tForm .tText{
					width:188px;
				}
				#top .secret{
					font-size:10px;
					margin-left:86px;
					margin-top:-10px;
				}
			
	#top .omakeArea{
		margin-top:33px;
		padding:0 25px;
		height:305px;
	}
		#top .omakeArea .newArea{
			margin-bottom:35px;
		}
		#top .omakeArea .newArea h3{
			font-size:14px;
			font-weight:normal;
			margin:0 35px 25px;
			
		}
			#top .newArea li{
				float:left;
				padding-right:5px;
			}
		
		#top .omakeArea .rankArea h3{
			font-size:14px;
			font-weight:normal;
			margin:0 35px 25px;
			
		}
			#top .rankArea li{
				display:inline;
				line-height:180%;
				margin-right:20px;
			}
				#top .rankArea a{
					font-size:10px;
				}
		#top .omakeArea .mirrorArea{
			margin-bottom:35px;
		}
		
		#top .omakeArea .mirrorArea h3{
			font-size:14px;
			font-weight:normal;
			margin:0 35px 25px;
			
		}
			#top .mirrorArea li{
				display:inline;
				list-style:url(/images/imgs/mirrorArea_list.gif) inside;
				line-height:180%;
				margin-right:20px;
			}
				#top .mirrorArea a{
					font-size:12px;
				}

		#top .omakeArea .adsArea h3{
			font-size:14px;
			font-weight:normal;
			margin:0 35px 25px;
			
		}
			#top .adsArea li{
				float:left;
				padding-right:5px;
			}
				
	#top .mobileArea{
	text-align:center;
	height:285px;
	}
		#top .mobileArea p{
			margin-bottom:20px;
		}
		
	#top #footer{
		height:160px;
		background:none;
	}
	#top #footer ul{
		padding-top:0;
	}


/*入学案内
----------------------------------------------*/
#guide #contents{
	text-align:center;
	margin:0 auto 55px;
}

	#guide #contents h3{
		margin-top:30px;
	}
		#guide #contents .outline p{
			padding:25px 90px 0;
			text-align:left;
			font-size:14px;
			line-height:2.5;
		}
			#guide #contents .member h3{
				margin-bottom:10px;
			}
			#guide #contents .member ul{
				display:block;
				position:relative;
				top:0;
				width:708px;
				height:409px;
				text-align:center;
				margin:0 auto;
			}
				#guide #contents .member li{
					line-height:0;
				}			
					#guide #contents .member li a{
						position:absolute;
						top:20px;
						height:380px;
					}
						#guide #contents .member li.n1 a{
							left:14px;
							width:100px;
						}
						#guide #contents .member li.n2 a{
							left:114px;
							width:150px;
						}
						#guide #contents .member li.n3 a{
							left:264px;
							width:160px;
						}
						#guide #contents .member li.n4 a{
							left:424px;
							width:140px;
						}
						#guide #contents .member li.n5 a{
							left:564px;
							width:130px;
						}
			

/*診断結果
----------------------------------------------*/
#result #contents{
	text-align:center;
	margin:0 auto 20px;
}
	#result #contents h3{
		font-size:24px;
	}
	
	#result #contents .resultArea{
		margin-top:30px;
		padding:0 0 0 46px;
	}	
		#result #contents .partBg{
			float:left;
			width:404px;
			background:url(/images/imgs/photo_partShadow.jpg) no-repeat left top;
		}
			#result #contents .part{
				margin:11px 17px 23px;
				background:url(/images/imgs/photo_partBg.jpg) no-repeat left top;
				height:540px;
			}
			#result #contents .partBg{
				float:left;
				width:404px;
				background:url(/images/imgs/photo_partShadow.jpg) no-repeat left top;
			}
				#result #contents .youResult{
					padding-top:120px;
					font-weight:bold;
					font-size:16px;					
				}
				#result #contents .partArea01{
					width:290px;
					margin:30px 0 0 60px;		
				}
					#result #contents .partArea01 .photo{
						float:left;
						width:102px;					
					}
					#result #contents .partArea01 .resultTitle{
						float:right;
						width:180px;					
					}
						#result #contents .partArea01 .youTitle{
							font-size:10px;
						}
						#result #contents .partArea01 .title a{
							display:block;
							font-size:20px;
							font-weight:bold;
							margin:20px 0 10px;
						}
						#result #contents .partArea01 .join{
							text-align:left;
							background:url(/images/imgs/arrow01.gif) no-repeat left center;
							padding-left:10px;
							margin-left:45px;
						}
				
				#result #contents .partArea02{
					width:310px;
					margin:20px 15px 0 35px;
					text-align:left;
				}
					#result #contents .partArea02 th.title01{
						font-size:14px;
						width:120px;
						color:#0000FF;
					}
					#result #contents .partArea02 th.title02{
						font-size:14px;
						width:120px;
						color:#000000;
					}
					#result #contents .partArea02 th.title03{
						font-size:14px;
						width:120px;
						color:#000000;
					}
					#result #contents .partArea02 th.title04{
						font-size:14px;
						width:120px;
						color:#000000;
					}
					#result #contents .partArea02 th.title05{
						font-size:14px;
						width:120px;
						color:#FF0000;
					}
					#result #contents .partArea02 th.title06{
						font-size:14px;
						width:120px;
						color:#FF0000;
					}
					#result #contents .partArea02 td.title01{
						font-size:14px;
						font-weight:bold;
						width:45px;
						color:#0000FF;
					}
					#result #contents .partArea02 td.title02{
						font-size:14px;
						font-weight:bold;
						width:45px;
						color:#000000;
					}
					#result #contents .partArea02 td.title03{
						font-size:14px;
						font-weight:bold;
						width:45px;
						color:#000000;
					}
					#result #contents .partArea02 td.title04{
						font-size:14px;
						font-weight:bold;
						width:45px;
						color:#000000;
					}
					#result #contents .partArea02 td.title05{
						font-size:14px;
						font-weight:bold;
						width:45px;
						color:#FF0000;
					}
					#result #contents .partArea02 td.title06{
						font-size:14px;
						font-weight:bold;
						width:45px;
						color:#FF0000;
					}
					
				#result #contents .partArea03{
					margin:20px 80px 0 0;
					line-height:1.2;
					text-align:right;
				}
			
			#result #contents .resultArea .sample{
				float:left;
				width:202px;
				padding-top:70px;
				padding-left:120px;
			}
	
		#result .resultChara{
			float:left;
			text-align:left;
			margin:10px 0 0 30px;
		}
		
		#result .resultChara #Shino{
			width:304px;
			padding-top:1px;
			background:url(/images/imgs/photo_resultCharaShino.jpg) no-repeat left top;
		}
		#result .resultChara #Tamako{
			width:304px;
			padding-top:1px;
			background:url(/images/imgs/photo_resultCharaTamako.jpg) no-repeat left top;
		}
		#result .resultChara #Maiko{
			width:304px;
			padding-top:1px;
			background:url(/images/imgs/photo_resultCharaMaiko.jpg) no-repeat left top;
		}
		#result .resultChara #Yuu{
			width:304px;
			padding-top:1px;
			background:url(/images/imgs/photo_resultCharaYuu.jpg) no-repeat left top;
		}
		#result .resultChara #Sumiko{
			width:304px;
			padding-top:1px;
			background:url(/images/imgs/photo_resultCharaSumiko.jpg) no-repeat left top;
		}
			#result .resultChara p{
				margin:15px 0 0 30px;
				width:220px;
				font-size:14px;
				line-height:1.8;
				height:395px;
			}
			#result .resultChara table{
				margin-left:50px;
			}
				#result .resultChara th{
					padding:3px 0 5px;
					width:30px;
				}
				#result .resultChara td, #result .resultChara td a{
					font-size:14px;
					line-height:1.8;
				}
				#result .resultChara td input{
					width:160px;
					height:20px;
				}
					#result .resultChara td .affiTitle, #result .resultChara td .affiTitle a{
						color:#ff8989;
					}
					#result .resultChara td .affiText, #result .resultChara td .affiText a{
						font-size:10px;
						line-height:1.4;
						color:#ff8989;
					}
		#result .resultErrorChara{
			float:left;
			text-align:left;
			margin:0 0 0 60px;
			width:309px;
			background:url(/images/photo_resultErrorChara.jpg) no-repeat left top;
		}
			#result .resultErrorChara p{
				margin:17px 0 0 22px;
				width:220px;
				font-size:14px;
				line-height:1.6;
				height:365px;
			}
			
		#result .resultErrorText{
			font-size:14px;
		}
		.resultErrorTable{
			text-align: center;
			margin:30px auto 0;
			font-size:14px;
		}
				
		#result .studentCard{
			height:279px;
			width:458px;
			margin:20px auto 0;
			background:url(/images/imgs/studentCard_bg.jpg) no-repeat center top;
		}
			#result .studentCard p{
				text-align:left;
				padding:150px 0 0 30px;
			}
			

/*学生証
----------------------------------------------*/
#blogpart #contents{
	margin:0 auto 55px;
}
	#blogpart #contents .blogphoto{
		float:left;
		width:214px;
	}
	#blogpart #contents .blogphoto img{
		display:block;
		margin-left:57px;
	}
	#blogpart #contents .start{
		float:right;
		width:490px;
	}
		#blogpart #contents .start .text{
			font-size:14px;
			margin-top:10px;
		}
		#blogpart #contents .start .chara{
			margin-top:20px;
			background:url(/images/imgs/photo_blogpartChara.jpg) no-repeat left top;
			height:282px;
		}
			#blogpart #contents .start .chara p{
				font-size:14px;
				padding:15px 0;
				margin:0 20px;
				width:170px;
				line-height:1.6;
			}
	#blogpart #contents .cord{
		margin-left:75px;
	}
	#blogpart #contents .cord p{
		font-size:16px;
		background:url(/images/imgs/thumbnail03.gif) no-repeat left center;
		padding-left:20px;
		margin-bottom:5px;
	}
	#blogpart #contents .cord textarea{
		font-size:16px;
		width:629px;
		height:117px;
		background:#EBEBE4;
	}


/*診断結果報告書
----------------------------------------------*/
#resultCard{
	text-align:left;
	background:none;
	margin:0;
	width:360px;
	height:480px;
	background:url(/images/resultCard_bg.jpg) no-repeat left top;
}
	#resultCard .part{
		padding:0 60px 0 53px;
	}
		#resultCard .partArea01{
			width:270px;
			padding-top:90px;
		}
			#resultCard .partArea01 .photo{
				float:left;
				width:77px;					
			}
			#resultCard .partArea01 .resultTitle{
				float:right;
				width:160px;					
			}
				#resultCard .partArea01 .youTitle{
					text-align:center;
					font-size:10px;
					margin-top:15px;
				}
				#resultCard .partArea01 .title a{
					text-align:center;
					display:block;
					font-size:20px;
					font-weight:bold;
				}
		
		#resultCard .partArea02{
			width:280px;
			margin:15px 0 0;
		}
			#resultCard .partArea02 th{
				font-size:12px;
				width:105px;
			}
			#resultCard .partArea02 td.title01{
				font-size:12px;
				font-weight:bold;
				width:40px;
				color:#007272;
			}
			#resultCard .partArea02 td.title02{
				font-size:12px;
				font-weight:bold;
				width:40px;
				color:#FF7272;
			}
			#resultCard .partArea02 td.title03{
				font-size:12px;
				font-weight:bold;
				width:40px;
				color:#007272;
			}
			#resultCard .partArea02 td.title04{
				font-size:12px;
				font-weight:bold;
				width:40px;
				color:#FF0000;
			}
			#resultCard .partArea02 td.title05{
				font-size:12px;
				font-weight:bold;
				width:40px;
				color:#FF0000;
			}
		#resultCard .partArea03 p{
			margin:30px 0 0 40px;
			text-align:left;
		}


/*薔薇の鏡
----------------------------------------------*/
#mirror #contents{
	text-align:center;
	margin:0 auto 20px;
}
	#mirror #contents .resultMirror{
		background:url(/images/imgs/photo_mirrorBg.jpg) no-repeat center top;
		height:597px;
		padding:0 160px;
		text-align:left;
	}
		#mirror #contents .resultMirror p{
			padding:20px 52px 0;
			font-size:14px;
			line-height:2;
		}
			#mirror #contents .resultMirror .balloon p{
				padding:15px 43px 0;
				font-size:14px;
				line-height:1.7;
			}		
			#mirror #contents .resultMirror .balloon .stext{
				font-size:10px;
				color:#FF7272;
			}		

		#mirror #contents .resultMirror form{
			margin:120px 0 0 90px;
			vertical-align:middle;
		}
		
		#mirror #contents .resultMirror input.fText{
			width:160px;
			height:23px;
			padding-top:7px;
			vertical-align:middle;
		}
		
		#mirror #contents .resultMirror input.fButton{
			vertical-align:middle;
		}
		
		#mirror #contents .face{
			padding:5px 40px 0 60px;
		}
			#mirror #contents .face p{
				display:inline;
				text-align:left;
				padding:0;
				line-height:1.2;
			}
				#mirror #contents .face .facePowered{
					font-size:10px;
					margin-left:10px;
				}
			
			#mirror #contents .face ul{
				line-height:1;
			}
				#mirror #contents .face li{
					display:inline;
				}
					#mirror #contents .face li a{
						font-size:10px;
						color:#FF7272;
						line-height:1;
					}
				#mirror #contents .face .mirrorImg{
					text-align:center;
					padding-right:20px;
					margin:12px auto 5px;
					display:block;
				}
				#mirror #contents .face .choice{
					text-align:center;
					padding-right: 20px;
					margin:0 auto 10px;
				}

/*その他
----------------------------------------------*/
#default #contents{
	text-align:left;
	margin:0 auto 20px;
	padding:0 50px;
}

	#default #contents li,
	#default #contents p{
		margin-bottom:2em;
		line-height:2;
	}
		#default #contents li ul li{
			margin-bottom:0;
		}

	#default .notes li{
		list-style-type:decimal;
		list-style-position: inside;
	}

		#default .notes li li{
			list-style:inside disc ;
		}




/* 回り込み解除メモ
--------------------*/

.floatClear:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.floatClear{display: inline-block;}
 /* Hides from IE-mac \*/
* html .floatClear{height: 1%;}
.floatClear{display: block;}
 /* End hide from IE-mac */

/* clear:left */
.floatClearL:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: left; 
	visibility: hidden;
}
.floatClearL{display: inline-block;}
 /* Hides from IE-mac \*/
* html .floatClearL{height: 1%;}
.floatClearL{display: block;}
 /* End hide from IE-mac */