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

_1. page title
_2. text area
  2_1. container
  2_2. block common style
  2_3. block individual style

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

/*=========================================
_1. page title
=========================================*/
#main h1.page-title{
	background:url(../friends/image/page_title.jpg) no-repeat;
	}

#main h2.page-title{
	background:url(../friends/image/page_title.jpg) no-repeat;
	}

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

/*_2-1. container*/

div#text-area {
clear:both;
display:block;
	width:600px;
	margin:0 0 0 20px;
padding: 0;
	}
/*_2-2. block common style*/

div#text-area p{
	margin:0;
	padding:0;
	font-size:12px;
	text-indent:0em;
	}
div#text-area div#box{
	float:left;
	display:block;
	width:280px;
	height:13em;
	padding:1em 0 0 0;
	margin:0;
padding-right:15px;
	}

	
div#box div#box-right {
	float:left;
	width:170px;
	margin:0 0 0 10px;
	padding:0;
	}

div#text-area h3{
	display:block;
	width:170px;
	height:25px;
	margin:0 0 10px 0;
	padding:0;
	background:none;
	text-indent:-10000em;
	}

div#text-area h2{
	display:block;
	width:170px;
	height:25px;
	margin:0 0 10px 0;
	padding:0;
	background:none;
	text-indent:-10000em;
	}

div#box-left ul, div#box-left li{
	margin:0;
	padding:0;
	}
	
div#box-left li{
	margin:0;
	padding:0 0 0.5em 1em;
	font-size:10px;
	line-height:1.25em;
	background:url(../friends/image/arrow.gif) no-repeat;
	}

div#box div#box-left {
	float:left;
	width:90px;
	margin:0;
	padding:0;
	}

div#text-area span{
	display:block;
	width:90px;
	margin:0 0 5px 0;
	padding:0;
	}

/*_2-3. block individual style*/
	
div#text-area h3.name01{
	background:url(../friends/image/name01.gif) no-repeat;
	}

div#text-area h3.name02{
	background:url(../friends/image/name02.gif) no-repeat;
	}
div#text-area h3.name03{
	background:url(../friends/image/name03.gif) no-repeat;
	}
	
div#text-area h3.name04{
	background:url(../friends/image/name04.gif) no-repeat;
	}
	
div#text-area h3.name05{
	background:url(../friends/image/name05.gif) no-repeat;
	}
	
div#text-area h3.name06{
	background:url(../friends/image/name06.gif) no-repeat;
	}
	
div#text-area h2.name01{
	background:url(../friends/image/name01.gif) no-repeat;
	}

div#text-area h2.name02{
	background:url(../friends/image/name02.gif) no-repeat;
	}
div#text-area h2.name03{
	background:url(../friends/image/name03.gif) no-repeat;
	}
	
div#text-area h2.name04{
	background:url(../friends/image/name04.gif) no-repeat;
	}
	
div#text-area h2.name05{
	background:url(../friends/image/name05.gif) no-repeat;
	}
	
div#text-area h2.name06{
	background:url(../friends/image/name06.gif) no-repeat;
	}