@charset "Shift_JIS";
body {
	background: url(../common/background.png) top repeat-x #ffebcc;
	text-align: center;
	color: #333;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 160%;
	font-family:
	'メイリオ',
	Meiryo,
	'Lucida Grande',
	Verdana,
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	Osaka,
	'ＭＳ Ｐゴシック',
	sans-serif;
}

h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dd,caption,hr {
 	margin: 0;
	padding: 0;
}

li,dd{
	margin-left: 1em;
}

li {
 	 list-style: none;
}

img {
	border: 0;
}

.note {
      margin: 5px 0 0 10px;
      font-size: 85%;
      line-height: 140%;
      text-indent: -1em;
}

.note-big {
      margin: 0 0 0 15px;
      text-indent: -1em;
}

.dotline {
      display: block;
      width: 545px;
      height: 12px;
      border: 0;
      border: none;
      margin: 2px auto;
      background: url(../common/dot_line_yoko.gif) -2px top repeat-x;
}

/* :::::::::: マージン :::::::::: */
.mg-t10 {
	margin-top: 10px
}

/* :::::::::: リンク :::::::::: */
a:link {
	color: #0066cc;
}

a:visited {
	color: #0066cc;
}

a:hover {
	color: #0066cc;
	text-decoration: none;
}

a.blankmark {
      background: url(../common/blank_mark.gif) 0 center no-repeat;
}

/* :::::::::: ヘッダーエリア（中） :::::::::: */
#header {
      position: relative;
      display: block;
      width: 780px;
      height: 70px;
      margin: 0 auto;
      padding: 0;
}

#header #logo a {  /*  ロゴ  */
      display: block;
      width: 293px;
      height: 60px;
      background: url(../common/logo.gif) top left no-repeat;
      text-indent: -9999px;
      cursol: pointer;
}

#header #map a {  /*  地図  */
      position: absolute;
      top: 0;
      right: 105px;
      display: block;
      width: 108px;
      height: 26px;
      background: url(../common/btn_map_off.gif) top left no-repeat;
      text-indent: -9999px;
      cursol: pointer;
}

#header #toiawase a {  /*  お問い合わせ  */
      position: absolute;
      top: 0;
      right: -4px;
      display: block;
      width: 108px;
      height: 26px;
      background: url(../common/btn_toiawase_off.gif) top left no-repeat;
      text-indent: -9999px;
      cursol: pointer;
}

#header #logo a:hover {  /*  ロゴ  */
      background: url(../common/logo.gif) top left no-repeat;
      text-indent: -9999px;
}

#header #map a:hover {  /*  地図  */
      background: url(../common/btn_map_on.gif) top left no-repeat;
      text-indent: -9999px;
}

#header #toiawase a:hover {  /*  お問い合わせ  */
      background: url(../common/btn_toiawase_on.gif) top left no-repeat;
      text-indent: -9999px;
}

#styleswitcher_in {  /*  文字切り替え（中ページ）  */
      position: absolute;
      top: 38px;
      right: 5px;
      float: right;
      display: block;
      width: 145px;
      height: 23px;
}

#styleswitcher_in table { /*  文字切り替え（中ページ）  */
      width: 145px;
      height: 23px;
      border-collapse: collapse;
}

#styleswitcher_in table tr td { /*  文字切り替え（中ページ）  */
      padding: 0;
}

/* :::::::::: 文字切り替え :::::::::: */
#styleswitcher {
      float: right;
      display: block;
      width: 145px;
      height: 23px;
}

#styleswitcher table {
      width: 145px;
      height: 23px;
      border-collapse: collapse;
}

#styleswitcher table tr td {
      padding: 0;
}

.sz {
      display: block;
      width: 65px;
      height: 10px;
      background: url(../common/switcher_tt.gif) left no-repeat;
      text-indent: -9999px;
      margin: 0;
      padding: 0;
}

a.lg {
      display: block;
      width: 24px;
      height: 21px;
      background: url(../common/switcher_large_off.gif) left no-repeat;
      text-indent: -9999px;
      margin: 0;
      padding: 0;
      cursor: pointer;
      border-top: solid 1px #ccc;
      border-right: solid 1px #ccc;
      border-bottom: solid 1px #ccc;
}

a.df {
      display: block;
      width: 24px;
      height: 21px;
      background: url(../common/switcher_default_off.gif) left no-repeat;
      text-indent: -9999px;
      margin: 0 -1px 0 0;
      padding: 0;
      cursor: pointer;
      border: solid 1px #ccc;
}

a.sm {
      display: block;
      width: 25px;
      height: 21px;
      background: url(../common/switcher_small_on.gif) left no-repeat;
      text-indent: -9999px;
      margin: 0 -1px 0 0;
      padding: 0;
      cursor: pointer;
      border-top: solid 1px #ccc;
      border-left: solid 1px #ccc;
      border-bottom: solid 1px #ccc;
}

a:hover.lg {
      background: url(../common/switcher_large_on.gif) left no-repeat;
}

a:hover.df {
      background: url(../common/switcher_default_on.gif) left no-repeat;
}

a:hover.sm {
      background: url(../common/switcher_small_off.gif) left no-repeat;
}

/* :::::::::: レイアウト :::::::::: */
#container {
	width: 810px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
 	background: url(../common/bg_white.png) top repeat-y;
}

#container #line {
       width: 800px;
	margin: 0 auto;
       padding: 0;
       border-top: 3px solid #ffcc33; 
       border-bottom: 3px solid #ffcc33; 
}

#contents {
	display: block;
	width: 770px;
	height: auto;
	margin: 15px auto;
       padding: 0;
}

/* :::::::::: サイドエリア :::::::::: */
#top_side_area {
	float: left;
	width: 235px;
       height: auto;
       font-size: 0.95em;
       line-height: 150%;
       text-align: center;
}

#side_area {
	float: left;
	width: 210px;
       height: auto;
       font-size: 0.95em;
       line-height: 150%;
       text-align: center;
}

/* :::::::::: メインエリア :::::::::: */
#top_main_area {
	float: right;
	width: 520px;
       height: auto;
}

#main_area {
	float: right;
	width: 550px;
       height: auto;
}

/* :::::::::: フッター :::::::::: */
#gotop {  /*  このページのトップへ  */
	float: right;
	font-size: 85%;
       margin: 0 5px 0 0;
       text-indent: 15px;
	background: url(../common/arrow_org_up.gif) 0 4px no-repeat;
}

#footer {
	display: block;
	width: 770px;
	height: 40px;
	margin: 30px auto 0 auto;
       padding: 0;
	font-size: 85%;
       text-align: right;
}

#footer .gray_waku_t {  /*  グレー枠トップ  */
      display: block;
      width: 770px;
      height: 5px;
      margin: 0;
      padding: 0;
      background: url(../common/waku_gry_long_top.gif) top left no-repeat;
}

#footer .gray_waku {  /*  グレー枠サイド */
      display: block;
      width: 746px;
      height: auto;
      margin: 0;
      padding: 5px 10px;
      border-left: solid 2px #ececec;
      border-right: solid 2px #ececec;
}

#footer .gray_waku_b {  /*  グレー枠ボトム  */
      display: block;
      width: 770px;
      height: 5px;
      margin: 0;
      padding: 0;
      background: url(../common/waku_gry_long_bottom.gif) top left no-repeat;
}

#footer .gray_waku ul {
     float: left;
}

#footer .gray_waku ul li {
     float: left;
}