/* base.css */

@charset "euc-jp";

/* +++ 基本設定 +++ */

html {
	overflow-y: scroll;
}

body {
	background: #FFFFFF;
	text-align: center;
	color: #222222;
}

a:link {
	color: #0000ff;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: underline;
}

/* +++ DIV疑似クラス 設定（Safari float 調整） +++ */

/* div:after { ←この指定を行なうとネスケで不具合がおきる */
div.float_adjustment:after {
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}

/* +++ 画面表示サイズ 設定 +++ */

div#init_set {
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 1px;
}

/* +++ 全体背景画像 設定 +++ */

div.init_back {
	width: 754px;
}

/* +++ ヘッダ背景画像 設定 +++ */

div.head_back {
	background: url(../images/bg_head.jpg) no-repeat left top;
	width: 754px;
}

/* +++ コンテンツ表示サイズ 設定 +++ */

/* +++ 通常用 +++ */
div.init_back div.cont_width {
	background: url(../images/bg_body.jpg) repeat-y left top;
	width: 754px;
	padding: 0px 0px 0px;
}

/* +++ トップ用 +++ */
div.init_back div.cont_width_top {
	background: url(../images/bg_body_top.jpg) repeat-y left top;
	width: 754px;
	padding: 0px 0px 0px;
}

/* +++ フッタ背景画像 設定 +++ */
/* +++ 未使用 +++ */

div.init_back div.foot_width {
	background: url(../images/bg_foot.jpg) no-repeat left bottom;
	width: 736px;
	padding-bottom: 91px;
}

/* +++ ヘッダ 設定 +++ */

div#header_set {
	height: 89px;
	position: relative;
}

/* +++ ロゴ 設定 +++ */

div#header_set div.logo {
	position: absolute;
	top: 27px;
	left: 5px;
}

/* +++ テキスト 設定 +++ */

div#header_set p.text {
/*div#header_set div.text { */
	position: absolute;
	top: 15px;
	right: 7px;
/* 	left: 560px; */
	color: #ffffff;
	font-size: 125%;
	font-weight: bold;
	line-height: 130%;
/* right を使用する時は div 指定ではなく p 指定で行なう */
}

div#header_set p.text2 {
/*div#header_set div.text2 { */
	position: absolute;
	top: 70px;
	right: 7px;
/* 	left: 423px; */
	color: #ffffff;
	font-size: 80%;
	font-weight: nomal;
	line-height: 100%;
/* right を使用する時は div 指定ではなく p 指定で行なう */
}

/* div#header_set div.text { */
/* 	position: absolute; */
/* 	top: 12px; */
/* 	left: 453px; */
/* } */

/* div#header_set div.text2 { */
/* 	position: absolute; */
/* 	top: 4px; */
/* 	left: 173px; */
/* 	color: #ffff00; */
/* 	font-size: 160%; */
/* 	font-weight: bold; */
/* 	line-height: 100%; */

/* +++ ボタン 設定 +++ */

div#header_set p#btn_r1 {
	position: absolute;
	top: 25px;
	right: 15px;
}

div#header_set p#btn_r2 {
	position: absolute;
	top: 25px;
	right: 92px;
}

div#header_set p#btn_r3 {
	position: absolute;
	top: 25px;
	right: 169px;
}

div#header_set p#btn_r4 {
	position: absolute;
	top: 25px;
	right: 246px;
}

div#header_set p#btn_r5 {
	position: absolute;
	top: 25px;
	right: 323px;
}

/* +++ 共通タイトル +++ */

div#commonness_title h1 {
	position: relative;
	padding: 2px 15px 4px;
	color: #00367B;
	font-size: 115%;
	font-weight: bold;
}

/* +++ メインボタン +++ */

div#main_button {
	height: 48px;
	position: relative;
}

div#main_button p#btn_l1 {
	position: absolute;
	top: 3px;
	left: 3px;
}

div#main_button p#btn_l2 {
	position: absolute;
	top: 3px;
	left: 78px;
}

div#main_button p#btn_l3 {
	position: absolute;
	top: 3px;
	left: 153px;
}

div#main_button p#btn_l4 {
	position: absolute;
	top: 3px;
	left: 228px;
}

div#main_button p#btn_l5 {
	position: absolute;
	top: 3px;
	left: 303px;
}

div#main_button p#btn_l6 {
	position: absolute;
	top: 3px;
	left: 378px;
}

div#main_button p#btn_l7 {
	position: absolute;
	top: 3px;
	left: 453px;
}

div#main_button p#btn_l8 {
	position: absolute;
	top: 3px;
	left: 528px;
}

div#main_button p#btn_l9 {
	position: absolute;
	top: 3px;
	left: 603px;
}

div#main_button p#btn_l10 {
	position: absolute;
	top: 3px;
	left: 678px;
}

div#main_button p#btn_l11 {
	position: absolute;
	top: 42px;
	left: 3px;
}

