@charset "utf-8";

body {
	background:url(../img/shar/base_back.gif);
	position:relative;
	text-align:center;
}

ul {
	list-style: none;
	list-style-position: outside;
}

ul.row_menu li {
	float:left;
}

div.image {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
a.image {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}




/* Link_type1
----------------------------------------------- */
a.type1  {
	font-size:12px;
	line-height: 1.2;
	color: #ff9900;
	text-decoration:underline;
}

a:hover.type1  {
	color: #ffcc99;
}



/* Link_type2
----------------------------------------------- */
a.type2  {
	font-size:12px;
	line-height: 1.2;
	color: #555555;
	text-decoration:none;
	padding-left:16px;
	height:14px;
	background:url(../img/shar/link_type2_off.gif) no-repeat;
	background-position:left center-1;
}

a:hover.type2  {
	color: #ff9900;
	text-decoration:none;
}
a.type2 .image {
	position:absolute;
	width:0px;
	height:0px;
}



/* Link_type3
----------------------------------------------- */
a.type3  {
	font-size:12px;
	line-height: 1.2;
	color: #555555;
	text-decoration:none;
	padding-left:16px;
	height:14px;
	background:url(../img/shar/link_type3_off.gif) no-repeat;
	background-position:left center-1;
}

a:hover.type3  {
	color: #ff9900;
	text-decoration:none;
}
a.type3 .image {
	position:absolute;
	width:0px;
	height:0px;
}



/* Link_type4
----------------------------------------------- */
a.type4  {
	font-size:12px;
	line-height: 1.2;
	color: #555555;
	text-decoration:none;
	padding-left:16px;
	height:14px;
	background:url(../img/shar/link_type4_off.gif) no-repeat;
	background-position:left center-1;
	
}

a:hover.type4  {
	color: #66cc33;
	text-decoration:none;
}
a.type4 .image {
	position:absolute;
	width:0px;
	height:0px;
}



/* Link_type5
----------------------------------------------- */
a.type5  {
	color: #555;
	line-height: 1.2;
	text-decoration:underline;
}

a:hover.type5  {
	color: #f90;
}



/* h2_type1
----------------------------------------------- */
h2.type1 {
	width:626px;
	height:35px;
	position:relative;
}



/* h2_type2
----------------------------------------------- */
h2.type2 {
	width:626px;
	height:35px;
	position:relative;
}

h2.type2 .image{
	background:url(../img/shar/h2_type2_default.gif);
	background-position:left -35px;
}

h2.type2 a:link .image{
	background-position:left -35px;
}

h2.type2 a:hover .image{
	background-position:left 0px;
}



/* h2_type3
----------------------------------------------- */
h2.type3 {
	width:234px;
	height:36px;
	position:relative;
}



/* h3_type1
----------------------------------------------- */
h3.type1 {
	width:587px;
	height:30px;
	margin:0 auto 0 auto;
	position:relative;
}



/* h3_type2
----------------------------------------------- */
h3.type2 {
	font-size:116%;
	color:#ff9900;
	text-align:left;
}



/* h4_type1
----------------------------------------------- */
h4.type1 {
	font-size:108%;
	color:#ff9900;
}



/* submit_type1
----------------------------------------------- */
.submit {
	width:207px;
	height:20px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	display:block;
}



/* ボディー関連
----------------------------------------------- */
#body {
	background:url(../img/shar/main_back.gif);
	background-position:center top;
	background-repeat:repeat-y;
}

#background1 {
	background:url(../img/shar/header_back.gif);
	position:absolute;
	top:0px;
	left:0px;
	height:75px;
	width:100%
}

#background2 {
	background:url(../img/shar/header_menu_back2.gif);
	position:absolute;
	top:75px;
	left:0px;
	height:51px;
	width:100%
}

#background3 {
	background:url(../img/shar/header_menu_back1.gif);
	background-position:center top;
	background-repeat:repeat-y;
	position:absolute;
	top:75px;
	left:0px;
	height:51px;
	width:100%
}

.base_color1{
	background:url(../img/shar/base_color1.gif);
}



/*スペーサー関連
----------------------------------------------- */
.space5 {
	height:5px;
	width:100%;
}

.space10 {
	height:10px;
	width:100%;
}

.space15 {
	height:15px;
	width:100%;
}

.space20 {
	height:15px;
	width:100%;
}



/* ヘッダー関連
----------------------------------------------- */
#header {
	height:75px;
	width:920px;
	margin:auto;
	overflow:hidden;
	position:relative;
	z-index:1;
}

#header .logo {
	position:absolute;
	top:0px;
	left:20px;
}
#header .logo img {
	border:0;
}

#header h1 {
	font-size:12px;
	color:#ff9900;
	position:absolute;
	top:20px;
	left:570px;
}

