@charset "UTF-8";

/* ブラウザ初期設定解除CSS */
/***********************************************/
/* CSS file						               */
/* data: 2009/06/24                            */
/* index:                                      */
/*   1# リセット							   */ 
/* 	 2# フォント関連			               */
/*   3# リンクカラー					       */
/*   4# 配置関連                               */
/*   5# float関連            	     		   */
/*   6# wrapper         					 　*/
/*   7# header          					 　*/
/*   8# g-navi          					 　*/
/*   9# contens          					 　*/
/*  10# footer          					 　*/
/*  11# 見出し関連         					 　*/
/*  12# table関連          					 　*/
/***********************************************/


/* =============================================================
　■□■ 1. リセット ■□■
============================================================= */

body, form, h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, input, dl, dd, dt, div, address, label
{
	margin: 0;
	padding: 0;
}
img 
{
	border: none;
}

a img {
	border: none;
}

li { list-style: none; }

ol li /* 数字のリストは数字マーカーを残す */
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}

em
{
	font-style: normal;
	font-weight: bold;
}

address
{ 
 	font-style: normal;
 	font-weight: normal;
}

form, input, select, textarea
{
	margin: 0 2px 0 0;
	font-family: "Tahoma","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	padding: 1px;
	font-size: 12px;
}

*:first-child+html form,
*:first-child+html input,
*:first-child+html select,
*:first-child+html textarea /* For Only IE7 */
{
	font-family: "Verdana","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
}


/* =============================================================
　■□■ 2. フォント関連 ■□■
============================================================= */

body
{
	font-family: "Tahoma","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	font-size: 12px;
	color: #5A5A5A;
	line-height: 1.6;
	text-align: center;
	background: #FFFFFF;
}

table
{
	font-family: "Tahoma","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,"MS UI Gothic",sans-serif;
	font-size: 12px;
	color: #5A5A5A;
	line-height: 1.6;
	background-color: #FFFFFF;
	text-align: left;
}


/* =============================================================
　■□■ 3. リンクカラー ■□■
============================================================= */

a:link /* リンク未訪問 */
{
	color: #3366CC;
	background-color: transparent;
}
a:hover,
a:active /* リンクマウスオーバー時の色指定 */
{
	color: #1678FE;
	background-color: transparent;
	text-decoration: none;
}

a:visited  /* リンク訪問済み */
{
	color: #0099FF;
	background-color: transparent;
	text-decoration: none;
}

/* =============================================================
　■□■ 4. 配置関連 ■□■
============================================================= */


/* ------------------ テキスト右寄せ -------------- */

.text-right
{
	text-align: right;
}

/* ------------------ テキスト左寄せ -------------- */

.text-left
{
	text-align: left;
}

/* ------------------ テキスト中央寄せ -------------- */

.text-center
{
	text-align: center;
}

.m_10
{
	margin-left: 10px;
}

/* =============================================================
　■□■ 5. float 関連 ■□■
============================================================= */

/* ------------------ floatをここから回避 ------------------ */
.clear
{
	clear: both;
}

/* -------- 中身をfloatした場合も背景を下まで伸ばす -------- */

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =============================================================
　■□■ 6. wrapper ■□■
============================================================= */
#wrapper
{
	margin: 0 auto;
	width: 820px;
	background: url(../img/bk_wrapper.gif) left top repeat-y;
}


/* =============================================================
　■□■ 7. header ■□■
============================================================= */

#wrapper .seo_header {
	text-align: left;
	padding-left: 15px;
}

#header-top /* ------- TOP ------- */
{
	margin: 0 auto;
	width: 800px;
	height: 120px;
	text-align: left;
	position: relative;
	background: url(../img/header_bg.png);
}

#header-sub /* ------- SUB ------- */
{
	margin: 0 auto;
	width: 800px;
	height: 171px;
	text-align: left;
	position: relative;
}

#logo
{
	position: absolute;
	z-index: 1;
	left: 20px;
	top: 13px;
	margin:0;
	padding:0;
}

#logo
{
	position: absolute;
	z-index: 1;
	left: 20px;
	top: 13px;
	border: none;
}


#header-sub #logo img
{
	display: none;
}

#header-sub #logo img#alpha
{
	display: block;
}

