@import url("AWT/awt.css");

/* --------------------------------------------------
	initialize
-------------------------------------------------- */

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
	content     : " ";
	display     : block;
	visibility  : hidden;
	clear       : both;
	height      : 0.1px;
	font-size   : 0.1em;
	line-height : 0;
}

* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

#container-inner,
#pagebody-inner,
#header-inner,
#alpha-inner,
#beta-inner,
#footer-inner,
#copyright-inner {
	position : static;
	width    : 100%;
}

/* --------------------------------------------------
	body
-------------------------------------------------- */

body {
	/* setting border: 0 hoses ie5 win window inner well border */
	text-align  : center;
	font-family : Osaka, MS ゴシック, MS UI Gothic, sans-serif;
	font-size   : 12px;
	color       : #000000;
	background  : #f8f7e0;
	margin:0;
	padding:0;
	line-height:1.8;
}

/* --------------------------------------------------
	container
-------------------------------------------------- */

#bg-image {
	margin     : 0px auto; /* center on everything else */
	width      : 816px;
	background : #ffffff url(/Image/frame/bg_pagebody.jpg) repeat-y;
	margin-bottom:10px;
}

#container {
	position   : static;
	margin     : 0px auto; /* center on everything else */
	text-align : left;
}

/* --------------------------------------------------
	h1
-------------------------------------------------- */

#h1-text {
	position    : absolute;
top:10px;
left:27px;
	width       : 100%;
	margin      : 0px;
	padding     : 0px;
	font-size   : 12px;
	font-weight : normal;
color:#ffffff;
}

/* --------------------------------------------------
	pagebody
-------------------------------------------------- */

#pagebody {
	position  : relative;
	width:800px;
	margin-left:8px;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */

#header {
	position : relative;
	width    : 100%;
}


#header-inner {
	position : relative;
}

#header-image {
	position : static;
	width    : 800px;
	height   : 96px;
}

#header-info {
	position : absolute;
}

#header-text {
	position : absolute;
}

/* --------------------------------------------------
	crumb
-------------------------------------------------- */

#crumb {
	position : static;
}

#crumb a {
}

#crumb a:hover {
}

/* --------------------------------------------------
	wrapper
-------------------------------------------------- */
div#wrapper {
margin:8px 0 20px;
}

/* --------------------------------------------------
	alpha
-------------------------------------------------- */

#alpha {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : right;
	width    : 545px;
	margin-right:10px;
}

/* --------------------------------------------------
	beta
-------------------------------------------------- */

#beta {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : left;
	width    : 236px;
}

/* --------------------------------------------------
	side menu 
-------------------------------------------------- */

#side-menu {
	position : relative;
	width    : 230px;
	margin-left:6px;
}

#side-menu ul {
	margin  : 0px;
	padding : 0px;
	line-height:1.4;
}

#side-menu li.side-menu_m,
#side-menu li.side-menu_s {
	list-style : none;
	width      : 230px;
}

.side-menu_m_text {
	padding-left : 18px;
}

.side-menu_s_text {
	padding-left : 34px;
}

/* --------------------------------------------------
	freearea side
-------------------------------------------------- */
div#freearea_side {
margin-left:6px;
}

/* --------------------------------------------------
	main menu
-------------------------------------------------- */

#side-menu li.side-menu_m {
	height     : 43px;
	background : url(/Image/frame/side-menu_m.jpg) 0 0 no-repeat;
margin-bottom:8px;
font-size:14px;
}

#side-menu li.side-menu_m a {
	display : block;
	height  : 43px;
color:#ffffff;
}

#side-menu li.side-menu_m a:hover {
	background : url(/Image/frame/side-menu_m_on.jpg) 0 0 no-repeat;
text-decoration:none;
}

.side-menu_m_text {
	padding-top : 12px;
}

/* --------------------------------------------------
	sub menu
-------------------------------------------------- */

#side-menu li.side-menu_s {
	height     : 23px;
	background : url(/Image/frame/side-menu_s.jpg) 0 0 no-repeat;
margin-bottom:8px;
}

#side-menu li.side-menu_s a {
	display : block;
	height  : 23px;
color:#666666;
}

#side-menu li.side-menu_s a:hover {
	background : url(/Image/frame/side-menu_s_on.jpg) 0 0 no-repeat;
}

.side-menu_s_text {
	padding-top : 3px;
}

/* --------------------------------------------------
	footer
-------------------------------------------------- */

#footer {
	clear : both;
	background : url(/Image/frame/bg_footer.jpg) 0 0 no-repeat;
	height:164px;
	position:relative;
}

#footer-inner {
	width : 800px;
	clear : both;
	margin-left:8px;
}

/* --------------------------------------------------
	navigation menu
-------------------------------------------------- */

#navigation-menu {
	width       : 315px;
	text-align  : left;
	position:absolute;
	top:0;
	left:525px;
}

#navigation-menu ul {
margin:0;
padding:0;
}

#navigation-menu li {
	display    : inline;
	padding    : 0px 6px 0px 8px;
	list-style : none;
line-height:18px;
}

#navigation-menu li.left-line {
	border-left : 1px solid #000000;
}

#navigation-menu a {
color:#85aec3;
}

#navigation-menu a:hover {
}

/* --------------------------------------------------
	copyright
-------------------------------------------------- */

#copyright {
	position    : static;
	text-align  : left;
	width       : 480px;
position:absolute;
top:15px;
left:8px;
}

#copyright-inner {
	position    : static;

	text-align  : left;
	margin-left:8px;
}

/* --------------------------------------------------
	whatsnew
-------------------------------------------------- */

#whats-new {
	list-style-image : url(/Image/top/li_image.gif);
}

#whats-new ul {
	margin  : 0px;
	padding : 0px;
}

#whats-new li {
	list-style : none;
}

#whats-new a {
}

#whats-new a:hover {
}

/* --------------------------------------------------
	inquiry form
-------------------------------------------------- */

table.tbl_frame{
	margin:0px 0px 10px 0px;
	border:1px solid #dddddd;
	border-collapse:collapse;
}
table.tbl_frame th{
	background-color:#dddddd;
	color:#000000;
	font-size:12px;
	padding:0px;
	border-bottom:1px solid #ffffff;
	width:200px;
	text-align:left;
	font-weight:normal;
}
table.tbl_frame th.last{
	border-bottom:1px solid #dddddd;
}
table.tbl_frame td{
	border:1px solid #dddddd;
	padding:0px;
}
table.tbl_frame p{
	padding:5px;
	margin:0px;
	font-size:12px;
}

bl_frame th.last{
	border-bottom:1px solid #dddddd;
}
table.tbl_frame td{
	border:1px solid #dddddd;
	padding:0px;
}

table.tbl_frame p{
	padding:5px;
	margin:0px;
	font-size:12px;
}

table.tbl_frame input{
	margin:0px;
	font-size:12px;
line-height:1.8;
}

/* common */
span.span_red {
color:#ff0000;
}


/* category */
.colorb_h2_01_ctg{
	background:url(http://www.hayashida-p.com/AWT/awtStyleImages/h2_01.jpg) no-repeat 0 0;
	padding:0 0 0 29px;
	color:#0066cc;
	font-size:16px;
	font-weight:normal;
	line-height:43px;
	margin:0;
	margin-bottom:0px;
}