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

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

#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  : #f4f4cc;
margin:0;
padding:0;
}

/* --------------------------------------------------
	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       : 100%;
	margin      : 0px;
	padding     : 4px 10px;
	font-size   : 12px;
	font-weight : normal;
	word-break  : break-all;
	white-space : nowrap;
	overflow    : hidden;
background:#f4f4cc;
color:#333333;
}

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

#pagebody {
	position  : static;
	border    : 1px #e5c89f solid;
	border-top    : 0;
	border-bottom    : 0;
}

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

#header {
	position : relative;
	width    : 100%;
	height:84px;
}

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

#headnavi {
	position : absolute;
	top:15px;
	right:10px;
	text-align:right;
}

#headnavi ul {
margin:0;
padding:0;
}


#headnavi li {
margin:0;
padding:0;
list-style:none;
}

#headnavi li a {
margin:0;
color:#666666;
padding:0 0 0 15px;
background : url(/Image/frame/li_sitemap.jpg) 0 1px no-repeat;
}

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

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

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

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

#footer_navigation-menu a {
color:#6b5739;
}

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

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

#crumb {
	position : static;
margin-bottom:8px;
}

#crumb a {
}

#crumb a:hover {
}


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

#wrapper {
position:relative;
margin-top:8px;
background : url(/Image/frame/bg_wrapper.jpg) 0 0 repeat-y;
}

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

#alpha {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : right;
	width    : 532px;
	margin-right:15px;
	margin-bottom:50px;
	padding-top:7px;
}

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

#beta {
	display  : inline; /* ie win bugfix */
	position : relative;
	float    : left;
	width    : 203px;
	margin-left:15px;
}

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

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

p.link_top {
margin:0;
margin-bottom:9px;
font-size:12px;
}

p.link_top a {
	background : url(/Image/frame/bg_li_toppage.jpg) 0 0 no-repeat;
text-decoration:underline;
padding:0 0 0 15px;;
}

p.link_top a:hover {
text-decoration:none;
}

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

#side-menu li.side-menu_m{
	list-style : none;
	width      : 203px;
margin-bottom:1px;
}

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

div#freespace{
margin:7px 0 50px;
}

div#freespace p{
margin:0;
padding:10px 5px 0;
}

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

#side-menu li.side-menu_m {
	height     : 31px;
}

#side-menu li.side-menu_m a {
	display : block;
	height  : 31px;
color:#6b5739;
	background : url(/Image/frame/li_sidenavi.jpg) 0 0 no-repeat;
}

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

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



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

#footer {
	width : 100%;
	clear : both;
background:#efe1cd;
}

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

#site_copyright {
	position    : static;
	width       : 100%;
	text-align  : right;
	word-break  : break-all;
	white-space : nowrap;
	overflow    : hidden;
background:#ffffff;
}

#site_copyright-inner {
display:inline-blcok;
padding:9px;
width:780px;
color:#6b5739;
}

/* --------------------------------------------------
	top freearea
-------------------------------------------------- */
div#box_freearea_top {
margin-bottom:13px;
}


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

#whats-new {
	background:url(/Image/frame/bg_new.jpg) 0 0 repeat-y;
	margin-top:10px;
}

#whats-new_inner {
	background:url(/Image/frame/bg_new_bottom.jpg) 0 bottom no-repeat;
	padding-bottom:5px;
}

#whats-new ul {
	margin  : 0px;
	padding : 10px 4px 0;
	background:url(/Image/frame/bg_new_head.jpg) 0 0 no-repeat;
}

#whats-new li {
list-style : none;
margin-bottom:2px;
padding-bottom:6px;
line-height:13px;
padding-left:23px;
background : url(/Image/frame/circle_blue.jpg) 0 0 no-repeat;
}

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

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

/* addd 201003 */
.mar_b_10 { margin-bottom:10px;}