/*┌──────────────────────────────────────
/*│  共通スタイルシート v0.0.1 (2008/05/23)
/*│  common.css
/*│  Copyright (c) HOKKAIDO CHUO BUS CO., LTD.
/*│  http://www.chuo-bus.co.jp/
/*│  ogawa_tak@gim.chuo-bus.co.jp
/*└─────────────────────────────────────*/

/*============================================================================*/
/*                              [ 基本設定関係 ]                              */
/*============================================================================*/

/*-- [ 文字コード ] ----------------------------------------------------------*/
@charset 'UTF-8';

/*-- [ 印刷 ] ----------------------------------------------------------------*/
@page { size : 20cm 28.5cm; margin : 0.5cm; }

/*-- [ メイン ] --------------------------------------------------------------*/
* {
	margin  : 0px;
	padding : 0px;
}

html, body {
	width       : 100%;
	height      : auto !important;
	height      : 100%;
	margin      : 0px auto;
	border-width : 0px;
	font-family : 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo,
	              'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	line-height : 150%;
	color       : #333;/*	font-size   : 12px;*//*	font-size   : medium;*/
}

body {
	text-align : center;
	background : url(../img/bdy_bg.jpg) top left;
}

table {
	empty-cells : show;
	font-family : 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo,
	              'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	line-height : 150%;
	color       : #333;
/*	font-size   : 12px;*/
}

dl, ul {
	margin-top     : 0px;
	margin-bottom  : 0px;
	padding-top    : 0px;
	padding-bottom : 0px;
}

img {
	border         : none;
	vertical-align : text-bottom;
}

.FltL { float   : left;  } /* 左回り */
.FltR { float   : right; } /* 右回り */
.Hdn  { display : none;  } /* 非表示 */
.ClrB { clear   : both;  } /* 回解除 */
.AlgL { text-align : left;   } /* 左寄せ   */
.AlgC { text-align : center; } /* 中央寄せ */
.AlgR { text-align : right;  } /* 右寄せ   */
.AlgR a { 
	padding-left : 15px;
	background : url(../images/lnk_mark.gif) top left no-repeat;
}
/*-- [ フォームオブジェクト ] ------------------------------------------------*/

form {
	margin         : 0px;
	padding        : 0px;
/*	font-size      : 12px;*/
	font-family    : 'ＭＳ ゴシック', 'Osaka－等幅', monospace;
}

input, select, textarea {
	margin         : 0px;
	letter-spacing : 1px;
/*	font-size      : 12px;*/
	font-family    : 'ＭＳ ゴシック', 'Osaka－等幅', monospace;
}

.LgFrm { /* 大きいサイズのフォームオブジェクト */
	margin         : 0px;
	letter-spacing : 1px;
	font-size      : 16px;
	font-family    : 'ＭＳ ゴシック', 'Osaka－等幅', monospace;
}

/*-- [ リンク ] --------------------------------------------------------------*/
a, a:link {
	text-decoration : none;
	color           : #006699;
}
a:visited {
	text-decoration : none;
	color           : #006699;
}
a:focus, a:hover, a:active {
	text-decoration : none;
	color           : #006699;
}

