﻿?/*---------- ページ全体の指定 ----------*/

body {
  margin: 0;	/*マージン*/
  padding: 0;	/*パディング幅の指定*/
  font-size: 12px;	/*フォントサイズ*/
  color: #333333;	/*フォントカラー*/
  background-color: #FBFBFB;	/*背景画像*/
}
a:link {
  color: #0000FF;	/*リンクテキストの色*/
  font-size: 12px;
}
a:visited {
  color: #0000FF;	/*既にアクセスしたことのあるリンク*/
  font-size: 12px;
}
a:hover {
  color: #FF0000;	/*マウスが上に乗っている状態*/
  font-size: 12px;
}
p {	/*Pタグの設定*/
  margin: 0px 0 18px 0;	/*上・右・下・左*/
  line-height: 160%;	/*行間の値*/
  letter-spacing: 0.1em;	/*文字間隔の値*/
}

h1{
	font-size: 12px;
	display: inline;
}

img{
	vertical-align: text-bottom; 	/*画像リンクの線を消す*/
}

/*---------- メイン ----------*/
#main {
  margin: 0px auto 0px auto;
  padding: 0px;
  width: 800px;
  border-top: solid 5px #FCB4D0;
  border-right:  solid 1px #CCCCCC;	/*右ボーダーのスタイル・太さ・色を指定する*/
  border-bottom: solid 1px #CCCCCC;	/*下ボーダーのスタイル・太さ・色を指定する*/
  border-left: solid 1px #CCCCCC;	/*左ボーダーのスタイル・太さ・色を指定する*/
  background-color: #ffffff;
}

/*---------- ヘッダー ----------*/

#header {
  margin: 0 auto;
  width: 800px;
  height: 92px;
  background-color: #ffffff;
  border-bottom: solid 1px #AAA; 
}
#logo{
	margin: 0px 0px 0px 0px;
	width: 260px;
	height: 90px;
	float:left;
	display: inline;
}
#tel{
	float:right;
	width: 540px;
	height: 90px;
	border-bottom: solid 1px #ccc;
}
#tel ul{
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#tel li{
	list-style-type: none;	 /*丸●を表示しない*/
	float: left;
	margin: 0px;
	padding: 0px;
	display: inline;	/*li要素を一直線（インラインレベル）にする*/
}
#tel li a {	/*ロールオーバー設定*/
	font-size: 12px;
	height: 25px;
	width: 180px;
	line-height: 25px;
	color: #000;
	background-image: url(/img/header_botan0.gif);
	text-align: center;
	display: block;	/*リストマークを消して、横並にする*/
	text-decoration: none;
}
#tel li a:hover {
	background-image: url(/img/header_botan.gif);
	color: #000;
}
/*---------- ヘッダー終了 ----------*/


/*---------- パンくずリスト ----------*/
#topic_path {
	clear: both;
	width: 780px;
	margin: 10px 10px 10px 10px;
}
/*---------- メイン画像終了 ----------*/


/*---------- サイドメニュー ----------*/
#side_menu {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 10px;
}
#side_menu_list {
	width: 200px;
}
#side_menu_list a {	/*ロールオーバー設定*/
	font-size: 12px;
	height: 40px;
	width: 170px;
	line-height: 35px;
	margin: 5px 0px 0px 0px;
	color: #000;
	padding: 0px 0px 0px 30px;
	background-image: url(/img/side_menu_off.gif);
	display: block;	/*リストマークを消して、横並にする*/
	text-decoration: none;
}
#side_menu_list a:hover {
	background-image: url(/img/side_menu_on.gif);
	color: #000;
}
/*---------- サイドメニュー画像終了 ----------*/


/*---------- タレント一覧 ----------*/
#talent {
	float: right;
	width: 570px;
	margin: 5px 10px 0px 0px;
	display:inline;
}

#talent_title {
	width: 550px;
	height: 30px;
	background-image: url(/img/570x30_title.gif);
	background-repeat: repeat-y;
	padding: 0px 10px 0px 10px;
	line-height: 25px;
	font-size: 12px;
}
#talent ul{
	margin: 0px;
	padding: 0px;
	clear:both;
}
#talent li{
	list-style-type: none;	 /*丸●を表示しない*/
	text-align: center;
	width: 106px;
	float: left;
	margin: 0px;
	padding: 4px;
	display: inline;	/*li要素を一直線（インラインレベル）にする*/
}
#textwoman{
	font-size: 14px; color: #F13E8F; font-weight:bolder;
}
#textman{
	font-size: 14px; color: #0A82EF; font-weight:bolder;
}
#textLegends {font-weight:bolder; text-align: center;}
#textLegends a {color: #FF9900; text-decoration: none; font-size: 20px;}
#textLegends a:hover {color: #e00376}
#textLegends a:hover span {color: #FF9900}
/*---------- コンテンツ終了 ----------*/

/*---------- フッター ----------*/
#footer {
	float: left;
	width: 800px;
	border-top: solid 5px #FCB4D0;
	margin: 0px;
	font-size: 12px; 
}

#footer_left{
	float: left;
	width: 380px;
	padding: 10px;
	font-weight:bolder;
}

#footer_right{
	float: left;
	width: 380px;
	text-align: right; 
	padding: 10px;
}
/*---------- フッター終了 ----------*/


/*====== float関連バグ対策 ========*/
dl:after,
#main:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

dl,
#main{
    display:inline-block;	/* MAC IE用　*/
    min-height:1%;	/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
	* html dl,
	* html #main{height: 1%;}
	dl,
	#main{display: block;}
/*--ここまでMAC IEは非適用 */
