@charset "UTF-8";
/* ======================================================= *//* 
Style Name: top.css
Style URI: css/top.css
Description: BuildingRef/templates/TextList.tplの独自css
Version: 1.0
Last Up Date: 070301
Suggested order:各要素の指定は以下の順に記述して下さい。
	1. 視覚整形モデル
		display
		list-style
		position
		float
		clear
	2. ボックスモデル
		width
		height
		margin
		padding
		border
	3. 背景と前景
		background
	4. フォントとテキスト
		color
		font
		text-decoration
		text-align
		vertical-align
		white-space
		other text
	5. 生成内容	
		content
Reference:基本フォント14px相当の場合の指定比率
/* 142.86%　/* 20px相当 */
/* 128.57%　/* 18px相当 */
/* 114.29%　/* 16px相当 */
/* 100.00%　/* 14px相当 */
/* 85.71%　/* 12px相当 */
/* 71.43%　/* 10px相当 */
/* 57.14%　/* 8px相当 */
/* 42.86%　/* 6px相当 */
/*
/* ======================================================= */

/* ----------------------------------------
　パーツcssの読み込み
* ---------------------------------------- */
/* div#categoryMenu
 * ---------------------------------------- */
@import url("categoryMenu.css");


/* ----------------------------------------
　ヘッダーグローバルメニューの現在地表示
* ---------------------------------------- */
@import url("header_top.css");


/* ----------------------------------------
　カラムレイアウト
* ---------------------------------------- */
/*
div#body div#wrapper {
	float:left;
	width:760px;
	}
*/
div#body div#primary {

float:left;
	margin-left:0px;
	margin-bottom:50px;
	padding-top:10px;
	width:760px;
	}
/*
div#secondary {
	position:absolute;
	top:110px;
	width:181px;
	}
*/
div#body div#tertiary {
padding-top:10px;
	float:right;
	width:181px;
	}



/* ----------------------------------------
　div#primary
* ---------------------------------------- */
div#primary .group {
	clear:both;
	margin-bottom:15px;
	}


/* p#siteImg
 * ---------------------------------------- */
div#siteImg {
	border:1px solid #b6b1ad;
	}
div#siteImg div {
	position:relative;
	width:568px;
	height:195px;
	background-image:url(../images/top/siteImg_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
div#siteImg div h3 {
	position:absolute;
	top:28px;
	left:34px;
	width:159px;
	height:40px;
	}
div#siteImg div ul {
	position:absolute;
	top:82px;
	left:34px;
	width:159px;
	height:93px;
	}
div#siteImg div ul li {
	display:inline;
	}

/* div#pickUp
 * ---------------------------------------- */
div#pickUp {
	margin-top:-5px;
	}
div#pickUp .unit {
	float:left;
	width:274px;
	margin:0 4px 10px 4px;
	background-image:url(../images/top/pickup_bg_mid.gif);
	background-position:left;
	background-repeat:repeat-y;
	}
div#pickUp .unit table.thumbnail {
	position:absolute;
	width:150px;
	height:150px;
	text-align:center;
	}
div#pickUp .unit table.thumbnail a img {
	border:1px solid #007efe;
	}
div#pickUp .unit table.thumbnail a:hover img {
	border-color:#cc0000;
	}
div#pickUp .unit h3 {
	padding:0 0 6px 150px;
	height:55px;
	background-image:url(../images/top/pickup_bg_top.gif);
	background-position:top;
	background-repeat:no-repeat;
	font-weight:bold;
	}
div#pickUp .unit h3 img {
	margin-bottom:5px;
	}
div#pickUp .unit h3 span {
	font-size:83.33%;/*10px相当*/
	}
div#pickUp .unit p.text {
	padding-left:150px;
	height:90px;
	background-image:url(../images/top/pickup_bg_bot.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:85.71%;/* 12px相当 */
	}

/* css3草案の要素を部分的に使用。
シングルバイトの連続でも改行する
IE6、IE7のみ適用 */
/* IE7用 */
*+html div#pickUp .unit p.text {
	word-wrap:break-word;
	}
/* IE6用 */
* html div#pickUp .unit p.text {
	word-wrap:break-word;
	}
div#pickUp .unit p.text a {
	display:block;
	margin-bottom:5px;
	padding-top:8px;
	padding-left:8px;
	background-image:url(../images/top/pickup_a_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}

/* div#search
 * ---------------------------------------- */
div#search {
	background-color:#f4f2ec;
	border:1px solid #d7d7d7;
	}
div#search div.unit {
	position:relative;
	}
div#search div.unit h2 {
	margin-bottom:6px;
	}
div#search div.unit div.parts {
	margin-left:24px;
	padding:8px 10px;
	margin-bottom:10px;
	width:425px;
	background-color:#e7e3d5;
	}
div#search div.unit div.parts fieldset label img {
	vertical-align:middle;
	}
div#search div.unit div.parts fieldset {
	display:inline;
	margin-left:10px;
	padding:2px 0;
	}
div#search div.unit div.parts input#textErea {
	width:250px;
	}
div#search div.unit select option {
	padding-left:3px;
	}
div#search div.unit select optgroup {
	margin:0;
	padding:0;
	font-style:italic;
	font-weight:bold;
	}
div#search div.unit select optgroup option {
	margin:0;
	padding:0;
	font-style:normal;
	text-indent:1em;
	}
div#search div.unit input.button {
	position:absolute;
	top:33px;
	margin-left:480px;
	}
div#search div#searchSimple input.button {
	top:50px;
	}
div#search ul {
	margin-left:24px;
	padding-bottom:5px;
	width:450px;
	text-align:right;
	}
