@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  : #FFCCFF;
}

/* --------------------------------------------------
	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    : absolute;
	top:9px;
	left:11px;
	margin      : 0px;
	padding     : 0px;
	font-size   : 12px;
	font-weight : normal;
	white-space : nowrap;
	overflow    : hidden;
	line-height : 12px;
	color:#666666;
}

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

#pagebody-inner {
	border   : 1px #ff66cc solid;
}

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

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

#header-image {
}

#header-info {
	position : absolute;
}

#header-info {
	position : absolute;
	width:300px;
	height:100px;
	top:5px;
	right:10px;
	text-align:right;
}

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

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

#crumb {
	position : static;
}

#crumb a {
}

#crumb a:hover {
}

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

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

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

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

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

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

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

#side-menu {
	position : relative;
	width    : 219px;
}

#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    : 219px;
}

.side-menu_m_text {
	padding-left : 20px;
	padding-top : 8px;
	display:block;
}

.side-menu_s_text {
	padding-left : 30px;
	padding-top : 8px;
	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:#663300;
}

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

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

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

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

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

/* --------------------------------------------------
	side menu freearea
-------------------------------------------------- */
#freearea_side-menu {
	padding-left : 10px;
}


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

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

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

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

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

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

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

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

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

#site_copyright {
	position    : static;
	width       : 100%;
	text-align  : center;
	white-space : nowrap;
	overflow    : hidden;
	padding : 15px 0;
	color:#ffffff;
}

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

#whats-new {
	padding:10px 0px;
}

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

#whats-new li {
	list-style : none;
	padding-left : 0px;
	padding-bottom : 10px;
	color:#ff66cc;
}

#whats-new a {
color:#666666;
}

#whats-new a:hover {
color:#666666;
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;
}

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

span.span_caution {
color:#ff0000;
}

/* --------------------------------------------------
footer navigation menu
-------------------------------------------------- */
#footer_navigation_menu {width:100%;}
#footer_navigation_menu li {display:inline; list-style: none;}

#footer_navigation_menu {
text-align: center;
}

#footer_navigation_menu ul {
margin: 0px 20px;
padding :20px 0 0px 0px;
}

#footer_navigation_menu li {
padding : 0px 0px 0px 8px;
line-height : 1.6;
color:#ffffff;
}

#footer_navigation_menu a {
color:#ffffff;
text-decoration:none;
}

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