@charset "utf-8";
/* ========================================== */
/* サイト共通css(WindowsIE6ベース) */
/* ========================================== */
/* ユニバーサル */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	line-height:20px;
	font-size: 10px;
	font-family:  "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* ＃IE用の設定 1*/
* html {
	zoom: 1;
}
/* ＃IE用の設定 2*/
*:first-child+html body {
	letter-spacing: 0;
}
/* bodyの設定 */
body {
	font-family:  "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	line-height:20px;
	color:#666;
	text-align: center;
	background-color: #ffffff;
	background-repeat:repeat-x;
}
h2,h3,h4{
	font-size: 8px;
}
br.clearfloat { 
		clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/* ########################################## */
/* レイアウト全体(bodyの内側)*/
/* ########################################## */
#container {
	margin: 0 auto; /* 自動マージン(幅と連動)により、ページが中央揃えになる */
	width: 768px;
}
/* ########################################## */
/* レイアウト枠*/
/* ########################################## */
/* 幅と背景位置は共通 */
#layout_header,
#layout_main_margin_up,
#layout_main_img,
#layout_main_margin_down,
#layout_contents,
#layout_contents2,
#layout_footer{
	width: 768px;
	border-left: solid #CCC 1px;
	border-right: solid #CCC 1px;
}
/* 各々高さを指定*/
#layout_header{
	margin-top:8px;
	height: 48px;
	background-image: url('../img/layout_header.png');
}
#layout_main_margin_up{
	height: 16px;
	background-image: url('../img/layout_margin_up.png');
}
#layout_main_img{
	height: 288px;
}
#layout_main_margin_down{
	height: 16px;
	background-image: url('../img/layout_margin_down.png');
}
#layout_contents{
	background-image: url('../img/layout_contents.png');
	background-color:#fcfcfc;
}
#layout_contents2{
	background-image: url('../img/layout_contents2.png');
	background-color:#fcfcfc;
}
#layout_footer{
	margin-bottom:8px;
	height: 32px;
	background-image: url('../img/layout_footer.png');
}
/* ########################################## */
/* コンテンツ */
/* ########################################## */
/* メインコンテンツ */
#contents_main {
	float: left;
	width: 576px;
	text-align:left;
}
/* サイドコンテンツ */
#contents_side {
	float: right;
	width: 192px;
	text-align:left;
}
/* ########################################## */
/*フッター*/
/* ########################################## */
#layout_footer p{
	padding-top:8px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
/* ########################################## */
/* ロゴ*/
/* ########################################## */
/* エリア・背景のサイズ */
#logo_area,
#logo_area div,
#logo_area a{
	display:block;
	width: 192px;
	height: 48px;
}
/* 背景置き換え用 */
#logo_area {
	float: left;
  position:relative;
  z-index:1;
}
#logo_area span {
	display:block;
	position:relative;
	z-index:-1;
}
/* 背景画像 */
#logo_area div{
	background-image: url('../img/logo.png');
}
/* ########################################## */
/*ヘッダメニュー*/
/* ########################################## */
/* エリアのサイズ */
#head_menu{
	float: right;
	width: 576px;
	height: 48px;
}
/* サイズ */
#head_menu div,
#head_menu a{
	width: 96px;
	height: 24px;
}
#head_menu div{
	margin: 24px 0px 0px 0px;
	background-color:#f6f6f6;
	float: right;
}
#head_menu a {
	display:block;
	text-decoration: none;
}
/* 背景置き換え用 */
#head_menu span {
	display:block;
	text-align:center;
	position:relative;
	z-index:-1;
	font-size:10px;
}
/* 背景画像 */
#head_menu div.hm01 a{
	background-image: url('../img/hm/base/hm01.png');
}
#head_menu div.hm01 a:hover{
	background-image: url('../img/hm/on/hm01.png');
}
#head_menu div.hm02 a{
	background-image: url('../img/hm/base/hm02.png');
}
#head_menu div.hm02 a:hover{
	background-image: url('../img/hm/on/hm02.png');
}
/* ########################################## */
/*サイドメニュー*/
/* ########################################## */
/* エリアのサイズ */
#side_menu{
	width: 192px;
}
/* サイズ */
#side_menu li,
#side_menu div,
#side_menu a{
	width: 176px;
	height: 40px;
}
#side_menu div{
	margin: 8px 0px 0px 8px;
}
#side_menu a {
	display:block;
	text-decoration: none;
}
/* 背景置き換え用 */
#side_menu li {
  position:relative;
  z-index:1;
	list-style-type: none;
}
/* IE7のみ適用 */
*:first-child+html #side_menu li { padding-top:8px; }

