@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; }
/* */

html,
body {
	margin : 0;
	padding : 0;
}


#container-inner,
#pagebody-inner,
#header-inner,
#alpha-inner,
#beta-inner,
#footer-inner,
#site_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 UI Gothic, sans-serif;
	font-size   : 12px;
	color       : #000000;
	background  : #f8f7f5;
}

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

#bg-image {
	margin     : 0px auto; /* center on everything else */
	width      : 800px;
}

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

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

#h1-text {
	position    : static;
	margin      : 0px;
	padding     : 5px 0 5px  5px;
	font-size   : 12px;
	font-weight : normal;
	line-height : 12px;
	color:#333333;
}

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

#pagebody-inner {
	border   : 1px #aaaaaa solid;
	background:#ffffff;
}

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

#header {
	position : relative;
	width    : 800px;
}

#header-image {
}

#header-info {
	position : absolute;
}

#header-info {
	position : absolute;
	top:-21px;
	right:0px;
}

#header-info a {
	color:#333333;
}

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

#crumb {
	position : static;
}

#crumb a {
}

#crumb a:hover {
}

/* --------------------------------------------------
	wrapper
-------------------------------------------------- */

#wrapper {
	width  : 800px;
	margin : 8px 0px 0px;
	padding-bottom:40px;
	background:#ffffff url(/Image/frame/bg_wrapper.jpg) 0 0 repeat-y;
	zoom:1;
}

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

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

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

#beta {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : left;
	width    : 188px;
	margin-left:8px;
	padding-bottom : 10px;
}

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

#side-menu {
	position : relative;
	width    : 188px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #dbd5d2;
}

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

#side-menu li.side-menu_m,
#side-menu li.side-menu_s,
#side-menu li.side-menu_top {
	list-style : none;
	width    : 188px;
	margin-bottom:1px;
}

.side-menu_m_text {
	padding-left : 18px;
	padding-top : 7px;
	display:block;
}

.side-menu_s_text {
	padding-left : 30px;
	padding-top : 10px;
	display:block;
}

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

#side-menu li.side-menu_m {
	height     : 32px;
	background : url(/Image/frame/side-menu_m.jpg) 0 0 no-repeat;
}

#side-menu li.side-menu_m a {
	display : block;
	height  : 32px;
	color:#4b4745;
}

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

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

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

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

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

/* --------------------------------------------------
	side menu freearea
-------------------------------------------------- */
#freearea_side-menu {

}


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

#footer {
	width : 800px;
	clear : both;
	background : #e5e4e2;
}

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

#footer_navigation-menu {
	width       : 100%;
	text-align  : center;
}

#footer_navigation-menu ul {
	margin  : 0px 30px;
	padding :10px 0 10px 0px;
}

#footer_navigation-menu li {
	display     : inline;
	padding    : 0px 0px 0px 8px;
	list-style  : none;
	line-height : 1.6;
	color:#555353;
}

#footer_navigation-menu a {
	color:#555353;
	text-decoration:none;
}

#footer_navigation-menu a:hover {
	color:#555353;
	text-decoration:underline;
}

/* --------------------------------------------------
	site_copyright
-------------------------------------------------- */

#site_copyright {
	position    : static;
	width       : 100%;
	text-align  : center;
	word-break  : break-all;
	white-space : nowrap;
	overflow    : hidden;
	padding-bottom : 10px 0;
	color:#ffffff;
	background:#cf1204;
}

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

#whats-new {
	border:1px solid #e2d4cc;
	padding:10px 10px 5px;
}

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

#whats-new li {
	list-style : none;
	padding-left : 15px;
	padding-bottom : 5px;
background:url(/Image/top/bg_li_new.jpg) 0 5px no-repeat;
}

#whats-new a {
color:#333333;
text-decoration:underline;
}

#whats-new a:hover {
color:#333333;
text-decoration:none;
}

/* --------------------------------------------------
	contact form
-------------------------------------------------- */

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

table.tbl_frame td{
	padding : 0px;
	border  : 1px solid #dddddd;
}

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

/* --------------------------------------------------
	cgi form
-------------------------------------------------- */

span.span_caution {
color:#ff0000;
}