#header-top ul,
#header-sub ul
{
	position: absolute;
	z-index: 1;
	left: 572px;
	width: 214px;
}

#header-top ul li,
#header-sub ul li
{
	float: left;
	display: inline; /* For IE Only */
}

/* ------------- catch ------------- */
#catch
{
	position: absolute;
	z-index: 0;
}

#header-top #catch img /* --- 代替画像を非表示 --- */
{
	display: none;
}

#header-top #catch img.default /* --- <noscript>の画像は表示 --- */
{
	display: block;
}


/* =============================================================
　■□■ 8. gnavi ■□■
============================================================= */
#gnavi
{
	margin: 0 auto 7px auto;
	width: 800px;
	text-align: left;
}

#gnavi li
{
	float: left;
	display: inline; /* For IE Only */
}

#gnavi li img
{
	vertical-align: bottom;
}

ul#gnavi li.h_01
{
	background-position:0 0;
	background: url(../img/g_navi01.png);
	width: 133px;
	height: 40px;
	display: block;
	line-height: 100%;
	text-indent: -9999px;
}

ul#gnavi li.h_01 a
{
	background: url(../img/g_navi01.png);
	width: 133px;
	height: 40px;
	display: block;
}

ul#gnavi li.h_02
{
	background-position:0 0;
	background: url(../img/g_navi02.png);
	width: 133px;
	height: 40px;
	display: block;
	line-height: 100%;
	text-indent: -9999px;
}

ul#gnavi li.h_02 a
{
	background: url(../img/g_navi02.png);
	width: 133px;
	height: 40px;
	display: block;
}

ul#gnavi li.h_03
{
	background-position:0 0;
	background: url(../img/g_navi03.png);
	width: 133px;
	height: 40px;
	display: block;
	line-height: 100%;
	text-indent: -9999px;
}

ul#gnavi li.h_03 a
{
	background: url(../img/g_navi03.png);
	width: 133px;
	height: 40px;
	display: block;
}


ul#gnavi li.h_04
{
	background-position:0 0;
	background: url(../img/g_navi04.png);
	width: 133px;
	height: 40px;
	display: block;
	line-height: 100%;
	text-indent: -9999px;
}

ul#gnavi li.h_04 a
{
	background: url(../img/g_navi04.png);
	width: 133px;
	height: 40px;
	display: block;
}

ul#gnavi li.h_05
{
	background-position:0 0;
	background: url(../img/g_navi05.png);
	width: 133px;
	height: 40px;
	display: block;
	line-height: 100%;
	text-indent: -9999px;
}

ul#gnavi li.h_05 a
{
	background: url(../img/g_navi05.png);
	width: 133px;
	height: 40px;
	display: block;
}

ul#gnavi li.h_06
{
	background-position:0 0;
	background: url(../img/g_navi06.png);
	width: 134px;
	height: 40px;
	display: block;
	line-height: 100%;
	text-indent: -9999px;
}

ul#gnavi li.h_06 a
{
	background: url(../img/g_navi06.png);
	width: 134px;
	height: 40px;
	display: block;
}

ul#gnavi li.h_01 a:hover,
ul#gnavi li.h_02 a:hover,
ul#gnavi li.h_03 a:hover,
ul#gnavi li.h_04 a:hover,
ul#gnavi li.h_05 a:hover,
ul#gnavi li.h_06 a:hover
{
	background-position: 0 -41px;
}


/* =============================================================
　■□■ 9. contents ■□■
============================================================= */

#contents-top,
#contents-sub
{
	clear: both;
	margin: 0 auto;
	width: 760px;
	text-align: left;
}

/* ---------- contents-top ---------- */
#contents-top
{
	padding-top: 0px;
	width: 790px;
	margin: 0px auto 0 auto;
	height: auto;
}

*:first-child+html #contents-top /* For Only IE7 */
{
	padding-top: 28px;
}

*html #contents-top /* For Only IE6 */
{
	padding-top: 10px;
}

/* ---------- page_img ---------- */
.page_img {
	margin:4px auto 5px auto;
	background:url(../img/subpage_title.png) no-repeat;
	width: 780px;
	height: 100px !important;
	height /**/: 120px;
	padding: 30px 0 0 0px !important;
	padding /**/: 0;
}
.page_img p{
	margin: 0px 0px 0 15px !important;
	margin /**/: 0;
	padding: 0;
	font-size: 30px;
	text-align: left;
	letter-spacing: 2px;
}


