@charset "shift_jis";

/* basic elements */

* {
	margin: 0;
	padding: 0;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","Osaka",verdana,helvetica,arial, sans-serif;
}

body {
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	text-align: left;
}

a img {
	border: 0;
}

br.clear{
	clear: both;
	line-height: 0;
}

a:link { text-decoration:underline; color: #36414D;}
a:visited { text-decoration:underline; color: #36414D;}
a:active { text-decoration:underline; color: #A3B8CC;}
a:hover { text-decoration:underline; color: #A3B8CC;}

#container {
	width: 800px;
	text-align: left;
	margin: 0px auto;
	background: #FFFFFF;
}



/* HaederStart */
#header {
	width: 800px;
	height: 77px;
	margin-top: 10px;
	background: url(../img/header.gif) no-repeat;
}
#header h1 a{
	margin-left:13px;
	margin-top:0px;
	width: 249px;
	height: 77px;
}
#header span{
	display: none;
}
#header h1 a,
.login,
.logout,.h_menu_01,
.logout,.h_menu_03{
	position:absolute;
	display:block;
}

.login{
	background: url(../img/h_menu_in.gif);
	margin-left:650px;
	margin-top:32px;
	width: 77px;
	height: 26px;
}
.logout{
	background: url(../img/h_menu_out.gif);
	margin-left:650px;
	margin-top:32px;
	width: 77px;
	height: 26px;
}
.h_menu_01{
	background: url(../img/h_menu_01.gif);
	margin-left:532px;
	margin-top:32px;
	width: 110px;
	height: 26px;
}
.h_menu_03{
	background: url(../img/h_menu_03.gif);
	margin-left:738px;
	margin-top:32px;
	width: 55px;
	height: 26px;
}

#header a:link { text-decoration:none; color: #FFFFFF;}
#header a:visited { text-decoration:none; color: #FFFFFF;}
#header a:active { text-decoration:none; color: #FFFFFF;}
#header a:hover { text-decoration:none; color: #FFFFFF;}
/* HaederEnd */

/* MenuStart */
#menu{
	width: 800px;
	height: 126px;
	background: url(../img/menu.gif) no-repeat;
	margin-bottom: 2px;
}
#menu span{
	display: none;
}

.blog,
.blog_on,
.bord,
.bord_on,
.jirei,
.jirei_on,
.yougo,
.yougo_on,
.mall,
.mall_on,
.mean,
.mean_on,
.register
{
	position:absolute;
	display:block;
}

.blog{
	margin-left: 37px;
	margin-top: 20px;
	width: 100px;
	height: 80px;
}
.bord{
	margin-left: 160px;
	margin-top: 6px;
	width: 105px;
	height: 100px;
}
.jirei{
	margin-left: 286px;
	margin-top: 0px;
	width: 113px;
	height: 113px;
}
.yougo{
	margin-left: 415px;
	margin-top: 0px;
	width: 100px;
	height: 100px;
}
.mall{
	margin-left: 519px;
	margin-top: 20px;
	width: 130px;
	height: 90px;
}
.mean{
	margin-left: 655px;
	margin-top: 13px;
	width: 123px;
	height: 105px;
}
.blog_on{
	margin-left: 37px;
	margin-top: 20px;
	width: 100px;
	height: 80px;
}
.bord_on{
	margin-left: 160px;
	margin-top: 6px;
	width: 105px;
	height: 100px;
}
.jirei_on{
	margin-left: 286px;
	margin-top: 0px;
	width: 113px;
	height: 113px;
}
.yougo_on{
	margin-left: 415px;
	margin-top: 0px;
	width: 100px;
	height: 100px;
}
.mall_on{
	margin-left: 519px;
	margin-top: 20px;
	width: 130px;
	height: 90px;
}
.mean_on{
	margin-left: 655px;
	margin-top: 13px;
	width: 123px;
	height: 105px;
}
.register{
	margin-left: 570px;
	margin-top: 7px;
	width: 140px;
	height: 120px;
}