a.Rev { color : #FFFFFF; }
a.Rev:link {
	text-decoration : none;
	color           : #FFFFFF;
}
a.Rev:visited {
	text-decoration : none;
	color           : #EEEEEE;
}
a.Rev:focus, a.Rev:hover, a.Rev:active {
	text-decoration : underline;
	color : #FF0000;
}

.Lnk { 
	color : #006699;
	text-decoration : underline;
}
/*-- [ フォントサイズ ] ------------------------------------------------------*/

/*small { font-size : 10px; }  フォントサイズ <small></small> */
/*big   { font-size : 16px; }  フォントサイズ <big></big> */


/* フォントサイズ 10px */
.F10     { font-size : 10px; }
.F10L125 { font-size : 10px; line-height : 125%; }
.F10L150 { font-size : 10px; line-height : 150%; }

/* フォントサイズ 12px */
.F12     { font-size : 12px; }
.F12L125 { font-size : 12px; line-height : 125%; }
.F12L150 { font-size : 12px; line-height : 150%; }

/* フォントサイズ 14px */
.F14     { font-size : 14px; }
.F14L125 { font-size : 14px; line-height : 125%; }
.F14L150 { font-size : 14px; line-height : 150%; }

/* フォントサイズ 16px */
.F16     { font-size : 16px; }
.F16L125 { font-size : 16px; line-height : 125%; }
.F16L150 { font-size : 16px; line-height : 150%; }

/* フォントサイズ 18px */
.F18     { font-size : 18px; }
.F18L125 { font-size : 18px; line-height : 125%; }
.F18L150 { font-size : 18px; line-height : 150%; }

/*-- [ 行間 ] ----------------------------------------------------------------*/
.L125 { line-height : 125%; } /* 行間 125% */
.L150 { line-height : 150%; } /* 行間 150% */
.L175 { line-height : 175%; } /* 行間 175% */
.L200 { line-height : 200%; } /* 行間 200% */

/*-- [ 書体 ] ----------------------------------------------------------------*/
/* サンセリフ・エーリアル */
.SansSerifArial { font-family: Arial, Helvetica, sans-serif }

/* サンセリフ・ゴシック */
.SansSerifOsaka { font-family: 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo,
	                           'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif }

/* 等幅・ゴシック */
.MonospaceOsaka { font-family: 'ＭＳ ゴシック', 'Osaka－等幅', monospace }

/* セリフ・タイムズ */
.SerifTimes     { font-family: Times, 'Times New Roman', serif }

/* セリフ・明朝 */
.SerifMinchou   { font-family: 'ＭＳ Ｐ明朝', '平成明朝',
	                           'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif }

/* 装飾 */
.FantasyCourier { font-family: 'Courier New', Courier,
	                           'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', fantasy }

.FantasyImpact  { font-family: Impact, Chicago,
	                           'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', fantasy }

.FantasyComic   { font-family: 'Comic Sans MS', Geneva,
	                           'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', fantasy }

/*-- [ インポート ] ----------------------------------------------------------*/

/*============================================================================*/
/*                               [ 色指定関係 ]                               */
/*============================================================================*/
.red  { color : #ff0000; }
.blue { color : #006699; }

/*============================================================================*/
/*                             [ レイアウト関係 ]                             */
/*============================================================================*/

/*-- [ 全体レイアウト ] ------------------------------------------------------*/
#Wallpaper{
	background : url( '../img/hdr_bg.jpg' ) top left repeat-x;
}

#Wrapper {
	text-align : center; /* IE 中央揃え */
}

#Container {
	margin     : 0 auto;
	min-height : 761px;           /* min-height */
	height     : auto !important; /* IE6  */
	height     : 761px;           /* hack */
	width      : 800px;
	text-align : left;

	background : #FFF url( '../img/wrp_bg.gif' ) top center repeat-y;
}
#ContainerMain {
	margin     : 0;
	padding    : 0;
	width      : 800px; /* IE6  */
	background : url( '../img/hdr_bg.jpg' ) top left repeat-x;
}

#Main { /* 幅760px */
	display    : inline; /* IE6  */
	margin-left: 20px;
	margin-top : 10px;
	padding    : 0;
	width      : 760px;
	float      : left;
	text-align : left;
}

#Side { /* 幅170px */
	float   : left;
	width   : 180px;
}

#Contents3Col { /* 幅460px */
	width   : 560px;
	float   : right;
	padding-left : 10px;
}

#Contents2Col { /* 幅640px */
	padding-left : 10px;
	float   : left;
	width   : 620px;
}

#Contents1Col { /* 幅960px */
	padding-left : 0;
	float   : left;
	width   : 760px;
}

#Sub { /* 幅0px */
	margin     : 0;
	padding    : 0;
	margin-top   : 10px;
	padding-left : 10px;
	width   : 300px;
	float   : left;
}

/*-- [ ヘッダー ] ------------------------------------------------------------*/
#Logo {
	float   : left;
	margin  : 0;
	padding : 0;
	display : block;
	width   : 195px;
	height  : 65px;
	background : url( '../img/logo.jpg' ) top left no-repeat;
}
#Logo span { display : none; }

#Google {
	text-align : right;
	font-size  : 14px;
	float   : right;
	margin  : 10 0 0 0;
	padding : 0;
	display : block;
	width   : 600px;
	height  : 55px;
	font-family : 'ＭＳ Ｐゴシック', 'メイリオ', Meiryo,
	              'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}

#HdrObject #HeaderMenu {
	height     : 32px;
	width      : 800px;
}
#HdrObject #HeaderMenu ul {
	display    : block;
	margin     : 0;
	list-style : none;
	height     : 32px; /* IE 隙間対策 */
}