#header ul {
	position:absolute;
	top:51px;
	left:570px;
}

#header ul li {
	margin-right:15px;
}



/* ヘッダーメニュー関連
----------------------------------------------- */
#header_menu {
	margin:auto;
	height:51px;
	width:920px;
	overflow:hidden;
	position:relative;
	z-index:1;
	background-color:transparent;
}

#header_menu a {
	height:51px;
	position:relative;
	display:block;
}

#header_menu a.bt01 {
	width:153px;
}

#header_menu a.bt02,.bt03,.bt04 {
	width:175px;
}

#header_menu a.bt05,.bt06 {
	width:121px;
}

#header_menu a.bt01 .image {
	background:url(../img/shar/header_menu_bt1.gif);
	background-position:left -51px;
}

#header_menu a.bt02 .image {
	background:url(../img/shar/header_menu_bt2.gif);
	background-position:left -51px;
}

#header_menu a.bt03 .image {
	background:url(../img/shar/header_menu_bt3.gif);
	background-position:left -51px;
}

#header_menu a.bt04 .image {
	background:url(../img/shar/header_menu_bt4.gif);
	background-position:left -51px;
}

#header_menu a.bt05 .image {
	background:url(../img/shar/header_menu_bt5.gif);
	background-position:left -51px;
}

#header_menu a.bt06 .image {
	background:url(../img/shar/header_menu_bt6.gif);
	background-position:left -51px;
}

#header_menu a:link .image {
	background-position:left -51px;
}

#header_menu a:hover .image {
	background-position:left 0px;
}

#header_menu .active a .image {
	background-position:left 0px;
}



/* イメージ関連
----------------------------------------------- */
#image {
	width:880px;
	height:225px;
	margin:auto;
	margin-top:10px;
	position:relative;
}
#imageInner {
	width:880px;
	height:138px;
	margin:auto;
	margin-top:10px;
	position:relative;
}


/* 本文関連
----------------------------------------------- */
#main {
	width:880px;
	margin:auto;
	margin-top:20px;
}



/* コンテンツ関連
----------------------------------------------- */
#content {
	width:626px;
	float:right;
}

#content .content_body {
	width:587px;
	margin:auto;
	margin-bottom:20px;
	text-align:left;
	background:url(../img/shar/content_body_line1.gif) repeat-y;
	border-bottom:1px solid #aaa;
}

#content .inner_body {
	padding:10px;
}

#content .no_line {
	padding:10px 0 0 0;
	background:none;
	border-bottom:0px;
}

#content .banner_space {
	width:587px;
	margin:auto;
	margin-bottom:20px;
	padding:5px 0 5px 0;
	background:url(../img/shar/base_color1.gif);
	text-align:center;
}

#content .full_body {
	width:626px;
	margin-bottom:20px;
	text-align:left;
}



/* メニュー関連
----------------------------------------------- */
#menu {
	width:234px;
	margin-right:19px;
	float:right;
}

#menu .content_body {
	width:234px;
	margin:auto;
	margin-bottom:10px;
	text-align:left;
	background:url(../img/shar/content_body_line2.gif) repeat-y;
	border-bottom:1px solid #aaa;
}

#menu .inner_body {
	padding:10px;
}

#menu .explanation {
	font-size:85%;
	margin-bottom:10px;
}

#menu form.type1 {
	background:url(../img/shar/base_color1.gif);
	padding:4px;
}

#menu form.type2 {
	background:url(../img/shar/base_color2.gif);
	padding:4px;
}

#menu form div.item div {
	text-align:left;
	width:60px;
	float:left;
}
#menu form div.item2 div {
	text-align:left;
	width:80px;
	float:left;
}

#menu form div.item input {
	width:144px;
	float:left;
}

#menu form div.item2 input {
	width:124px;
	float:left;
}

#menu ul {
	margin-bottom:10px;
}

#menu ul.errors {
	font-size:10px;
	color:#f00;
	margin-bottom:0px;
}

#menu input,
#menu img {
	border:0;
	}
	#menu input#address,
	#menu input#userId,
	#menu input#passwd {
		border:1px solid #999;
		}

/*	左バナー
----------------------------------------------- */
.bannerBox img {
	margin-bottom:3px;
	}



/* フッター関連
----------------------------------------------- */
#footer {
	width:800px;
	margin:auto;
	font-size:10px;
	text-align:center;
	border-top:1px solid #aaa;
	padding-top:10px;
	padding-bottom:20px;
}
#footer p {
	font-size:12px;
	}

#footer .copy {
	color:#aaa;
}

pre {
	position:absolute;
	top:0px;
	left:0%;
	z-index: 100;
	margin:auto;
	text-align:left;
}