/*Mouse OFF*/
a.blog,a.blog_on{background:url("../img/menu.gif") -37px -20px no-repeat;}
a.bord,a.bord_on{background:url("../img/menu.gif") -160px -6px no-repeat;}
a.jirei,a.jirei_on{background:url("../img/menu.gif") -287px 0px no-repeat;}
a.yougo,a.yougo_on{background:url("../img/menu.gif") -416px 0px no-repeat;}
a.mall,a.mall_on{background:url("../img/menu.gif") -518px -20px no-repeat;}
a.mean,a.mean_on{background:url("../img/menu.gif") -655px -13px no-repeat;}

/*Mouse On*/
a.blog:hover,a.blog_on{background-position: -37px -146px;}
a.bord:hover,a.bord_on{background-position: -160px -132px;}
a.jirei:hover,a.jirei_on{background-position: -287px -126px;}
a.yougo:hover,a.yougo_on{background-position: -416px -126px;}
a.mall:hover,a.mall_on{background-position: -518px -146px;}
a.mean:hover,a.mean_on{background-position: -655px -139px;}


#menu a:link { text-decoration:none; color: #FFFFFF;}
#menu a:visited { text-decoration:none; color: #FFFFFF;}
#menu a:active { text-decoration:none; color: #FFFFFF;}
#menu a:hover { text-decoration:none; color: #FFFFFF;}
/* MenuEnd */


/*#header a:link { text-decoration:none; color: #FFFFFF;}
#header a:visited { text-decoration:none; color: #FFFFFF;}
#header a:active { text-decoration:none; color: #FFFFFF;}
#header a:hover { text-decoration:none; color: #FFFFFF;}*/
/* HaederEnd */



/* MainareaStart */
#mainarea {
	width: 100%;
	padding-bottom: 10px;
}
#mainarea_inner {
	padding: 0 0 10px 0px;
	width: 594px;
	float:left;
}


h4{margin:7px 0 0 13px;}
h4 span{display: none;}
h4#sub_bord{
	background: url(../img/sub_bord.gif) no-repeat top left;
	display:block;
	width:84px;
	height:24px;
}
h4#sub_about{
	background: url(../img/sub_about.gif) no-repeat top left;
	display:block;
	width:183px;
	height:24px;
}
h4#sub_mall{
	background: url(../img/sub_mall.gif) no-repeat top left;
	display:block;
	width:163px;
	height:24px;
}
h4#sub_yougo{
	background: url(../img/sub_yougo.gif) no-repeat top left;
	display:block;
	width:79px;
	height:24px;
}

h5{
	font-size: 120%;
	margin: 10px 36px 0px 36px;
}

/* FormareaStart */
#container .formarea,
#container #formarea02{
	width: 588px;
	text-align:left;
	margin:0 auto;
}

.formarea_inner,
#formarea_inner02{
	margin: 20px 0 20px 17px;
}
.formarea_inner .formarea_condition,
#formarea_inne02r .formarea_condition{
	width: 594px;
	background: url(../img/side.gif) repeat-y top left;
}
.formarea_inner .formarea_condition h3,
#formarea_inner02 .formarea_condition h3{
	background: url(../img/other_head.gif) no-repeat;
	width: 594px;
	height: 38px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-indent: 65px;
}


.formarea_inner .formarea_condition p,
#formarea_inner02 .formarea_condition p{
	font-size: 12px;
	margin:3px 37px 15px 37px;
	color: #555;
}

.formarea_inner .formarea_condition .formarea_footer,
#formarea_inner02 .formarea_condition .formarea_footer {
	width: 588px;
	height: 77px;
	clear: both;
}
.formarea_inner .formarea_condition .formarea_footer,
#formarea_inner02 .formarea_condition .formarea_footer{
	background: url(../img/b_footer.gif) no-repeat;
	width: 594px;
}
.formarea_inner .formarea_condition .formarea_footer .btn_left {
	float: left;
	margin-left: 100px;
}

.formarea_inner .formarea_condition .formarea_footer .btn_right {
	float: right;
	margin-right: 172px;
}
#formarea_inner02 .formarea_condition .formarea_footer .btn_left {
	margin-left: 207px;
	margin-top: 6px;
}