#HdrObject #HeaderMenu li { 
	list-style : none;
	float : left; 
}
#HdrObject #HeaderMenu li a, #HdrObject #HeaderMenu li p {
	display      : block;
	height       : 32px;
}
#HdrObject #HeaderMenu li a span  { display : none; }

#HdrObject #HDM0 {
	width : 129px;
	background : url( '../img/hdr_menu1.jpg' ) top left no-repeat;
}

#HdrObject #HDM1 {
	width : 140px;
	background : url( '../img/hdr_menu2.jpg' ) top left no-repeat;
}

#HdrObject #HDM2 {
	width : 220px;
	background : url( '../img/hdr_menu3.jpg' ) top left no-repeat;
}

#HdrObject #HDM3 {
	width : 140px;
	background : url( '../img/hdr_menu4.jpg' ) top left no-repeat;
}

#HdrObject #HDM4 {
	width : 171px;
	background : url( '../img/hdr_menu5.jpg' ) top left no-repeat;
}

#HdrObject #HDM5 {
	width : 171px;
	background : url( '../img/hdr_menu6.jpg' ) top left no-repeat;
}

#HdrObject #SubMenu {
	height     : 33px;
	width      : 800px;
}
#HdrObject #SubMenu ul {
	display    : block;
	margin     : 0;
	list-style : none;
	height     : 33px; /* IE 隙間対策 */
}

#HdrObject #SubMenu li { 
	list-style : none;
	float : left; 
}
#HdrObject #SubMenu li a, #HdrObject #SubMenu li p {
	display      : block;
	height       : 33px;
}
#HdrObject #SubMenu li a span  { display : none; }

#HdrObject #SBM01 {
	width : 65px;
	background : url( '../img/hdr_sub_menu01.jpg' ) top left no-repeat;
}

#HdrObject #SBM02 {
	width : 60px;
	background : url( '../img/hdr_sub_menu02.jpg' ) top left no-repeat;
}

#HdrObject #SBM03 {
	width : 50px;
	background : url( '../img/hdr_sub_menu03.jpg' ) top left no-repeat;
}

#HdrObject #SBM04 {
	width : 55px;
	background : url( '../img/hdr_sub_menu04.jpg' ) top left no-repeat;
}

#HdrObject #SBM05 {
	width : 60px;
	background : url( '../img/hdr_sub_menu05.jpg' ) top left no-repeat;
}

#HdrObject #SBM06 {
	width : 75px;
	background : url( '../img/hdr_sub_menu06.jpg' ) top left no-repeat;
}

#HdrObject #SBM07 {
	width : 50px;
	background : url( '../img/hdr_sub_menu07.jpg' ) top left no-repeat;
}

#HdrObject #SBM08 {
	width : 90px;
	background : url( '../img/hdr_sub_menu08.jpg' ) top left no-repeat;
}

#HdrObject #SBM09 {
	width : 100px;
	background : url( '../img/hdr_sub_menu09.jpg' ) top left no-repeat;
}

#HdrObject #SBM10 {
	width : 80px;
	background : url( '../img/hdr_sub_menu10.jpg' ) top left no-repeat;
}

#HdrObject #SBM11 {
	width : 50px;
	background : url( '../img/hdr_sub_menu11.jpg' ) top left no-repeat;
}

#HdrObject #SBM12 {
	width : 65px;
	background : url( '../img/hdr_sub_menu12.jpg' ) top left no-repeat;
}

/*-- [ コンテンツ ] ----------------------------------------------------------*/
/* Container */


#Contents3Col h1 {
	width  : 555px;
	height : 30px;
	font-size  : 18px;
	padding    : 3px 0 0 25px;
	background : url(../img/cont_tit.jpg) top left no-repeat;
	margin-left   : -10px;
	margin-right  : -10px;
	margin-bottom : 10px;
}

#Contents3Col h2 { margin-top : 10px; }
#Contents3Col p { margin : 15px 0 0 0; }

.ToUp { text-align : right; }
.ToUp a {
	clear : both;
	color : #006699;
	padding-left    : 12px;
	background      : url(../img/dot_up.gif) left top no-repeat;
	text-decoration : underline;
}

/*-- [ フッター ] ------------------------------------------------------------*/
#Copyright {
	margin      : 0px auto;
	height     : 30px;
	width      : 800px;
	background : url( '../img/ftr_bg.jpg' ) top left;
}
#Copyright span { display : none; }

/*-- [ パーツ ] --------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/