@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%;
}

* {
	line-height : 1.8em;
}

img {
	border : none;
}

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

a {
	color : #666;
}

a:hover {
	text-decoration : none;
}

/* --------------------------------------------------
	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  : #ffffff url(Image/frame/background.jpg);
}

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

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

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

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

#h1-text {
	position    : static;
	width       : 798px;
	_width       : 100%;
	margin      : 0px;
	padding     : 0px;
	font-size   : 12px;
	font-weight : normal;
	word-break  : break-all;
	white-space : nowrap;
	overflow    : hidden;
	background : #F0F0F0;
	border-left : 1px #aaaaaa solid;
	border-right : 1px #aaaaaa solid;
	text-indent : 10px;
}

#h1-text a {
	color : #FF9999;
	text-decoration : underline;
}

#h1-text a:hover {
	color : #FF9999;
	text-decoration : none;
}

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

#pagebody {
	position : static;
	border   : 1px #aaaaaa solid;
	border-top : none;
}

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

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

#header-image {
	position : static;
	width    : 798px;
	height   : 285px;
}

#header-info {
	position : absolute;
}

#header-text {
	position : absolute;
}

/* --------------------------------------------------
	top menu
-------------------------------------------------- */

#top-menu {
	text-align : right;
	position : absolute;
	width : 788px;
	top : 35px;
}

#top-menu a {
	color : #FF9999;
	text-decoration : underline;
}

#top-menu a:hover {
	color : #FF9999;
	text-decoration : none;
}


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

#header_navigation-menu {
	width       : 100%;
	text-align  : center;
	background  : #0000cd;
}

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

#header_navigation-menu li {
	display    : inline;
	padding    : 0px 15px 0px 16px;
	list-style : none;
}

#header_navigation-menu li.left-line {
	border-left : 2px solid #FFFFFF;
}

#header_navigation-menu a {
	color : #FFFFFF;
	font-weight : bold;
	text-decoration : none;
	font-size : 15px;
}

#header_navigation-menu a:hover {
	text-decoration : underline;
}

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

#crumb {
	position : static;
}

#crumb a {
}

#crumb a:hover {
}

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

#wrapper {
	width  : 798px;
	margin : 15px 0px 40px;
}

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

#alpha {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : right;
	width    : 584px;
}

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

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

#beta-inner {
	padding-left : 10px;
}

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

#side-menu,
#side-submenu {
	position : relative;
	width    : 185px;
}

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

#side-menu li.side-menu_m,
#side-submenu li.side-menu_s {
	list-style : none;
	width      : 185px;
	margin-bottom : 2px;
}

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

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

/* --------------------------------------------------
	search box
-------------------------------------------------- */
#search-box {
	margin :0;
	padding : 0;
}

#search-box form{
	margin :0;
	padding : 0;
	margin-bottom : 15px;
}

#search-box #search{
	border : solid 1px #aaa;
	width : 120px;
}

#search-box #button{
	position : relative;
	top : 4px;
}



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

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

#side-menu li.side-menu_m a {
	display : block;
	height  : 25px;
	color   : #FFFFFF;
	text-decoration : none;
}

#side-menu li.side-menu_m a:hover {
	color   : #666;
	text-decoration : none;
}

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

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

#side-submenu {
	margin-top : 5px;
}

#side-submenu li.side-menu_s {
	height     : 30px;
	background : url(Image/frame/side-menu_s.jpg) bottom left no-repeat;
}

#side-submenu li.side-menu_s a {
	display : block;
	height  : 30px;
	text-decoration : none;
}

#side-submenu li.side-menu_s a:hover {
	text-decoration : none;
	color : #FE3C5F;
}

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

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

#footer {
	width : 100%;
	clear : both;
	background : #0000cd;
	padding-top : 20px;
	padding-bottom : 20px;
}

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

#footer_navigation-menu {
	width       : 100%;
	text-align  : center;
	padding-bottom : 20px;
}

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

#footer_navigation-menu li {
	display     : inline;
	padding     : 0px 16px 0px 18px;
	list-style  : none;
	line-height : 200%;
}

#footer_navigation-menu li.left-line {
	border-left : 1px solid #FFFFFF;
}

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

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

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

#copyright {
	position    : static;
	width       : 100%;
	text-align  : center;
	word-break  : break-all;
	white-space : nowrap;
	overflow    : hidden;
	color       : #FFF;
}

#copyright a {
	color : #FFFFFF;
	text-decoration : underline;
}

#copyright a:hover {
	text-decoration : none;
}

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

#whats-new {
	padding-bottom : 20px;
}

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

#whats-new li {
	list-style : none;
	background : url(Image/frame/background_whatsnew.jpg) no-repeat;
	height : 24px;
	width : 576px;
	text-indent : 25px;
}

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

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

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