.formarea_inner .formarea_condition .line_04{
	margin:0 22px 5px;
	text-align:center;
}

.formarea_inner a:link { text-decoration:underline; color: #FF7900;}
.formarea_inner a:visited { text-decoration:underline; color: #FF7900;}
.formarea_inner a:active { text-decoration:underline; color: #FAB577;}
.formarea_inner a:hover { text-decoration:underline; color: #FAB577;}
/* FormareaEnd */





/* MainareaEnd */

/* MainareaEnd */

/* RightStart */
#right{
	width:153px;
	float:right;
	margin: 10px 5px 0 -30px;
}

#right_menu{
	width: 153px;
	height: 486px;
	background: url(../../img/right_menu.gif) no-repeat top left;
	padding-top: 24px;
}

#right_menu li {
	float: left;
	list-style: none;
	display: inline;
}

#right_menu li a{
	width: 148px;
	height: 27px;
	display:block;
	margin-left:2px;
}

#right_menu li.mright_08 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:62px;
}
#right_menu li.mright_09 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}
#right_menu li.mright_10 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}
#right_menu li.mright_11 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}

#right_menu li.mright_12 a{
	width: 148px;
	height: 40px;
	display:block;
	margin-top:3px;
}

#right_menu span{
	display: none;
}

.mright_01,
.mright_02,
.mright_03,
.mright_04,
.mright_05,
.mright_06,
.mright_07,
.mright_08,
.mright_09,
.mright_10,
.mright_11,
.mright_12{
	display:block;
}

/*Mouse OFF*/
.mright_01 a{background:url("../../img/right_menu.gif") -2px -25px no-repeat;}
.mright_02 a{background:url("../../img/right_menu.gif") -2px -52px no-repeat;}
.mright_03 a{background:url("../../img/right_menu.gif") -2px -79px no-repeat;}
.mright_04 a{background:url("../../img/right_menu.gif") -2px -106px no-repeat;}
.mright_05 a{background:url("../../img/right_menu.gif") -2px -133px no-repeat;}
.mright_06 a{background:url("../../img/right_menu.gif") -2px -160px no-repeat;}
.mright_07 a{background:url("../../img/right_menu.gif") -2px -187px no-repeat;}
.mright_08 a{background:url("../../img/right_menu.gif") -2px -275px no-repeat;}
.mright_09 a{background:url("../../img/right_menu.gif") -2px -318px no-repeat;}
.mright_10 a{background:url("../../img/right_menu.gif") -2px -361px no-repeat;}
.mright_11 a{background:url("../../img/right_menu.gif") -2px -404px no-repeat;}
.mright_12 a{background:url("../../img/right_menu.gif") -2px -447px no-repeat;}
/*Mouse On*/
.mright_01 a:hover,.mright_01 a.on{background-position: -155px -25px;}
.mright_02 a:hover,.mright_02 a.on{background-position: -155px -52px;}
.mright_03 a:hover,.mright_03 a.on{background-position: -155px -79px;}
.mright_04 a:hover,.mright_04 a.on{background-position: -155px -106px;}
.mright_05 a:hover,.mright_05 a.on{background-position: -155px -133px;}
.mright_06 a:hover,.mright_06 a.on{background-position: -155px -160px;}
.mright_07 a:hover,.mright_07 a.on{background-position: -155px -187px;}
.mright_08 a:hover,.mright_08 a.on{background-position: -155px -275px;}
.mright_09 a:hover,.mright_09 a.on{background-position: -155px -318px;}
.mright_10 a:hover,.mright_10 a.on{background-position: -155px -361px;}
.mright_11 a:hover,.mright_11 a.on{background-position: -155px -404px;}
.mright_12 a:hover,.mright_12 a.on{background-position: -155px -447px;}



/* RightEnd */



/* FooterStart */

#footer{
	background: url(../img/footer.gif) no-repeat top left;
	width: 799px;
	height: 102px;
	text-indent: -9999px;
	margin-top: 90px;
	clear:both;
}
/* FooterEnd */