﻿/*---------- ページ全体の指定 ----------*/

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;
}
/*---------- サイドメニュー画像終了 ----------*/


/*---------- 登録フォーム ----------*/
#contents {
	float: right;
	width: 570px;
	margin: 5px 10px 0px 0px;
	display:inline;
}

#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;
	font-weight:bold;

}
#contents_news{	/*更新情報*/
	width: 570px;
	font-size: 12px;
}
td {
	font-size: 12px;
	vertical-align: top;
}


#qr {
	width: 570px;
}

#qr_img {
	float: left;
	width: 99px;
	padding: 0px;
	vertical-align: top;
}
#qr_text {
	float: left;
	width: 445px;
	padding: 5px;
	vertical-align:text-top;
}

#personal{
	float: left;
	width: 550px;
	padding: 5px;
}

#info{
	float: left;
	width: 560px;
    padding: 0;
}

#info dl{
	width: 560px;
    padding: 0;
}
#info dt{
	text-align: right;
	float: left;
	width: 150px;
	margin: 5px;
	padding: 5px;
	color: #333;
	background-color: #FAC;
	clear: left;
	color: #FFF;
}
#info dd{
	margin: 0px;
	padding: 10px;
	color: #666;
}


/*---------- 登録フォーム終了 ----------*/


/*---------- フッター ----------*/
#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は非適用 */
