/* www.esse.co.jp/
 * Style sheet for the HTML 4.01 specification
 * Last modify 2008/02/18 11:35
 */

@charset "Shift-JIS";

* html {
		font-family: 'ＭＳ Ｐゴシック',Osaka,sans-serif;
		line-height:normal;
}

body {
		margin: 0px;
		padding: 0px;
		background-image: URL(../images/body_bg.gif);
		font-size: 90%;
		text-align: center;
}

a			{ color: #476DD6; }
a:link		{ color: #476DD6; }
a:visited	{ color: #039; }
a:hover		{ color: #F90; }
a:active	{ color: #F60; }

p {
		line-height: 140%;
}

img {
		border: 0px;
}

/*□□□□□□□□□□□□□□□□□□□
□□             ベース             □□
□□□□□□□□□□□□□□□□□□□*/

/* □ ヘッダー □ */
#header {
		margin: 0px auto 10px auto;
		width: 736px;
		background-image: URL(../images/header_bg.gif);
		background-repeat: no-repeat;
		background-position: center top;
}

#header #logo {
		float: left;
		margin: 0px 0px 0px 15px;
}

#header h1 {
		color: #FFF;
		font-size: 14px;
}

#header h2 {
		margin: 0px;
}

#header strong {
		margin-top: 10px;
		color: #FFF;
		font-size: 14px;
}

#header #headercopy {
		float: right;
		width:520px;
		margin-top: 10px;
		margin-right: 10px;
		text-align: right;
}

#header #headercopy p {
		margin-top: 5px;
		font-size: 12px;
		color: #FFF;
}

/* □ メイン □ */

#main {
		width: 738px;
		margin-left: auto; margin-right: auto;
		background-image: URL(../images/main_bg.gif);
		background-repeat: repeat-y;
		background-position: center;
}

/* □ メニュー □ */

#menuside {
		float: left;
		width: 188px;
		padding: 10px;
}

#menuside ul {
		margin: 0px;
		padding: 0px;
}

ul#mainmenu {
		margin-bottom: 5px;
}

#menuside li {
		margin-bottom: 2px;
		list-style: none;
		text-align: left;
		width: 188px;
		line-height: 100%;
}

* html #menuside li { margin-bottom: 1px; }

#menuside li a {
		display: block;
		width: 188px;
		padding: 5px 0px 5px 12px;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
}

#menusideli.profile {
}

#menuside li.profile a{
		display: block;
		padding: 5px 0px 5px 12px;
		background-image: URL(../images/sidemenu_img01.gif);
		background-repeat: no-repeat;
		color: #FFF;
}

#menuside li.profile a:hover {
		background-image: URL(../images/sidemenu_img01_o.gif);
}

#menuside li.chintai {
		margin-bottom: 1px;
		padding: 5px 0px 0px 12px;
		background-image: URL(../images/sidemenu_img02.gif);
		background-repeat: no-repeat;
		color: #FFF;
		font-size: 13px;
		font-weight: bold;
}

#menuside li.etc {
}

#menuside li.etc a {
		background-image: URL(../images/sidemenu_img03.gif);
		background-repeat: no-repeat;
		color: #666;
}

#menuside li.etc a:hover {
		background-image: URL(../images/sidemenu_img01_o.gif);
		color: #FFF;
}

* html #menuside ul.submenu1 { margin-bottom: -1px; letter-spacing: -1px; }

#menuside ul.submenu1 a {
		padding-left: 22px;
		background-image: URL(../images/sidemenu_img05.gif);
		background-repeat: no-repeat;
		color: #666;
}

* html #menuside ul.submenu1 a { padding-top: 5px; }

#menuside ul.submenu1 a:hover {
		background-image: URL(../images/sidemenu_img04_o.gif);
		background-repeat: no-repeat;
		color: #f60;
}

#menuside ul.submenu2 {
		margin-left: -12px;
		margin-top: 8px;
		margin-bottom: 0px;
}