#side_menu span {
	display:block;
	text-align:center;
	position:relative;
	z-index:-1;
	font-size:10px;
	margin: 0px 0px 0px 0px;
}
/* 背景画像 */
#side_menu div.sm01{
	background-image: url('../img/sm/base/sm01.png');
}
#side_menu div.sm01 a{
	background-image: url('../img/sm/off/sm01.png');
}
#side_menu div.sm01 a:hover{
	background-image: url('../img/sm/on/sm01.png');
}
#side_menu div.sm02{
	background-image: url('../img/sm/base/sm02.png');
}
#side_menu div.sm02 a{
	background-image: url('../img/sm/off/sm02.png');
}
#side_menu div.sm02 a:hover{
	background-image: url('../img/sm/on/sm02.png');
}
#side_menu div.sm03{
	background-image: url('../img/sm/base/sm03.png');
}
#side_menu div.sm03 a{
	background-image: url('../img/sm/off/sm03.png');
}
#side_menu div.sm03 a:hover{
	background-image: url('../img/sm/on/sm03.png');
}
#side_menu div.sm04{
	background-image: url('../img/sm/base/sm04.png');
}
#side_menu div.sm04 a{
	background-image: url('../img/sm/off/sm04.png');
}
#side_menu div.sm04 a:hover{
	background-image: url('../img/sm/on/sm04.png');
}
#side_menu div.sm05{
	background-image: url('../img/sm/base/sm05.png');
}
#side_menu div.sm05 a{
	background-image: url('../img/sm/off/sm05.png');
}
#side_menu div.sm05 a:hover{
	background-image: url('../img/sm/on/sm05.png');
}
#side_menu div.sm06{
	background-image: url('../img/sm/base/sm06.png');
}
#side_menu div.sm06 a{
	background-image: url('../img/sm/off/sm06.png');
}
#side_menu div.sm06 a:hover{
	background-image: url('../img/sm/on/sm06.png');
}
#side_menu div.sm07{
	background-image: url('../img/sm/base/sm07.png');
}
#side_menu div.sm07 a{
	background-image: url('../img/sm/off/sm07.png');
}
#side_menu div.sm07 a:hover{
	background-image: url('../img/sm/on/sm07.png');
}
#side_menu div.smdg{
	background-image: url('../img/sm/base/smdg.png');
}
#side_menu div.smdg a{
	background-image: url('../img/sm/off/smdg.png');
}
#side_menu div.smdg a:hover{
	background-image: url('../img/sm/on/smdg.png');
}
/* ########################################## */
/*コンテンツヘッダ*/
/* ########################################## */
/* サイズ */
div#h2_area{
	width:576px;
	height:38px;
	margin: 8px 0px 0px 0px;
	border-top: solid #dddddd 1px;
	border-bottom: solid #dddddd 1px;
	background-color:#eeeeee;
}
div#h3_area{
	width:368px;
	height:24px;
	margin: 8px 0px 8px 0px;
}
div#h4_area{
	width:160px;
}
/* 背景置き換え用 */
div#h2_area,
div#h3_area,
div#h4_area{
	position:relative;
  z-index:1;
}
div#h2_area h2,
div#h3_area h3,
div#h4_area h4{
	display:block;
	font-size:10px;
	position:relative;
	z-index:-1;
}
/* 背景のサイズ */
/* h2 */
div#h2_area div,
div#h2_area h2{
	width:576px;
	height:24px;
}
div#h2_area div{
	margin: 7px 0px 0px 0px;
}
/* h3 */
div#h3_area div,
div#h3_area h3{
	width:384px;
	height:24px;
}
div#h3_area div{
	margin: 0px 0px 0px 0px;
}
/* h4 */
div#h4_area div,
div#h4_area h3{
	width:160px;
	height:24px;
	background-color:#fafafa;
}
div#h4_area div{
	margin: 0px 0px 0px 8px;
}