/* ---------- contents-sub ---------- */
#contents-sub
{
	padding-top: 15px;
}

*:first-child+html #contents-sub /* For Only IE7 */
{
	padding-top: 14px;
}

*html #contents-sub /* For Only IE6 */
{
	padding-top: 14px;
}

/* ---------- topicpath ---------- */
#topicpath
{
	clear: both;
	font-size: 92%;
	margin: 0 0 15px 1px;
}

#topicpath strong
{
	font-weight: normal;
}


/* ---------------------- side ---------------------- */
#side
{
	float: left;
	width: 215px;
	background: url(../img/btm_menu.gif) bottom no-repeat;
	margin: 5px 0 0 0;
}

#side  h2
{
	color:#666666;
	font-size: 12px;
	font-weight:bold;
}

/* ---------- menu ---------- */
#side .menu
{
	margin-bottom: 7px;
	background: url(../img/bk_menu.gif) left top repeat-y;
}

#side .menu h2,
#side .menu p
{
	margin-bottom: 8px;
}

#side dl
{
	margin: 5px;
	border:solid 1px #cccccc;
	padding: 5px;
}

#side dt
{
	border-bottom: dotted 1px #cccccc;
}

#side .menu ul
{
	background: url(../img/btm_menu.gif) left bottom no-repeat;
	padding-bottom: 10px;
}

#side .menu ul li
{
	margin: 0 15px;
	padding: 3px 0;
	background: url(../img/dotline.gif) left bottom repeat-x;
}

#side .menu ul li a:hover
{
	color:#FF9933;
}

#side .menu ul li.none
{
	background: url(../img/spacer.gif) left bottom repeat-x;
	display: block;
}

#side .menu ul li ul
{
	background: none;
	padding: 2px 0;
}

#side .menu ul li ul li
{
	margin: 0 0 0 10px;
}


#side .menu ul li.blue a /* ---------- 青 ---------- */
{
	background: url(../img/ico_blue.gif) 0 0.3em no-repeat;
	padding-left: 15px;
}

#side .menu ul li.green a /* ---------- 緑 ---------- */
{
	background: url(../img/ico_green.gif) 0 0.3em no-repeat;
	padding-left: 15px;
}

#side .menu ul li.glay a /* ---------- 赤 ---------- */
{
	background: url(../img/ico_red.gif) 0 0.3em no-repeat;
	padding-left: 15px;
}
#side .menu ul li.yellow a{
	background: url(../img/ico_yellow.gif) 0 0.3em no-repeat;
	padding-left: 15px;
}

/* ---------- banner ---------- */
#side #banner
{
	margin: 13px 0 25px 0;
}

#side #banner li
{
	margin-bottom: 5px;
}

#side #banner li img
{
	vertical-align: bottom;
}

/* ---------- link ---------- */
#side #link
{
	margin-bottom: 25px;
}

#side #link h4,
#side #link p
{
	margin-bottom: 12px;
}

#side #link ul li
{
	margin-bottom: 4px;
}

#side #link ul li img
{
	vertical-align: bottom;
}

/* ---------------------- main ---------------------- */
#main
{
	float: right;
	width: 560px;
	margin: 5px 0 0 0;
}

#main #title img
{
	margin: 0 0 30px 0;
	border: 0;
}

#main p
{
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	font-size: 13px;
}

#main p.right
{
	float: right;
	padding: 5px;
}

#main p.left
{
	float:left;
	padding: 5px;
}
#main p.contact
{
	padding: 0;
}


