/*#############################################################*/
/*# Engel Marine from Takasaki 用CSS定義ファイル              #*/
/*#---------------------------------------------------------  #*/
/*# [N]: 2006/10/06 : 新規作成                                #*/
/*#############################################################*/

/*------------------------基本タグ定義---------------------------*/

/* bodyタグ */
	body {
		text-align:center;
	}
		
/* 強調タグ */
	em {
		color:red;
		font-weight:bold;
		font-style:normal;
		font-size:larger;
		line-height:155%;
	}

/* リンクタグ */
	a:link { 
		color:#3366CC;
	}
	a:visited {
		color:#3366CC;
	}
	a:hover {
		color:rgb(128,0,0);
	}

/* IMGタグ */
	img {
		border-style:none;
	}

/* H1タグ */
	h1 {
		font-size:large;
		font-weight:bold;

		padding-top:0px;
		padding-bottom:0px;
		padding-left: 20px;
		padding-right: 0px;

		border-style:dotted;
		border-top-width:0px;
		border-bottom-width:4px;
		border-left-width:0px;
		border-right-width:0px;
		border-color:#C6C6EC;
	}

/* H2タグ */
	h2 {
		font-size:medium;
		font-weight:normal; 

		padding-top:0px;
		padding-bottom:0px;
		padding-left: 20px;
		padding-right: 0px;

		border-style:solid;
		border-top-width:0px;
		border-bottom-width:1px;
		border-left-width:0px;
		border-right-width:0px;
		border-color:#C6C6EC;
	}

/* dlタグ */
	dl {
		font-size:small;
		font-weight:normal;

		padding-top:0px;
		padding-bottom:2px;
		padding-left: 30px;
		padding-right: 0px;
	}

/* dtタグ */
	dt {
		font-weight:bold;

		padding-top:0px;
		padding-bottom:0px;
		padding-left: 0px;
		padding-right: 0px;

		margin-top:0px;
		margin-bottom:5px;
		margin-left: 0px;
		padding-right: 0px;
	}

/* ddタグ */
	dd {
		font-weight:normal;

		margin-top:0px;
		margin-bottom:5px;
		margin-left: 20px;
		padding-right: 0px;
	}


/*------------------------Angel Marine専用レイアウト定義---------------------------*/
/*========フレーム（枠線）定義==========*/
/* ヘッダフレーム */					/*### ページ上部の青い帯 ###*/
	.am_header {
		width:800px;
		background-color:#C6C6EC; 
		
		text-align:left;				/* 文字は左揃えで控えめにする */
		text-indent:10px;
		font-size:8pt;
		color:#5050c3;
		
		padding-top:2px;				/* 帯文字を見やすくするため、上下に隙間を設ける。 */
		padding-bottom:2px;
		padding-left: auto;
		padding-right: auto;

		margin-top:0px;					/* text-alignで<div>を中央寄せするため、left/rightをauto設定とする */
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;

		border-style: solid;			/* メインフレームの枠とサイズをあわせるため、枠線をつける。bottomは膨らむので削除 */
		border-top-width:1px;
		border-bottom-width:0px;
		border-left-width:1px;
		border-right-width:1px;
		border-color:#C6C6EC;
	}

/* ボディフレーム */					/*### ページ全体を包む枠線 ###*/
	.am_mainfrm {
		width:800px;
		background-image: url(./images/bg.gif); 	/* 背景画像として、左側に小さいグラデーション線を指定 */

		padding:0px;

		margin-top:0px;					/* text-alignで<div>を中央寄せするため、left/rightをauto設定とする */
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;

		border-style: solid;			/* 青い枠線を指定 */
		border-width:1px;
		border-color:#C6C6EC;
	}

/* フッタフレーム */				/*### ページ下部の枠線。店の住所やメアドなど。 ###*/
	.am_foot {
		width:800px;
		background-image: url(./images/bg.gif); 	/* 背景画像として、左側に小さいグラデーション線を指定 */

		padding:0px;

		margin-top:0px;				/* text-alignで<div>を中央寄せするため、left/rightをauto設定とする */
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;

		border-style: solid;
		border-top-width:0px;
		border-bottom-width:1px;
		border-left-width:1px;
		border-right-width:1px;
		border-color:#C6C6EC;
	}

/*========ボディフレーム内定義==========*/


/* タイトル画像 */					/*### タイトル画像用。上下に多少のスペースを確保 ###*/
	img.am_title {
		margin-top:5px;
		margin-bottom:10px;
		margin-left:auto;
		margin-right:auto;
	}

/*メニューバー*/					/*### メニューのリンクを並べるスペース ###*/
	.am_menu {
		width:80%;
		color:#A3A3E0;
		background-color:#F0F0FB;
		
		padding-top:2px;
		padding-bottom:2px;
		padding-left:0px;
		padding-right:0px;

		margin-top:0px;
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;
	}

/* メニュー用リンク */				/*### メニュー用のリンクスタイル ###*/
	a.am_menu_link:link { 
			color:#3366CC;
	}
	a.am_menu_link:visited {
		color:#3366CC;
	}
	a.am_menu_link:hover {
		color:rgb(128,0,0);
	}

									/*### メニューバーの上下飾り罫線 ###*/
	.menu_hr {
		width:80%;
		border-color:#C6C6EC;
		border-style: dashed;
	}

/* 足跡(パンくずリスト) */			/*### 今何処にいるか、が判るようにするためのナビ情報 ###*/
	.am_footpoint{
		width:80%;
		text-align:left;
		font-size:x-small;
		color:#666666;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:0px;
		padding-right:0px;
		margin-top:0px;
		margin-bottom:0px;
		margin-left: auto;
		margin-right: auto;
	}

/* コンテンツタグ */				/*### 実際のホームページコンテンツ記入用 ###*/
	.am_contents {
		width:80%;
		text-align:left;
		color:#444444;

		margin-top:20px;				/* text-alignで<div>を中央寄せするため、left/rightをauto設定とする */
		margin-bottom:20px;
		margin-left: auto;
		margin-right: auto;
	}

/*========フットフレーム内定義==========*/

/*フッタ*/
	.am_footer {
		text-align:center;
		width:100%;
		border:none;
		margin:0px;
		padding:0px;
	}
	
	.am_footer_banner {
		margin:0px;
		padding:0px;
	}
	
	.am_footer_address {
		font-size:10pt;
		margin:0px;
		padding:0px;

		border-style:solid;
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-right-width: 0px;
		border-color:#c6c6ec;
	}