/* 背景画像は各ページ毎に設定 */
/* ########################################## */
/*メインコンテンツ*/
/* ########################################## */
#contents_main #main_area{
	width:576px;
}
/* 左右に分割 */
#contents_main #left_area{
	width:192px;
	float:left;
}
#contents_main #right_area{
	width:384px;
	float:right;
}
/* -------------------------------------------------- */
/* 共通 */
/* -------------------------------------------------- */
span.red{
	color:#F30;
}
span.blue{
	color:#36F;
}
/* -------------------------------------------------- */
/* ライト(中央)エリア */
/* -------------------------------------------------- */
/* 本文 */
#contents_main p.text{
	padding:0px 20px 16px 28px;
	font-size:12px;
	line-height:20px;
}
/* 画像 */
#contents_main #centerimg_area{
		margin:0px 0px 0px 20px;
}
#contents_main img.centerimg{
	margin:8px 0px 0px 8px;
	border: solid #666666 1px;
}
/* 文中の画像 */
#contents_main img.floatimg{
	float:right;
	margin:0px 0px 8px 8px;
	border: solid #666666 1px;
}
/* -------------------------------------------------- */
/* サイド(左)エリア */
/* -------------------------------------------------- */
/* 画像 */
#contents_main #sideimg_area{
		margin:0px 0px 0px 15px;
}
#contents_main img.sideimg{
	margin:8px 0px 0px 0px;
	border: solid #666666 1px;
}
/* 文 */
#contents_main #sideinfo_area{
	width:176px;
	margin:8px 0px 0px 8px;
}
/* サイド お知らせ */
#contents_main p.sideinfo{
	margin: 8px 8px 0px 8px;
	padding: 4px 0px 4px 2px;
	font-size:10px;
	color:#666666;
	border-top: solid #cccccc 1px;
	border-bottom: solid #cccccc 1px;
}
/* 名前等 */
#contents_main p.nm{
	margin: 8px 0px 4px 8px;
	font-size:12px;
}
/* 住所等 */
#contents_main p.add{
	margin: 0px 0px 0px 20px;
	font-size:11px;
}
/* メール */
#contents_main p.ml{
	margin: 0px 0px 0px 20px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:left;
	font-size:10px;
	letter-spacing:0px;
}
#contents_main p.ml a{
	padding: 0px;
	color:#666666;
	text-decoration:none;
}
#contents_main p.ml a:hover{
	padding: 0px;
	color:#F66;
	text-decoration:underline;
}
/*イメージ用キャプション */
#contents_main p.imgcap{
	margin: 0px 0px 0px 0px;
	color:#666666;
	font-size:9px;
}

/* -------------------------------------------------- */
/* アンカー */
/* -------------------------------------------------- */
#contents_main div.a01{
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 0px;
}
#contents_main div.a01 a,
#contents_main div.a02 a{
	font-size:12px;
	display:block;
	width:144px;
	height:21px;
	padding:3px 0px 0px 24px;
	text-decoration:none;
	color:#999999;
}
#contents_main div.a01 a:hover,
#contents_main div.a02 a:hover{
	text-decoration:underline;
	color:#ff5847;
}
#contents_main div.a01 a{
	background-image: url('../img/ac/base/a01.png');
}
#contents_main div.a01 a:hover{
	background-image: url('../img/ac/on/a01.png');
}
#contents_main div.a02 a{
	background-image: url('../img/ac/base/a02.png');
}
#contents_main div.a02 a:hover{
	background-image: url('../img/ac/on/a02.png');
}