@charset "utf-8";

/* ------------------------------------------------------------------------------
	CSS Information

	Style Info   : レイアウト設定
	note         : サイト全体に適用

	contents	 : 1.ページ全体設定

				   2.header
				 	 2-1.メールアドレス、パスワード入力欄
					 2-2.挨拶欄、アカウント名
					 2-3.ツールメニュー

				   3.コンテンツ枠
					 3-1.左メニュー（ログイン前 PRエリア）
					 3-2.左メニュー（検索項目一覧）

				   4.フッター

------------------------------------------------------------------------------ */

/*
  1.ページ全体設定
-------------------------------------------------------------------------*/
html{
	height: 100%;
}
body{
	height: 100%;
	background: url(../images/bg_all03.gif) repeat left top;
}

div#container{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin:0 auto 0;
	background: url(../images/bg_all01.jpg) repeat-x left top;
}

body > div#container{
	height: auto;
}


/*
  2.header
-------------------------------------------------------------------------*/
div#header{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 15px 0 15px 0;
}

div#header h1{
	width: 200px;
	height: 56px;
	padding: 0 0 19px 0;
	background: url(../images/bg_logo.jpg) no-repeat left bottom;
}

/*
  2-1.メールアドレス、パスワード入力欄
------------------------------------------- */
div#header table#loginMenu{
	position: absolute;
	top: 15px;
	right: 0px;
	width: 555px;
}

div#header table#loginMenu th.login,
div#header table#loginMenu th.pass{
	width: 210px;
	height: 22px;
}

div#header table#loginMenu td.mail,
div#header table#loginMenu td.pass{
	vertical-align: top;
	width: 202px;
	height: 30px;
	padding: 0 0 0 8px;
	background: url(../images/bg_login01.gif) no-repeat left bottom;
}
div#header table#loginMenu td.mail input,
div#header table#loginMenu td.pass input{
	width: 165px;
	padding: 3px 5px 3px 5px;
	border: solid 1px #0160AD;
}
* html div#header table#loginMenu td.mail input,
* html div#header table#loginMenu td.pass input{
	padding: 2px 5px 2px 5px;
}

div#header table#loginMenu td.loginBtn{
	vertical-align: top;
	width: 134px;
	padding: 11px 0 0 1px;
}

div#header table#loginMenu td.remind{
	padding: 8px 17px 0 0;
	text-align: right;
	font-size: 10px;
}
div#header table#loginMenu td.remind a{
	color: #46C8D7;
}

/*
  2-2.挨拶欄、アカウント名
------------------------------------------- */
div#header div#accountInfo{
	position: absolute;
	top: 8px;
	right: 0px;
	overflow: hidden;
}

* html div#header div#accountInfo{
	height: 1%;
}

div#header div#accountInfo p{
	float: left;
	width: auto;
	color: #46C8D7;
}

div#header div#accountInfo p.message,
div#header div#accountInfo p.name{
	font-weight: bold;
}

div#header div#accountInfo p.message{
	padding: 0 10px 0 0;
}

/*
  2-3.ツールメニュー
------------------------------------------- */
div#header ul#toolMenu{
	position: absolute;
	top: 41px;
	right: 0px;
	width: auto;
/*	width: 592px;*/
	height: 50px;
	overflow: hidden;
}
* html div#header ul#toolMenu{  
	height: 1%;
}

div#header ul#toolMenu li{
	float: left;
	height: 50px;
	padding: 0 10px 0 0;
	text-indent: -9999px;
}
div#header ul#toolMenu li a{
	display: block;
	height: 50px;
}

div#header ul#toolMenu li.export,
div#header ul#toolMenu li.export a{
	width: 80px;
}
div#header ul#toolMenu li.export a{
	background: url(../images/bg_toolMenu.gif) no-repeat 0 0;
}
div#header ul#toolMenu li.export a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat 0 -50px;
}

