@charset "utf-8";
/*index===================================
commonLayout

_1. page title
_2. text area
  2_1. container
  2_2. vol.10 personal statement
  2_3. photo setup
  2_4. individual phot style
  2_5. sugao menue
  2_6. bottom navi

=========================================*/

/*=========================================
_1. page title
=========================================*/

div#main h2.page-title{
	height:110px;
	background:url(../true-face/image/page_title.jpg) no-repeat;
	}

/*=========================================
_2. text area
=========================================*/

/*_2-1. container*/

div#text-area {
	background:url(../common/text_area_bg.gif) repeat-y;
	}

/*_2-2. vol.10 personal statement*/

#main p.name-right{
	padding:0 20px 0 0;
	margin:0;
	text-align:right;
	}

#main p.name{
	clear:both;
	width:535px;
	font-size:14px;
	border-top:2px dotted #999;
	line-height:1.5em;
	margin:2em 0 0 20px;
	padding:1em 0 0 0;
	text-indent:0;
	}

/*_2-2. photo setup*/

#photo{
	margin:1.5em 1em 0.5em 20px;
	padding:5px;
	text-align:left;
	border:1px solid #CCC;
	}
*html #photo{
	margin:1.5em 1em 0.5em 10px;
	}

div#caption{
	display:block;
	font-size:12px;
	line-height:1.35em;
	margin:0;
	padding:5px 0 0 0;
	text-indent:0em;
	}

/*_2-3. individual photo style*/

.vol-01-01{
	float:left;
	width:200px;
	}

.vol-02-01{
	float:left;
	width:300px;
	}
	
.vol-03-01{
	float:left;
	width:300px;
	}
	
.vol-03-02{
	float:left;
	width:200px;
	}
	
.vol-04-01 ,.vol-04-02 ,.vol-04-03{
	float:left;
	width:150px;
	}
	
.vol-05-01 ,.vol-05-02{
	float:left;
	width:300px;
	}
	
.vol-06-01{
	clear:both;
	width:525px;
	}
	
.vol-06-02{
	float:right;
	width:200px;
	}

.vol-06-03{
	float:left;
	width:300px;
	}	

.vol-07-01, .vol-07-02{
	float:left;
margin-left:10px;
	width:250px;
	}

.vol-08-01{
	float:left;
	width:525px;
	}	
	
.vol-09-01 ,.vol-09-02{
	float:left;
	width:250px;
	}
	
.vol-10-01 ,.vol-10-02{
	float:left;
	width:300px;
	}
	
#text-area div#menu{
	float:left;
	clear:both;
	width:535px;
	margin:2em 0 2em 20px;
	border:1px solid #CCC;
	background:#E6E6E6;
	}

*html #text-area div#menu{
	margin:2em 0 2em 10px;
	}

/*_2-4. sugao menue*/

#text-area div#menu dl{
	width:533px;
	height:25px;
	color:#666;
	margin:0;
	padding:0;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	background:url(../true-face/image/menu_bg.jpg) repeat-x;
	}

#text-area div#menu dt{
	float:left;
	clear:left;
	width:72px;
	height:16px;
	font-size:12px;
	font-weight:bold;
	color:#808080;
	text-align:center;
	margin:0;
	padding:4px 0 0 0;

	border-right:1px solid #CCC;
	}

#text-area div#menu dd{
	float:left;
	display:block;
	width:449px;
	height:21px;
	font-size:12px;
	margin:0;
	padding:4px 0 0 10px;
	 }
	 
#text-area div#menu dd a{
text-decoration:none;
	 }
	 
#text-area div#menu dd a:hover{
text-decoration:underline;
	 }
#text-area div#menu dl#page-on{
	background:url(../true-face/image/menu_on_bg.jpg) repeat-x;
	}
#text-area div#menu dl#page-on dt, #text-area div#menu dl#page-on dd{
	color:#FFF;
	font-weight:bold;
	}

/*_2-4. bottom navi*/

#text-area div#bottom-navi{
	display:block;
	clear:both;
	width:555px;
	height:50px;
	font-weight:bold;
	color:#999;
	margin:2em 0 0 0;
	padding:0 20px 0 0;
	background:#333 url(../common/entry_foot_bg.jpg) no-repeat;
	text-align:right;
	text-indent:0em;
	}

#text-area div#bottom-navi a{
	color:#999;
	}