#main p.contact a
{
	background: url(../img/otoiawase.gif) no-repeat;
	width: 555px;
	display: block;
	height: 120px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
#main p.contact a:hover
{
	background: url(../img/otoiawase_on.gif) no-repeat;
}




/* ---------- recommend／dm／news ---------- */
#main #dm,
#main #news
{
	margin-bottom: 26px;
	clear: both;
	margin-top: 0px;
}

#main #recommend
{
	background: url(/img/bk_recommend.gif) no-repeat 0 43px;
}

#main #recommend div
{
	height: 100%;
	background: url(/img/btm_recommend.gif) no-repeat left bottom;
	margin-bottom: 22px;
}

#main #recommend div:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

#main #dm h3,
#main #news h3 /* ---- h3関連 ---- */
{
	margin-bottom: 18px;
}

#main #recommend h3
{
	margin-bottom: 14px;
}

#main #recommend h3 img,
#main #dm h3 img,
#main #news h3 img
{
	border: 0;
}

#main #dm dl,
#main #news dl /* ---- dl関連 ---- */
{
	width: 330px;
	margin: 0 1px 7px 5px;
}


#main #dm dl.noimage,
#main #news dl.noimage /* ---- dl関連 ---- */
{
	width: auto;
	margin-bottom: 8px;
}

#main #dm dl dt /* ---- #dm 関連 ---- */
{
	width: 5em;
	padding: 0.1em 1.5em 0.1em 0.5em;
	font-size: 92%;
}

*:first-child+html #main #dm dl dt /* For Only IE7 */
{
	padding: 0.1em 1.5em 0.2em 0.5em;
}

*html #main #dm dl dt /* For Only IE6 */
{
	padding: 0.1em 1.5em 0.2em 0.5em;
}

#main #dm dl dd
{
	margin: -1.8em 0 0 7em;
	padding: 0.2em 0 0.3em 0;
}

#main #dm dl dd img
{
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

#main #dm dl dd.detail
{
	background: url(../img/dotline.gif) left top repeat-x;
	margin: 0;
	padding: 5px 0 0 7em;
}

#main #recommend dl /* ---- recommend／dl関連 ---- */
{
	width: 175px;
	margin-right: 7px;
	float: left;
	border: 1px solid #cccccc;
}

#main #recommend dl.end
{
	margin: 0;
}

#main #recommend dl dt
{
	padding: 7px 7px 5px 7px;
}

#main #recommend dl dd
{
	padding: 0 8px 8px 8px;
	line-height: 1.4;
}
#main #recommend dl dd.b_bottom
{
	border-bottom: dotted 1px #999999;
	padding: 0 8px 3px 8px;
	margin: 0 0 5px 0;
	font-size:12px;
}

#main #recommend dl dd a
{
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

#main #recommend dl dd a img
{
	vertical-align: middle;
	margin: 2px 5px 2px 0;
}

#main #news dl /* ---- #news 関連 ---- */
{
	background: url(../img/dotline.gif) left bottom repeat-x;
	margin: 0 1px 4px 5px;
}

#main #news dl dt
{
	width: 5em;
	padding: 0 1.5em 0.3em 0.5em;
	font-size: 92%;
}

#main #news dl dd
{
	margin: -1.8em 0 0 7em;
	padding: 0 0 0.3em 0;
}

#main #dm p.golist,
#main #news p.golist /* ---- <P>関連 ---- */
{
	clear: both;
	text-align: right;
}

#main #dm p.golist img,
#main #news p.golist img
{
	margin: 10px 0 0 auto;
}

#main #dm p.photo,
#main #news p.photo
{
	float: right;
	border: 1px solid #C9C9C9;
}

#main #dm dl#pickup /* ---- #pickup 関連 ---- */
{
	clear: both;
	width: auto;
	margin: 21px 0 3px 11px;
	background: url(/img/top_pickup.gif) right top no-repeat;
}

#main #dm dl#pickup dt
{
	width: 45px;
	padding: 0;
}

#main #dm dl#pickup dd
{
	margin: -32px 0 0 52px;
	padding: 4px 12px 8px 12px;
	background: url(../img/bk_pickup.gif) left bottom no-repeat;
}

#main dl.list {
	background-image: url(../img/topics_pic_04.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-bottom: 7px;
}
#main dl.list dt {
	float: left;
	background-image: url(../img/topics_pic_03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 20px;
	padding-left: 13px;
	font-weight: bold;
}

#main ul.list 
{
	margin: 0 auto;
	width: 500px;
}

#main ul.list li {
	background-image: url(../img/topics_pic_03.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 20px;
	padding-left: 13px;
	font-size: 14px;
	margin: 3px 0 0 0;
}

#main ul.list li a
{
	text-decoration: none;
}



/* =============================================================
　■□■ 10. footer ■□■
============================================================= */

#footer
{
	clear: both;
	margin: 13px auto 0 auto;
	padding: 12px 20px 30px 20px;
	width: 760px;
	text-align: left;
	border-top: 1px solid #C9C9C9;
	height: 100%;
}

#footer:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

#footer ul
{
	padding-top: 3px;
}

#footer li
{
	float: left;
	display: inline; /* For IE Only */
	padding-right: 7px;
	margin-right: 7px;
	border-right: 1px solid #808080;
	line-height: 1.2;
}

#footer li.end
{
	border: 0;
}

#copyright
{
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 92%;
	color: #969696;
	margin: 0 auto;
}

#copyright a
{
	padding-left: 5px;
	text-decoration: none;
	color: #969696;
}


/* =============================================================
　■□■ 11. 見出し関連 ■□■
============================================================= */

/* -------------- h1 -------------- */
h1,
h2.blog
{
	background-color: #F3F3F3;
	border-bottom: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
	padding: 1px 2px 1px 5px;
	margin: 2px 0;
	font-size: 20px;
	letter-spacing: 2px;
}

/* -------------- h2 -------------- */
h2
{
	padding: 3px 5px;
	margin: 8px 0;
	font-size: 17px;
	color: #996600;
	font-weight: bold;
	letter-spacing: 2px;
}


/* -------------- h3 -------------- */
h3
{
	border-bottom: 1px dotted #CECECE;
	padding: 5px 0 0 5px;
	margin: 8px 0;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 1px;
}

/* -------------- h4 -------------- */
h4
{
	border-left: 5px solid;
	padding: 7px 7px;
	margin: 8px 0;
	border-left-color: #FF6600;
	font-size: 15px;
}




/* -------------- h5 -------------- */
h5
{
	background-color: #FFF4DF;
	border-bottom: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
	padding: 5px;
	margin: 8px 0;
	font-size: 14px;
	letter-spacing: 1px;
}

/* -------------- h6 -------------- */
h6
{
	border-left: 5px solid #DEE4ED;
	padding: 3px 5px;
	margin: 8px 0 8px 35px;
	font-size: 13px;
}

#wrapper #contents-top #main #dm p span.font_1 {
	color: #444444;
	font-weight: bold;
	font-size: 18px;
}

#wrapper #contents-top #main #dm p span.font_2 {
	color: #0066CC;
	font-weight: bold;
	font-size: 18px;
}

#wrapper #contents-top #main p span.font_3 {
	color: #66CC66;
	font-weight: bold;
	font-size: 18px;
}