div#main_button p#btn_l12 {
	position: absolute;
	top: 42px;
	left: 78px;
}

div#main_button p#btn_l13 {
	position: absolute;
	top: 42px;
	left: 153px;
}

div#main_button p#btn_l14 {
	position: absolute;
	top: 42px;
	left: 228px;
}

div#main_button p#btn_l15 {
	position: absolute;
	top: 42px;
	left: 303px;
}

div#main_button p#btn_l16 {
	position: absolute;
	top: 42px;
	left: 378px;
}

div#main_button p#btn_l17 {
	position: absolute;
	top: 42px;
	left: 453px;
}

div#main_button p#btn_l18 {
	position: absolute;
	top: 42px;
	left: 528px;
}

/* YAHOO オークションバナー用 */
div#main_button p#btn_l19 {
	position: absolute;
	top: 42px;
	left: 605px;
}

/* div#main_button p#btn_l19 { */
/* 	position: absolute; */
/* 	top: 42px; */
/* 	left: 603px; */
/* } */

div#main_button p#btn_l20 {
	position: absolute;
	top: 42px;
	left: 678px;
}

/* +++ コンテンツ 設定（トップページ用） +++ */

div#contents_set_top {
	width: 754px;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 100%;
/*	margin-right: auto; */
/*	margin-left: auto; */
/* */
/*	margin-right: auto; と margin-left: auto; は */
/*	margin:0 auto と同じ意味 */
}

/* +++ コンテンツ 設定 +++ */

div#contents_set {
	width: 754px;
	position: relative;
	top: 0px;
	left: 0px;
}

/* +++ トップページ 背景イメージ +++ */

div#contents_set p#top_bg_image {
	background: url(../images/top_bg_image.jpg) no-repeat left top;
	width: 750px; /* ←巾は必ず指定する */ 
	height: 640px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* +++ サイドメニューボタン +++ */

div#contents_set p#menu_l1 {
	position: absolute;
	top: 4px;
	left: 0px;
}

div#contents_set p#menu_l2 {
	position: absolute;
	top: 40px;
	left: 0px;
}

div#contents_set p#menu_l3 {
	position: absolute;
	top: 76px;
	left: 0px;
}

div#contents_set p#menu_l4 {
	position: absolute;
	top: 112px;
	left: 0px;
}

div#contents_set p#menu_l5 {
	position: absolute;
	top: 148px;
	left: 0px;
}

/* +++ パンくずリスト +++ */

/*div#contents_set p#pankuzu_list { */
/*	width: 744px; */
/*	position: relative; */
/*	top: 4px; */
/*	left: 10px; */
/*	font-size: 80%; */
/*} */

/* +++ タイトル +++ */

div#contents_set div.title h1 {
	width: 744px;
	position: relative;
	top: 14px;
	left: 12px;
	color: #0066CC;
	font-size: 115%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}
/* +++ タイトル2 +++ */

div#contents_set div.title2 h1 {
	width: 744px;
	position: relative;
	top: 0px;
	left: 12px;
	color: #0066CC;
	font-size: 115%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
}

/* +++ タイトル2コメント +++ */

div#title_contents {
	width: 744px;
	position: absolute;
	top: 62px;
	left: 217px;
	color: #222222;
	font-size: 80%;
	font-weight: nomal;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* +++ ページ内リンク +++ */

div#contents_set div.page_link {
	width: 744px;
	position: relative;
	top: 10px;
	left: 10px;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 35px;
}

/* +++ 枠 設定 +++ */

div#contents_set div.frame_set {
	width: 588px;
	position: relative;
	top: 8px;
	left: 192px;
	font-size: 100%;
}

/* +++ パンくずリスト&タイトル 設定 +++ */

div#pankuzu_title_set {
	width: 734px;
	position: relative;
	font-size: 100%;
	margin-top: 0px;
	margin-left: 10px;
/* top: left: 等は使用してはいけない */
/* margin-x: を使用する */
}

/* +++ パンくずリスト +++ */

div#pankuzu_title_set p#pankuzu_list {
	width: 580px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 80%;
	line-height: 115%;
}

/* +++ パンくずリスト（2段表示用） +++ */

/*div#pankuzu_title_set p#pankuzu_list2 { */
/*	width: 580px; */
/*	position: absolute; */
/*	top: 21px; */
/*	left: 30px; */
/*	font-size: 80%; */
/*	line-height: 100%; */
/* 	line-height: 115%; は使用不可（WinIEで改行時に下の地紋がずれる） */
/*} */

/* +++ タイトル内テキスト 設定 +++ */

div#pankuzu_title_set div.title_text h1 {
	position: absolute;
	top: 22px;
	left: 0px;
	color: #000000;
	font-size: 115%;
	font-weight: bold;
}

/* +++ タイトル 設定 +++ */

div#pankuzu_title_set p#title {
	position: absolute;
	top: 22px;
	left: 0px;
}