* html #menuside ul.submenu2 { margin-bottom: -1px; }

#menuside ul.submenu2 a {
		padding-top: 6px;
		padding-left: 22px;
		background-image: URL(../images/sidemenu_img04.gif);
		background-repeat: no-repeat;
		color: #666;
}

* html #menuside ul.submenu2 a { padding-top: 7px; }

#menuside ul.submenu2 a:hover {
		background-image: URL(../images/sidemenu_img04_o.gif);
		background-repeat: no-repeat;
		color: #f60;
}


/*□□□□□□□□□□□□□□□□□□□
□□            タイトル            □□
□□□□□□□□□□□□□□□□□□□*/


/*□□□□□□□□□□□□□□□□□□□
□□             リンク             □□
□□□□□□□□□□□□□□□□□□□*/

.topic_path {
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 12px;
		text-align: right;
}

/*□□□□□□□□□□□□□□□□□□□
□□             リスト             □□
□□□□□□□□□□□□□□□□□□□*/


/*□□□□□□□□□□□□□□□□□□□
□□         フォームリスト         □□
□□□□□□□□□□□□□□□□□□□*/


/*□□□□□□□□□□□□□□□□□□□
□□              罫線              □□
□□□□□□□□□□□□□□□□□□□*/

.dotline			{
						background-image: URL(../images/line01.gif);
						background-position: bottom center;
						background-repeat: repeat-x;
						padding-bottom: 5px;
						margin-left: 20px; margin-right: 8px; margin-bottom: 10px;
					}


/*□□□□□□□□□□□□□□□□□□□
□□            ブロック            □□
□□□□□□□□□□□□□□□□□□□*/

p {
		padding-top: 0px; padding-bottom: 0px;
		margin-top: 0px; margin-bottom: 0px; margin-left: 20px;
}

.hiddens {
		display: none;
}

/* safari対策 */
#business_detail {
		width: 470px;
		padding-left: 10px;
		text-align: left;
}

/*□□□□□□□□□□□□□□□□□□□
□□              タブ              □□
□□□□□□□□□□□□□□□□□□□*/


/*□□□□□□□□□□□□□□□□□□□
□□      マージン・パディング      □□
□□□□□□□□□□□□□□□□□□□*/


/*□□□□□□□□□□□□□□□□□□□
□□           ポジション           □□
□□□□□□□□□□□□□□□□□□□*/

.pos_center		{ margin-left: auto; margin-right: auto; }
.fclear			{ clear: both; }

/*□□□□□□□□□□□□□□□□□□□
□□            テキスト            □□
□□□□□□□□□□□□□□□□□□□*/

.reds				{ color: #FF0000; }
.orange				{ color: #FF6600; font-weight: bold; }
.notered			{ color: #D40004; font-size: 90%; }
.note				{ color: #666666; font-size: 90%; }
.imgnote			{
		padding-bottom: 0px !important;
		font-size: 80%;
		color: #666666;
}

/*□□□□□□□□□□□□□□□□□□□
□□            テーブル            □□
□□□□□□□□□□□□□□□□□□□*/

table {
		margin-left: 4px;
		font-size: 90%;
		color: #666;
}

* html table {
		margin-left: 0px;
}

th {
		padding: 5px;
		background-color: #CCE6EC;
		border: solid 1px #D4D4D4;
}

td {
		padding: 5px;
		border: solid 1px #D4D4D4;
}

.cellback02 {
		background-color: #F4FAFC;
}

table.type2 th {
		background-color: #CCECCD;
}

table.type2 .cellback02 {
		background-color: #F4FCF5;
}

table.nonedeco td{
		padding: 2px;
		border: none;
}

table.nonedecotop td{
		padding: 2px;
		border: none;
		vertical-align: top;
}

.cellright {
		border-right: solid 3px #476DD6;
		text-align: right;
}