div#header ul#toolMenu li.search,
div#header ul#toolMenu li.search a{
	width: 70px;
}
div#header ul#toolMenu li.search a{
	background: url(../images/bg_toolMenu.gif) no-repeat -90px 0;
}
div#header ul#toolMenu li.search a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat -90px -50px;
}

div#header ul#toolMenu li.conditionSave,
div#header ul#toolMenu li.conditionSave a{
	width: 82px;
}
div#header ul#toolMenu li.conditionSave a{
	background: url(../images/bg_toolMenu.gif) no-repeat -170px 0;
}
div#header ul#toolMenu li.conditionSave a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat -170px -50px;
}

div#header ul#toolMenu li.conditionList,
div#header ul#toolMenu li.conditionList a{
	width: 85px;
}
div#header ul#toolMenu li.conditionList a{
	background: url(../images/bg_toolMenu.gif) no-repeat -262px 0;
}
div#header ul#toolMenu li.conditionList a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat -262px -50px;
}

div#header ul#toolMenu li.config,
div#header ul#toolMenu li.config a{
	width: 92px;
}
div#header ul#toolMenu li.config a{
	background: url(../images/bg_toolMenu.gif) no-repeat -357px 0;
}
div#header ul#toolMenu li.config a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat -357px -50px;
}

div#header ul#toolMenu li.help,
div#header ul#toolMenu li.help a{
	width: 53px;
}
div#header ul#toolMenu li.help a{
	background: url(../images/bg_toolMenu.gif) no-repeat -459px 0;
}
div#header ul#toolMenu li.help a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat -459px -50px;
}

div#header ul#toolMenu li.logout{
	width: 70px;
	padding: 0 0 0 0;
}
div#header ul#toolMenu li.logout a{
	width: 70px;
}
div#header ul#toolMenu li.logout a{
	background: url(../images/bg_toolMenu.gif) no-repeat -522px 0;
}
div#header ul#toolMenu li.logout a:hover{
	background: url(../images/bg_toolMenu.gif) no-repeat -522px -50px;
}


/*
  3.コンテンツ枠
-------------------------------------------------------------------------*/
/* 1カラム用 */
div#content{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 100px 0;
}
div#content div#main{
	width: 960px;
}

/* 2カラム用 */
div#contents{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	overflow: hidden;
}
div#contents div#main{
	float: right;
	width: 780px;
}

/*
  3-1.左メニュー
  （ログイン前PRエリア）
------------------------------------------- */
div#contents div#prArea{
	float: left;
	width: 160px;
}
div#contents div#prArea iframe{
	width: 160px;
	height: 750px;
	border: none;
	overflow: auto;
}

/*
  3-2.左メニュー
  （検索項目一覧）
------------------------------------------- */
div#contents div#comparingMenu{
	float: left;
	width: 160px;
}

/* 汎用 */
div#comparingMenu ul{
	width: 160px;
}
div#comparingMenu h2{
	height: 24px;
}
div#comparingMenu ul.subMenu{
	width: 140px;
	margin: 0 auto;
}

div#comparingMenu ul.subMenu li,
div#comparingMenu ul.subMenu li a{
	display: block;
	width: 140px;
	height: 23px;
	text-indent: -9999px;
}

/* threeKeywords */
div#comparingMenu li#threeKeywords{
	line-height:1.0;
	height: 63px;
	margin: 0 0 10px 0;
	background:url(../images/bg_comparingMenu.gif) no-repeat left top;
}
div#comparingMenu li#threeKeywords ul.subMenu{
	margin: 5px auto 0;
}
div#comparingMenu li#threeKeywords li.keyword a{
	background:url(../images/bg_comparingMenu.gif) no-repeat -10px -29px;
}
div#comparingMenu li#threeKeywords li.keyword,
div#comparingMenu li#threeKeywords li.keyword a:hover{
	background:url(../images/bg_comparingMenu.gif) no-repeat -176px -29px;
}