#main p.page_top a
{
	display: block;
	float: right;
	clear: both;
	background: url(../img/page_top.png) no-repeat;
	width: 144px;
	height: 17px;
	text-indent: -9999px;
}


#main p.page_top a:hover{
	background-position: 0 -17px;
}


/* ------------- 文字 緑色 ------------- */
.f-green { color: #228B22; }
/* ------------- 文字 赤色 ------------- */
.f-red { color: red; }
/* ------------- 文字 水色 ------------- */
.f-sky { color: #4682B4; }
/* ------------- 文字 オレンジ色 ------------- */
.f-orange { color: #FFA500; }
/* ------------- 文字 灰色 ------------- */
.f-gray { color: gray; }


/* =============================================================
　■□■ 12. テーブル関連 ■□■
============================================================= */

/* ------------- 基本パターン ------------- */
table
{
	width: 100%;
	margin-bottom: 15px;
	border-right: 1px solid #C8CCD1;
	border-bottom: 1px solid #C8CCD1;
}

#main table p
{
	padding: 0 0 0 5px;
	margin: 0;
}

table tr th
{
	border-top: 1px solid #C8CCD1;
	border-left: 1px solid #C8CCD1;
	padding: 5px 10px;
	background: #F8F9FB url(../img/bk_tbl.gif) left top repeat-x;
}

table tr td.glay
{
	border-top: 1px solid #C8CCD1;
	border-left: 1px solid #C8CCD1;
	padding: 5px 10px;
	background: url(../img/bk_tbl.gif) left top repeat-x;
	background-color: #F8F9FB;
}


table tr td.glay_1
{
	border-top: 1px solid #C8CCD1;
	border-left: 1px solid #C8CCD1;
	padding: 5px 10px;
	background: url(../img/bk_tbl_1.gif) left top repeat-x;
	background-color: #E7E8EC;
	font-weight:bold;
}


table tr th span
{
	font-weight: normal;
	margin-left: 3px;
}

table tr th.long, table tr th.long /* ----- 改行禁止 ----- */
{
	white-space: nowrap;
}

table tr td.short, table tr th.short /* ----- 英単語等も強制改行 ----- */
{
	word-break: break-all;
}

table tr th.none /* ----- 背景・ボーダーなし ----- */
{
	border: none;
	background-color: #FFFFFF;
	background-image: none;
}

table tr td
{
	border-top: 1px solid #C8CCD1;
	border-left: 1px solid #C8CCD1;
	padding: 5px 2px;
}





/* ------ サブページ ------ */
#main p.red
{
	color:#FF0000;
	font-size: 25px;
}

#main p.orange
{
	color:#FF6600;
	font-size: 40px;
}


.box1
{
	background: #EBF0F7 url(../img/bk_box-bath.gif) left bottom no-repeat;
	margin: 10px 0;
}

.box2
{
	background: url(../img/bk_box-bath.gif) left bottom no-repeat;
	border: dotted #cccccc 1px;
	margin: 10px 0;
}

.box3
{
	background: url(../img/bk_box-bath.gif) left bottom no-repeat;
	background-color: #A2C5FF;
	border: 1px #cccccc solid;
}


*:first-child+html .box1,
*:first-child+html .box2,
*:first-child+html .box3
 /* For Only IE7 */
{
	margin-top: 1px;
}

*html .box1,
*html .box2,
*html .box3
 /* For Only IE6 */
{
	margin-top: 1px;
}

.box1 p,
.box2 p,
.box3 p
{
	background: url(../img/top_box-bath.gif) left top no-repeat;
	padding: 10px;
}


#main #page_title {
	width: 535px;
	height: 60px;
	padding: 40px 0 20px 0;
}
#wrapper #contents-top #main #news .box3 .white {
	color: #FFFFFF;
}

#main ul
{
	margin: 0 0 0 15px;
}
#main ul li
{
	list-style:inside;
	margin: 3px 0;
}


#main ul.page_link
{
	margin: 0 0 0 15px;
}
#main ul.page_link li
{
	margin: 3px 0;
	list-style: none;
	border-right: 1px solid #C8CCD1;
	float: left;
	padding: 0 7px;
	font-size: 13px;
	display:block;
}


#main p.page_top a
{
	display: block;
	float: right;
	clear: both;
	background: url(../img/page_top.png) no-repeat;
	width: 144px;
	height: 17px;
	text-indent: -9999px;
}


#main p.page_top a:hover{
	background-position: 0 -17px;
}


