@charset "euc-jp";


/* body
----------------------------*/
body {
	background: #fff url(../images/common/head_bg.gif) repeat-x center 0;
	text-align: center;
}


*,p,div{
	padding: 0px;
	margin: 0px;
}

hr {
display: none;
}


img {
	border:none;
}

#menu ul{
		list-style:none;
}

#menu li{
		float:left;
}


a:link{
	color:#68283b;
}

a:visited{
	color:#68283b;
}

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









/* head
------------------------------*/
#head_bg {
	width:100%;
	background: url(../images/common/head_bg.gif) repeat-x 0 0;
	height: 96px;
	text-align:center;
}


#head {
	background: url(../images/common/head.gif) no-repeat 0 0;
	width: 960px;
	height: 50px;
	position: relative;
	text-align: left;
	margin: auto;
}




#head h1 a,
#out a,
#map a,
#req a
{
	font-size: 10px;
	position: absolute;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
}



h1 a{
	background: url(../images/common/head_title.gif) no-repeat;
	left: 0px;
	top: 10px;
	width: 200px;
	height: 30px;
}



#req a{
	width: 120px;
	height: 27px;
	background: url(../images/common/head_btn_off.gif) no-repeat -240px 0px;
	top: 12px;
	right: 5px;
}

#req a:hover{
	background: url(../images/common/head_btn_on.gif) no-repeat -240px 0px;
}


#out a{
	width: 119px;
	height: 27px;
	background: url(../images/common/head_btn_off.gif) no-repeat -120px 0px;
	top: 12px;
	right: 126px;
}

#out a:hover{
	background: url(../images/common/head_btn_on.gif) no-repeat -120px 0px;
}


#map a{
	width: 119px;
	height: 27px;
	background: url(../images/common/head_btn_off.gif) no-repeat 0px 0px;
	top: 12px;
	right: 246px;
}

#map a:hover{
	background: url(../images/common/head_btn_on.gif) no-repeat 0px 0px;
}



/* menu
--------------------------------*/
#menu {
	width: 960px;
	height: 37px;
	padding: 4px 0px 5px 0px;
	margin:auto;
	position: relative;
}




#menu a ,
#menu p{
	font-size: 10px;
	position: absolute;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	height: 37px;
}

#menu ul li {
	display: block;
	text-indent: -9999px;
}



li#menu01 a,
li#menu01 p{
	background: none;
	width: 137px;
	left: 0px;
}
li#menu01 a {
	background: url(../images/common/menu_off.gif) no-repeat 0px 0px;
}
li#menu01 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat 0px 0px;
}
#menu.click1 #menu01 a {
	background: url(../images/common/menu_click.gif) no-repeat 0px 0px;
}



li#menu02 a,
li#menu02 p{
	background: none;
	width: 137px;
	left: 137px;
}
li#menu02 a {
	background: url(../images/common/menu_off.gif) no-repeat -137px 0px;
}
li#menu02 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat -137px 0px;
}
#menu.click2 #menu02 a {
	background: url(../images/common/menu_click.gif) no-repeat -137px 0px;
}




li#menu03 a,
li#menu03 p{
	background: none;
	width: 137px;
	left: 274px;
}
li#menu03 a {
	background: url(../images/common/menu_off.gif) no-repeat -274px 0px;
}
li#menu03 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat -274px 0px;
}
#menu.click3 #menu03 a {
	background: url(../images/common/menu_click.gif) no-repeat -274px 0px;
}




li#menu04 a,
li#menu04 p{
	background: none;
	width: 137px;
	left: 411px;
}
li#menu04 a {
	background: url(../images/common/menu_off.gif) no-repeat -411px 0px;
}
li#menu04 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat -411px 0px;
}
#menu.click4 #menu04 a {
	background: url(../images/common/menu_click.gif) no-repeat -411px 0px;
}




li#menu05 a,
li#menu05 p{
	background: none;
	width: 137px;
	left: 548px;
}
li#menu05 a {
	background: url(../images/common/menu_off.gif) no-repeat -548px 0px;
}
li#menu05 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat -548px 0px;
}
#menu.click5 #menu05 a {
	background: url(../images/common/menu_click.gif) no-repeat -548px 0px;
}




li#menu06 a,
li#menu06 p{
	background: none;
	width: 137px;
	left: 685px;
}
li#menu06 a {
	background: url(../images/common/menu_off.gif) no-repeat -685px 0px;
}
li#menu06 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat -685px 0px;
}
#menu.click6 #menu06 a {
	background: url(../images/common/menu_click.gif) no-repeat -685px 0px;
}




li#menu07 a,
li#menu07 p{
	background: none;
	width: 138px;
	left: 822px;
}
li#menu07 a {
	background: url(../images/common/menu_off.gif) no-repeat -822px 0px;
}
li#menu07 a:hover {
	background: url(../images/common/menu_on.gif) no-repeat -822px 0px;
}
#menu.click7 #menu07 a {
	background: url(../images/common/menu_click.gif) no-repeat -822px 0px;
}








#side_line {
	width:958px;
	margin:auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}







/* title_box
--------------------------------*/


#title_box {
	width:958px;
	height:34px;
	background: #eee;
	border-bottom:1px solid #ccc;
	position:relative;
}


#pankuzu {
	position:absolute;
	left: 12px;
	bottom: 8px;
	text-align: left;
	font-size: 10px;
}


#title_img {
	position:absolute;
	right: 10px;
	bottom: 0px;
	text-align: right;
}



/* contents_foot
--------------------------------*/

#contents_foot {
	width:958px;
	margin:auto;
	padding: 0px 0px 35px 0px;
	text-align:center;
	border-top:1px solid #ccc;
}


#page_top {
	text-align:right;
	padding: 0px 29px 0px 0px;
}


/* c_menu
--------------------------------*/
#c_menu {
	width: 900px;
	margin: auto;
	padding: 5px 0px 5px 0px;
	text-align: center;
	padding-top: 30px;
}



#c_menu01 {
	border-left: 1px solid #ccc;
}


#c_menu ul li {
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #ccc;
	display:inline;
	list-style:none;
}


#c_menu a{
	font-size: 12px;
	color:#68283b;
}

#c_menu li a:hover {
	text-decoration:none
	color:#a54461;
}


#c_menu.click1 #c_menu01 a,
#c_menu.click2 #c_menu02 a,
#c_menu.click3 #c_menu03 a,
#c_menu.click4 #c_menu04 a,
#c_menu.click5 #c_menu05 a,
#c_menu.click6 #c_menu06 a,
#c_menu.click7 #c_menu07 a{
	text-decoration:none;
	color:#888;
	font-weight:bold;
}








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


#footer_bg {
	width:100%;
	background: url(../images/common/footer_bg.gif) repeat-x 0 0;
	height: 111px;
}


#footer {
	background: url(../images/common/footer.gif) no-repeat 0 0;
	width: 960px;
	height: 76px;
	position: relative;
	margin: auto;
}


#comp01 a,
#comp02 a,
#free
{
	font-size: 10px;
	position: absolute;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
}

#free {
	width: 470px;
	height: 45px;
	top: 20px;
	right: 0px;
}

#comp01 a {
	width: 170px;
	height: 48px;
	top: 20px;
	left: 0px;
}

#comp02 a {
	width: 180px;
	height: 48px;
	top: 20px;
	left: 193px;
}