div#search ul li {
	display:inline;
	margin-left:18px;
	background-image:url(../images/arrow_circle_r_r.gif);
	background-position:left 52%;
	background-repeat:no-repeat;
	padding:2px 0 2px 18px;
	}
div#search ul li a {	
	font-size:85.71%;/* 12px相当 */
	}

/* div#topics
 * ---------------------------------------- */
div#topics {
	}
div#topics h2 {
	margin-bottom:8px;
	}
div#topics ul {
	margin-bottom:10px;
	}
div#topics ul li {
	margin-left:15px;
	padding-left:12px;
	margin-bottom:5px;
	background-image:url(../images/arrow_triangle_r_r.gif);
	background-position:left 6px;
	background-repeat:no-repeat;
	}


/* div#special
 * ---------------------------------------- */
div#special {
	}
div#special h2 {
	margin-bottom:6px;
	}	
div#special div {
	float:left;
	width:184px;
	height:82px;
	margin-bottom:10px;
	background-position:top left;
	background-repeat:no-repeat;
	}
div#special div#specialNow {
	margin-left:8px;
	background-image:url(../images/top/specialNow_bg.gif);
	}
div#special div#specialHigh {
	background-image:url(../images/top/specialHigh_bg.gif);
	}
div#special div#specialNew {
	background-image:url(../images/top/specialNew_bg.gif);
	}
div#special div h3 {
	margin-left:61px;
	margin-top:7px;
	}
div#special div p {
	margin-left:61px;
	}



/* div#ranking
 * ---------------------------------------- */
div#ranking {
	position:relative;
	background-image:url(../images/top/ranking_bg_mid.gif);
	background-position:center;
	background-repeat:repeat-y;
	}
div#ranking h2 {
	margin-left:-1px;
	}
div#ranking p#priod {
	position:absolute;
	left:212px;
	top:7px;
	font-size:85.71%;/* 12px相当 */
	}
div#ranking div {
	width:530px;
	margin-left:18px;
	padding-bottom:15px;
	background-color:#ffffff;
	}
div#ranking div h3 {
	margin-left:23px;
	padding-top:14px;
	padding-bottom:5px;
	}
div#ranking div dl {
	clear:both;
	margin-left:23px;
	min-height:23px;
	}
div#ranking div dl dt,
div#ranking div dl dd {
	float:left;
	}
div#ranking div dl dd{
	margin-top:6px;
	}
div#ranking p.unit {
	margin-top:8px;
	padding:0 23px;
	height:22px;
	background-image:url(../images/top/ranking_bg_bot.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:right;
	}
div#ranking p a {
	margin-top:5px;
	padding:2px 0 2px 18px;
	background-image:url(../images/arrow_circle_r_r.gif);
	background-position:left 54%;
	background-repeat:no-repeat;
	font-size:85.71%;/* 12px相当 */
	}


/* ----------------------------------------
　div#secondary
* ---------------------------------------- */	
div#secondary .group {
	margin-bottom:10px;
	}

/* ----------------------------------------
　div#tertiary
* ---------------------------------------- */	
div#tertiary .group {
	margin-bottom:10px;
	}

/* p#add02
 * ---------------------------------------- */
p#add02 {
	margin-top:10px;
	}

/* div#links
 * ---------------------------------------- */
div#links {
	padding:0;
	background-image:url(../images/top/inks_bg_mid_b.gif);
	background-position:left;
	background-repeat:repeat-y;
	font-size:85.71%;/* 12px相当 */
	}
div#links div.unit {
	background-repeat:no-repeat;
	}
div#links div.unit .parts {
	padding-left:13px;
	padding-right:13px;
	}
div#links div.unit p {
	margin-top:3px;
	margin-bottom:8px;
	line-height:130%;
	}
div#links div.unit ul {
	padding-bottom:13px;
	background-image:url(../images/top/links_bg_bot_b.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
div#links div#sale {
	background-image:url(../images/top/sale_bg.gif);
	}
div#links div#sale ul li {
	margin-left:17px;
	}
div#links div#info {
	background-image:url(../images/top/info_bg.gif);
	}
div#links div#info ul li {
	padding:3px 3px 3px 18px;
	background-image:url(../images/arrow_circle_r_r.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	}
div#links div#knowledge {
	background-image:url(../images/top/knowledge_bg.gif);
	}
div#links div#knowledge ul li {
	padding:2px 2px 4px 18px;
	background-image:url(../images/arrow_circle_r_r.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	}
div#dial {
	margin-top:-10px;
	padding-bottom:13px;
	background-image:url(../images/top/links_bg_bot_g.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
div#about {
	margin-top:-10px;
	background-image:url(../images/top/inks_bg_mid_g.gif);
	background-position:left;
	background-repeat:repeat-y;
	}
div#about {
	background-image:url(../images/top/inks_bg_mid_g.gif);
	background-position:left;
	background-repeat:repeat-y;
	}
div#about ul {
	padding-left:13px;
	padding-right:13px;
	padding-bottom:13px;
	background-image:url(../images/top/links_bg_bot_g.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}	
div#about ul li {
	padding:1px 0 3px 18px;
	margin-bottom:2px;
	background-image:url(../images/arrow_circle_r_r.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	font-size:85.71%;/* 12px相当 */
	}

/* div#verisign
 * ---------------------------------------- */
div#verisign {
	padding:10px;
	border:1px solid #cccccc;
	text-align:center;
	}
div#verisign p {
	margin-top:5px;
	text-align:left;
	font-size:71.43%;/*10px相当*/
	}

/* div#trust
 * ---------------------------------------- */
div#trust {
	padding:10px;
	border:1px solid #cccccc;
	text-align:center;
	}
div#trust p {
	margin-top:10px;
	text-align:left;
	font-size:71.43%;/*10px相当*/
	}