/* oneKeyword */
div#comparingMenu li#oneKeyword{
	height: 132px;
	margin: 0 0 10px 0;
	background:url(../images/bg_comparingMenu.gif) no-repeat left -71px;
}
div#comparingMenu li#oneKeyword ul.subMenu{
	margin: 2px auto 0;
}
div#comparingMenu li#oneKeyword ul.subMenu li{
	margin: 0 0 1px 0;
}

div#comparingMenu li.term a{
	background:url(../images/bg_comparingMenu.gif) no-repeat -10px -97px;
}
div#comparingMenu li.term,
div#comparingMenu li.term a:hover{
	background:url(../images/bg_comparingMenu.gif) no-repeat -176px -97px;
}
div#comparingMenu li.media a{
	background:url(../images/bg_comparingMenu.gif) no-repeat -10px -121px;
}
div#comparingMenu li.media,
div#comparingMenu li.media a:hover{
	background:url(../images/bg_comparingMenu.gif) no-repeat -176px -121px;
}
div#comparingMenu li.gender a{
	background:url(../images/bg_comparingMenu.gif) no-repeat -10px -145px;
}
div#comparingMenu li.gender,
div#comparingMenu li.gender a:hover{
	background:url(../images/bg_comparingMenu.gif) no-repeat -176px -145px;
}
div#comparingMenu li.reputation a{
	background:url(../images/bg_comparingMenu.gif) no-repeat -10px -169px;
}
div#comparingMenu li.reputation,
div#comparingMenu li.reputation a:hover{
	background:url(../images/bg_comparingMenu.gif) no-repeat -176px -169px;
}

/* conditions */
div#comparingMenu li#conditions{
	height: 63px;
	background:url(../images/bg_comparingMenu.gif) no-repeat left -211px;
}
div#comparingMenu li#conditions ul.subMenu{
	margin: 5px auto 0;
}
div#comparingMenu li.other a{
	background:url(../images/bg_comparingMenu.gif) no-repeat -10px -240px;
}
div#comparingMenu li.other,
div#comparingMenu li.other a:hover{
	background:url(../images/bg_comparingMenu.gif) no-repeat -176px -240px;
}

/* active時の背景 */
div#comparingMenu li.activeMenu01{
	background:url(../images/bg_comparingMenu.gif) no-repeat -166px top !important;
}
div#comparingMenu li.activeMenu02{
	background:url(../images/bg_comparingMenu.gif) no-repeat -166px -71px !important;
}



/*
  4.フッター
-------------------------------------------------------------------------*/
div.footer-outer1{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 71px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	background: url(../images/bg_all02.gif) repeat-x left top;
/*	background: url(../images/bg_all02.png) repeat-x left top;*/
}
* html div.footer-outer1{
	bottom: -1px;
}

div.footer-outer1 div.footer-outer2{
	width: 100%;
	padding: 10px 0 15px 0;
	background: #FFFFFF;
}
div.footer-outer1 div.footer-outer2 div.footer-body{
	position: relative;
	width: 960px;
	margin: 0 auto;
}

/* 著作権表示 */
div.footer-body address{
	width: auto;
	color: #51CBD9;
}

/* ナビゲーション */
div.footer-body ul.navi{
	width: 830px;
	margin:0 0 15px 0;
	overflow: hidden;
	font-size: 10px;
}
div.footer-body ul.navi a{
	color: #0160AD;
}
div.footer-body ul.navi li{
	float: left;
	width: auto;
	padding: 0 25px 0 0;
}

/* お問い合わせ */
div.footer-body ul.contact{
	position: absolute;
	top: 0px;
	right: 5px;
	width: 104px;
}
div.footer-body ul.contact li{
	text-indent: -9999px;
}
div.footer-body ul.contact li a{
	display: block;
	width: 104px;
	height: 22px;
	background: url(../images/bg_btn_contact.gif) no-repeat left top;
}
div.footer-body ul.contact li a:hover{
	background: url(../images/bg_btn_contact.gif) no-repeat left top;
}