/* +++ タイトル内バナー 設定 +++ */

div#pankuzu_title_set p#banner {
	position: absolute;
	top: 0px;
	left: 588px;
}

/* +++ コンテンツ表示領域 設定 +++ */

div#area_set {
	width: 724px;
	position: relative;
	font-size: 100%;
	margin-top: 80px;
	margin-left: 20px;
/* top: left: 等は使用してはいけない */
/* margin-x: を使用する */
}

/* +++ コンテンツ表示領域 設定（トップページ） +++ */

div#top_area_set {
	width: 734px;
	position: relative;
	font-size: 100%;
	margin-top: 150px;
	margin-left: 10px;
/* top: left: 等は使用してはいけない */
/* margin-x: を使用する */
}

/* +++ タイトル 設定（トップページ） +++ */

div#top_area_set div.title {
	width: 734px;
	position: relative;
	left: 0px;
	margin-bottom: 10px;
}

/* +++ コンテンツ表示領域 (お問合せ) 設定 +++ */

/*div#contents_set div.area_set { */
/*	width: 744px; */
/*	position: relative; */
/*	top: 4px; */
/*	left: 10px; */
/*	font-size: 100%; */
/*} */

/* +++ マーク 設定 +++ */

div#mark_set {
	width: 754px;
	height: 80px;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* +++ マーク位置 設定 +++ */

div#mark_set div.position {
	position: absolute;
	top: 0px;
	left: 12px;
}

/* +++ カウンタ&リンクバナー 設定 +++ */

div#counter_link_ban_set {
	width: 754px;
	height: 80px;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* +++ カウンター位置 設定 +++ */

div#counter_link_ban_set p#counter {
	width: 145px;
	position: absolute;
	top: 20px;
	left: 0px;
	text-align: center;
	font-size: 80%;
}

/* +++ リンクバナー位置 設定 +++ */

div#counter_link_ban_set p#link_ban {
	width: 145px;
	position: absolute;
	top: 20px;
	left: 589px;
	text-align: center;
	font-size: 80%;
}

/* +++ ページナビゲーション 設定 +++ */

/* +++ 通常用 +++ */
div#page_navi_set {
	background: url(../images/bg_body.jpg) repeat-y left top;
	width: 754px;
	height: 40px;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* +++ ページナビゲーション位置 設定 +++ */

/* +++ 通常用 +++ */
div#page_navi_set p#page_navi1 {
/*	width: 734px; ←指定するとrightの指定ができなくなる */
	position: absolute;
	top: 0px;
	left: 10px;
	font-size: 80%;
}

div#page_navi_set p#page_navi2 {
/*	width: 734px; ←指定するとrightの指定ができなくなる */
	position: absolute;
	top: 20px;
	left: 10px;
	font-size: 80%;
}

/* +++ ページナビゲーション 設定 +++ */

/* +++ トップ用 +++ */
div#page_navi_top_set {
	background: url(../images/bg_body_top.jpg) repeat-y left top;
	width: 754px;
	height: 40px;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
}

/* +++ ページナビゲーション位置 設定 +++ */

/* +++ トップ用 +++ */
div#page_navi_top_set p#page_navi1 {
/*	width: 734px; ←指定するとrightの指定ができなくなる */
	position: absolute;
	top: 0px;
	left: 10px;
	color: #fff;
	font-size: 80%;
}

div#page_navi_top_set p#page_navi2 {
/*	width: 734px; ←指定するとrightの指定ができなくなる */
	position: absolute;
	top: 20px;
	left: 10px;
	color: #fff;
	font-size: 80%;
}

/* +++ 画像表示領域 設定 +++ */
/* 写真の配置（横並び） */

div#area_set .image_set {
	position: relative;
	width: 340px;
	float: left;
	margin: 5px;
}

/* +++ フッタ 設定 +++ */

div#footer_set {
	background: url(../images/bg_foot.jpg) no-repeat left top;
	width: 754px;
	height: 69px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

/* +++ アドレス 設定 +++ */

div#footer_set address {
	width: 680px;
	position: absolute;
	top: 10px;
	left: 12px;
/*	color: #fff; */
	color: #FFFF7F; 
	font-size: 80%;
	line-height: 1.3em;
}

/* +++ ページの先頭へ戻る +++ */

div#footer_set p#thispage_top {
	position: absolute;
	right: 25px;
	bottom: 20px;
	font-size: 80%;
}

/* +++ key word（ヘッダ） +++ */

p#header_keyword {
	text-align: center;
/*	padding-top: 10px; */
	font-size: 65%;
	line-height: 109%;
}

/* +++ key word（フッタ） +++ */

p#footer_keyword {
	text-align: center;
	font-size: 65%;
	line-height: 109%;
}

/* +++ copyright +++ */

p#copyright {
	text-align: center;
/*	padding-bottom: 10px; */
	font-size: 80%;
	line-height: 115%;
}