#main p.page_top a
{
	display: block;
	float: right;
	clear: both;
	background: url(../img/page_top.png) no-repeat;
	width: 144px;
	height: 17px;
	text-indent: -9999px;
}


#main p.page_top a:hover{
	background-position: 0 -17px;
}

#main dd.syousai a
{
	display: block;
	float: right;
	clear: both;
	background: url(../img/syousai.png) no-repeat;
	width: 158px;
	height: 34px;
	text-indent: -9999px;
}

#main dd.syousai a:hover
{
	background-position: 0 -34px;
}





table.contact p
{
	padding: 0;
}

table.contact th{
	width:30%;
	border:1px solid #CCCCCC;
	background:#F5F5F5;
	padding:10px;
	vertical-align: top;
	padding: 0;
	font-size: 12px;
}

em.must{
	font-size:120%;
	font-style:normal;
	font-weight:bold;
	color:#CC0000;
	letter-spacing: 2px;
}

em.check{
font-size:80%;
font-style:normal;
font-weight:normal;
}

table.contact td{
	width:auto;
	border:1px solid #CCCCCC;
	padding:1px;
}

table.contact td input,
table.contact td textarea{
padding:5px;
}

.confirm{
margin:20px 0;
text-align:center;
background:#F5F5F5;
padding:10px;
}

.confirm .submitBtn{
padding:10px 20px;
}

.confirm .resetBtn{
}

.confirm .backBtn{
}