/* CSS Document */

#page {
	width:830px;
	margin:0 auto;
	padding-bottom: 20px;
}

#space5 {
    font-size:0px;
 	height:5px;
}

.allow_red{
	padding-left:13px;
	background-image:url(../images/common/allow_red.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	text-align:left;
	line-height: 150%;
}

.small{
	font-size:90%;
	color:#c55b3b;
}

.small_666{
	font-size:90%;
	color:#666;
	font-weight: normal;
}

.cube_bold{
	padding:10px;
	background-image:url(../images/common/allow_cube.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-align:left;
	font-weight:bold;
}
ul.cube{
	line-height:1.1;
	font-size:90%;
}
ul.cube li{
	padding-left:8px;
	background-image:url(../images/common/allow_cube.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
}

/*-------------------------------------------------------------------------------------------------
	Global@Navi
-------------------------------------------------------------------------------------------------*/
div#global-navi {
	width:620px;
	margin:0 auto;
}

div#global-navi ul {
	height: 100%;
}

div#global-navi ul li {
	float: left;
}

div#global-navi ul li a {
	display: block;
	text-indent: -9999px;
	font-size: 1px;
}

/* global-navi:button size */
div#global-navi ul li.gn_top,
div#global-navi ul li.gn_top a {
	width:93px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li.gn_news,
div#global-navi ul li.gn_news a {
	width:73px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li.gn_about,
div#global-navi ul li.gn_about a {
	width:95px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li.gn_service,
div#global-navi ul li.gn_service a {
	width:81px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li.gn_waterbar,
div#global-navi ul li.gn_waterbar a {
	width:99px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li.gn_special,
div#global-navi ul li.gn_special a {
	width:90px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li.gn_recruit,
div#global-navi ul li.gn_recruit a {
	width:89px;
	height:36px;
	text-indent: -9999px;	
}
div#global-navi ul li a {
	height: 36px;
	text-indent: -9999px;
}

/* global-navi:button images */
div#global-navi ul li.gn_top a {
	background:url(../images/common/gn_top.gif) no-repeat 0 0;
}
div#global-navi ul li.gn_news a {
	background:url(../images/common/gn_news.gif) no-repeat 0 0;
}
div#global-navi ul li.gn_about a {
	background:url(../images/common/gn_about.gif) no-repeat 0 0;
}
div#global-navi ul li.gn_service a {
	background:url(../images/common/gn_service.gif) no-repeat 0 0;
}
div#global-navi ul li.gn_waterbar a {
	background:url(../images/common/gn_waterbar.gif) no-repeat 0 0;
}
div#global-navi ul li.gn_special a {
	background:url(../images/common/gn_special.gif) no-repeat 0 0;
}
div#global-navi ul li.gn_recruit a {
	background:url(../images/common/gn_recruit.gif) no-repeat 0 0;
}

/* global-navi:button images:hover */
div#global-navi ul li.gn_top,
div#global-navi ul li.gn_top a:hover {
	background:url(../images/common/gn_top.gif) no-repeat 0 -36px;
}
div#global-navi ul li.gn_news,
div#global-navi ul li.gn_news a:hover {
	background:url(../images/common/gn_news.gif) no-repeat 0 -36px;
}
div#global-navi ul li.gn_about,
div#global-navi ul li.gn_about a:hover {
	background:url(../images/common/gn_about.gif) no-repeat 0 -36px;
}
div#global-navi ul li.gn_service,
div#global-navi ul li.gn_service a:hover {
	background:url(../images/common/gn_service.gif) no-repeat 0 -36px;
}
div#global-navi ul li.gn_waterbar,
div#global-navi ul li.gn_waterbar a:hover {
	background:url(../images/common/gn_waterbar.gif) no-repeat 0 -36px;
}
div#global-navi ul li.gn_special,
div#global-navi ul li.gn_special a:hover {
	background:url(../images/common/gn_special.gif) no-repeat 0 -36px;
}
div#global-navi ul li.gn_recruit,
div#global-navi ul li.gn_recruit a:hover {
	background:url(../images/common/gn_recruit.gif) no-repeat 0 -36px;
}

/*-------------------------------------------------------------------------------------------------
	Main Column
-------------------------------------------------------------------------------------------------*/
#main_column {
	padding:15px;
	text-align:left;
	line-height:1.3;
}

h3 {
	line-height:1.3;
	padding:5px 15px;
	width:100%;
	font-weight:bold;
	color:#333;
	font-size:120%;
 	background-image:url(../images/common/title_bg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin-bottom:10px;
}

/* main-column 2nd- */
.maincol_bg {
	background-image:url(../images/common/maincol_bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	background-color:#fff;
}

/*
.maincol_footer_bg{
	background-image:url(../images/common/maincol_bottom.gif);
	background-repeat:no-repeat;
	width:620px;
	height:11px;
}
.leftcol_footer_bg{
	background-image:url(../images/common/leftcol_bottom.gif);
	background-repeat:no-repeat;
	width:210px;
	height:11px;
}
.footer_bg_top{
	background-image:url(../images/common/footer_bg_top.gif);
	background-repeat:no-repeat;
	width:830px;
	height:7px;
}*/
	

/*-------------------------------------------------------------------------------------------------
	Left Column
-------------------------------------------------------------------------------------------------*/
#left_column {
	width:180px;
	padding:15px;
	text-align:left;
}

ul#subnavi {
	text-align:left;
	text-indent:30px;
	font-weight:bold;
}

ul#subnavi li {
	display:block;
	width:210px;
	height:30px;
	line-height:30px;
}

ul#subnavi li a{
	display:block;
	width:210px;
	height:30px;
	background-image:url(../images/common/subnavi.gif);
	background-repeat: no-repeat;
	background-position:left -30px;
	color:#633565;
}

ul#subnavi li a:hover{
	display:block;
	width:210px;
	height:30px;
	background-image:url(../images/common/subnavi.gif);
	background-repeat: no-repeat;
	background-position:left 0;
	text-decoration:none;
	color:#633565;
}

ul#subnavi li.on a{
	display:block;
	width:210px;
	height:30px;
	background-image:url(../images/common/subnavi.gif);
	background-repeat: no-repeat;
	background-position:left top;
	color:#633565;
}

li.banner {
	padding-bottom:10px;
}

/* left-column 2nd- */
.leftcol_bg {
	background-image:url(../images/common/leftcol_bg.gif);
	background-repeat:repeat-y;
}
/*-------------------------------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------------------------------*/
td#footer {
	padding:8px 15px;
	text-align:left;
}