@charset "UTF-8";

/*=============================================================
	URI: http://www.tokyo-menkyo.or.jp/
	Created: 2008.06
	Modified: 2010.11
	Author: wan55. yuko aono
=============================================================*/
@import url("init.css");
@import url("common.css");
@import url("module.css");

/*========================Contents=============================
	01) Main Contents
	  01-1) Title
	  01-2) Container
	  01-3) Page Top
	  
	02) Side Contents
	  02-1) Beginners
	  02-2) Information
      
	99) Clear
=============================================================*/
/*-------------------------------------------------------------
	01) Main Contents
-------------------------------------------------------------*/
#mainContents {
	float: left;
	width: 657px;
}

/* 01-1) Title
-------------------------------------------------------------*/
.title {
	position: relative;
	margin-left: 14px;
	width: 637px;
	line-height: 1.3;
}

/* -- title image -- */
.search {
	height: 55px;
	background: transparent url(../../images/title/title_h2_search.gif) left 1px no-repeat;
}

.basic {
	height: 69px;
	background: transparent url(../../images/title/title_h2_basic.gif) left top no-repeat;
}

.mic {
	height: 66px;
	background: transparent url(../../images/title/title_h2_mic.gif) left top no-repeat;
}

.mic2 {
	height: 66px;
	background: transparent url(../../images/title/title_h2_mic2.gif) left top no-repeat;
}

/* -- //title image -- */


/* -- h1 -- */
.title h1 {
	padding: 16px 0 0 53px;
	font-weight: bold;
	font-size: 16px;
	color: #338f04;
	letter-spacing: 1px;
}

* html .title h1 {font-size: 130%;} /* IE6 */
*:first-child+html .title h1 {font-size: 130%;} /* IE7 */


.title h1 a {
	color: #338f04;
	text-decoration: none;
}

.title h1 a:hover {text-decoration: underline;}

.title h1#twoLines {padding: 12px 0 0 53px;}

/* -- //h1 -- */

/* -- h2 -- */
.title h2 {
	padding: 12px 0 0 53px;
	font-weight: bold;
	font-size: 16px;
	color: #338f04;
}

* html .title h2 {font-size: 135%;} /* IE6 */
*:first-child+html .title h2 {font-size: 135%;} /* IE7 */

.title h2 span {
	font-size: 14px;
	color: #666666;
}

* html .title h2 span {font-size: 85%;} /* IE6 */
*:first-child+html .title h2 span {font-size: 85%;} /* IE7 */
/* -- //h2 -- */

/* -- h3 p -- */
.title h3,
.title p {
	padding-left: 53px;
	font-size: 10px;
	color: #666666;
}

* html .title h3,
* html .title p {font-size: 80%;} /* IE6 */
*:first-child+html .title h3,
*:first-child+html .title p {font-size: 80%;} /* IE7 */
/* -- //h3 p -- */


.title .btn {
	position: absolute;
	top: 20px;
	right: 10px;
}


/* 01-2) Container
-------------------------------------------------------------*/
#container {
	margin-left: 14px;
	padding-bottom: 30px;
	width: 635px;
	background: #f3f1f1 url(../../images/shared/bg_container.gif) left top repeat-x;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

/* 01-3) Page Top
-------------------------------------------------------------*/
#pageTop {
	margin-left: 14px;
	width: 637px;
	padding-top: 8px;
	background: transparent url(../../images/shared/bg_container2_bottom.gif) left top no-repeat;
	text-align: right;
}

#pageTop p a {
	padding: 0 17px 0 12px;
	background: transparent url(../../images/icon/arrow_gray_top.gif) left top no-repeat;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}

* html #pageTop p a {font-size: 80%;} /* IE6 */
*:first-child+html #pageTop p a {font-size: 80%;} /* IE7 */

#pageTop p a:hover {text-decoration: underline;}

/*-------------------------------------------------------------
	02) Side Contents
-------------------------------------------------------------*/
#sideContents {
	float: left;
	width: 286px;
}

.banner { margin: 22px 0 -15px 2px;}
.banner1 { margin: 16px 0 -15px 2px;}
.banner2 { margin: 40px 0 -15px 2px;}
.present {margin: 22px 0 0 2px;}

#sideContents h2 {margin-top: 15px;}


/* 02-1) Beginners
-------------------------------------------------------------*/
#beginners {
	padding-top: 10px;
	padding-bottom: 2px;
	width: 280px;
	background: transparent url(../../images/shared/bg_side.gif) left bottom no-repeat;
}

#beginners h2 {margin-bottom: 10px;}

#beginners dl {
	margin-left: 10px;
	margin-bottom: 10px;
	width: 260px;
}

#beginners dt {
	float: left;
	width: 91px;
}

#beginners dt img {border: 1px solid #bbbbbb;}

#beginners dt a:hover img {border: 1px solid #006600;}

#beginners dd {
	float: right;
	width: 169px;
}

#beginners dd h3 a {
	padding-right: 17px;
	background: transparent url(../../images/icon/arrow_green_m.gif) right top no-repeat;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

#beginners dd h3 a:hover {text-decoration: underline;}

#beginners .dotLine {margin: 10px;}


/* 02-2) Information
-------------------------------------------------------------*/
.information {
	padding: 10px 0 5px;
	width: 280px;
	background: transparent url(../../images/shared/bg_side.gif) left bottom no-repeat;
}

.information div,
.information h3,
.information p { padding: 0 10px;}

.information div {
	margin-bottom: 5px;
	text-align: center;
}

.information div a img { border: 1px solid #cccccc;}
.information div a:hover img {border: 1px solid #006600;}

.information h3 a {
	padding-right: 17px;
	background: transparent url(../../images/icon/arrow_green_m.gif) right top no-repeat;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}

.information h3 a:hover {text-decoration: underline;}



/*-------------------------------------------------------------
	99) Clear
-------------------------------------------------------------*/
#contentsArea:after,
#beginners dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contentsArea,
#beginners dl {display: inline-block;}

/* exclude MacIE5 \*/
* html #contentsArea,
* html #beginners dl {height: 1%;}
#contentsArea,
#beginners dl {display: block;}
/* end MacIE5 */