/*
-------------
相愛大学:design00.css
-------------
*00:common
*01:main-layout
*02:topbox-contents
*03:sidearea
*04:globalnavi
-------------
20100308
-------------
7works creative

*/


@charset "utf-8";
/* CSS Document */
/*****************************************************************************************************************/
/**************00:common****************************************************************************************/
#clear {
	clear:both;
}

#switchnavi {
	width: 230px;
	margin:0px 0px 10px 0px;
	padding:0px;
	height:31px;
}
#switchnavi ul {
	margin:0px;
	padding:0px;
}
#switchnavi li {
	height:31px;
	background-image:url(../switchimage/switchnavi.jpg);
	display:block;
	margin:0px;
	padding:0px;
	float: left;
	list-style-type: none;
}
#switchnavi li a {
	text-decoration:none;
	font-size:1px;
	height:31px;
	display:block;
	text-indent:-9999px;
	background-image:url(../switchimage/switchnavi.jpg);
}
/* ************************************** */
#switchnavi #navi01 {
	width: 115px;
	background-position: 0px 0px;
}
#switchnavi #navi01 a:link, #switchnavi #navi01 a:visited {
	width: 115px;
	background-position: 0px 0px;
}
#switchnavi #navi01 a:hover {
	background-position: 0px -31px;
}
/* ************************************** */
#switchnavi #navi02 {
	width: 115px;
	background-position: -115px 0px;
}
#switchnavi #navi02 a:link, #switchnavi #navi02 a:visited {
	width: 115px;
	background-position: -115px 0px;
}
#switchnavi #navi02 a:hover {
	background-position: -115px -31px;
}
/* ************************************** */
/*****************************************************************************************************************/
/**************01:main-layout****************************************************************************************/
#top{
background-image:url(../indeximages/bg_patarn.jpg);
height:100%;
}

#topbox {
	width:850px;
	margin:auto;
}
#box_topics {
	width:585px;
	float:left;
}
#box_sidearea {
	width:230px;
	float:right;
}
/*****************************************************************************************************************/
/**************02:topbox-contents****************************************************************************************/
/*100722追記*/
#voiceheadside a {
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:230px;
	height:50px;
}
#voiceheadside a {
	background-image:url(../switchimage/voiceheadside.gif);
}
#voiceheadside a:hover {
	background-position: -230px 0px;
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:230px;
	height:50px;
}
#voiceside {
	width:206px;
	border-left:2px solid #B5CDD9;
	border-right:2px solid #B5CDD9;
	padding:10px;
	margin:0px;
}
#voicefootside {
	background-image:url(../switchimage/voicefootside.gif);
	width:230px;
	height:5px;
		display:block;
	text-indent:-9999px;
		font-size:1px;
}
/*100722追記ここまで*/
#voicehead a {
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:586px;
	height:40px;
}
#voicehead a {
	background-image:url(../switchimage/voicehead.gif);
}
#voicehead a:hover {
	background-position: -586px 0px;
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:586px;
	height:40px;
}
#voice {
	width:562px;
	border-left:2px solid #B5CDD9;
	border-right:2px solid #B5CDD9;
	padding:10px;
	margin:0px;
}
#voicefoot {
	background-image:url(../switchimage/voicefoot.gif);
	width:586px;
	height:5px;
		display:block;
	text-indent:-9999px;
		font-size:1px;
}
/**/

#jyuyouhead {
	background-image:url(../switchimage/jyuyouhead.gif);
	width:586px;
	height:40px;
}
#jyuyou {
	width:564px;
	border-left:1px solid #676767;
	border-right:1px solid #676767;
	padding:10px;
}
#jyuyoufoot {
	background-image:url(../switchimage/jyuyoufoot.gif);
	width:586px;
	height:5px;
		display:block;
	text-indent:-9999px;
		font-size:1px;
}
/**/
#jyukenhead a, #oshirasehead a {
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:586px;
	height:42px;
}
#jyukenhead a {
	background-image:url(../switchimage/jyukenhead.gif);
}

#oshirasehead a {
	background-image:url(../switchimage/oshirasehead.gif);
}

#jyukenhead a:hover, #oshirasehead a:hover {
	background-position: -586px 0px;
}

#jyuken,#oshirase{
	padding:10px;
	width:564px;
}


/*****************************************************************************************************************/
/**************03:sidearea****************************************************************************************/
#banner01 a, #banner02 a, #banner03 a {
	display:block;
	text-indent:-9999px;
	width:230px;
	height:70px;
	margin:0px 0px 10px 0px;
}
#banner04 a, #banner05 a, #banner06 a , #banner07 a , #banner09 a , #banner11 a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:40px;
	margin:0px 0px 10px 0px;
}
#banner08 a, #banner10 a, #banner12 a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:80px;
	margin:0px 0px 10px 0px;
}
#banner01 a {
	background-image:url(../switchimage/banner01.jpg);
}
#banner02 a {
	background-image:url(../switchimage/banner02.jpg);
}
#banner03 a {
	background-image:url(../switchimage/banner03.jpg);
}
#banner04 a {
	background-image:url(../switchimage/banner04.jpg);
}
#banner05 a {
	background-image:url(../switchimage/banner05.jpg);
}
#banner06 a {
	background-image:url(../switchimage/banner06.gif);
}
#banner07 a {
	background-image:url(../switchimage/banner07.jpg);
}

#banner08 a {
	background-image:url(../switchimage/banner08.jpg);
}

#banner09 a {
	background-image:url(../switchimage/banner09.jpg);
}

#banner10 a {
	background-image:url(../switchimage/banner10.jpg);
}
#banner11 a {
	background-image:url(../switchimage/banner11.jpg);
}
#banner12 a {
	background-image:url(../switchimage/banner12.jpg);
}

#banner01 a:hover, #banner02 a:hover, #banner03 a:hover, #banner04 a:hover, #banner05 a:hover, #banner06 a:hover, #banner07 a:hover, #banner08 a:hover , #banner09 a:hover, #banner10 a:hover, #banner11 a:hover, #banner12 a:hover{
	background-position: -230px 0px;
}
/*****************************************************************************************************************/
/**************04:globalnavi****************************************************************************************/
#navi {
	width: 850px;
	margin:0px;
	padding:0px;
	height:57px;
	clear:both;/*overflow:auto;*/
}
#navi ul {
	margin:0px;
	padding:0px;
}
#navi li {
	height:57px;
	background-image:url(../switchimage/navi.jpg);
	display:block;
	margin:0px;
	padding:0px;
	float: left;
	list-style-type: none;
}
#navi li a {
	text-decoration:none;
	font-size:9px;
	height:57px;
	display:block;
	text-indent:-9999px;
	background-image:url(../switchimage/navi.jpg);
}
/* ************************************** */
#navi #navi01 {
	width: 187px;
	background-position: 0px 0px;
}
#navi #navi01 a:link, #navi #navi01 a:visited {
	width: 187px;
	background-position: 0px 0px;
}
#navi #navi01 a:hover {
	background-position: 0px -57px;
}
/* ************************************** */
#navi #navi02 {
	width: 156px;
	background-position: -187px 0px;
}
#navi #navi02 a:link, #navi #navi02 a:visited {
	width: 156px;
	background-position: -187px 0px;
}
#navi #navi02 a:hover {
	background-position: -187px -57px;
}
/* ************************************** */
#navi #navi03 {
	width: 156px;
	background-position: -343px 0px;
}
#navi #navi03 a:link, #navi #navi03 a:visited {
	width: 156px;
	background-position: -343px 0px;
}
#navi #navi03 a:hover {
	background-position: -343px -57px;
}
/* ************************************** */
#navi #navi04 {
	width: 157px;
	background-position: -499px 0px;
}
#navi #navi04 a:link, #navi #navi04 a:visited {
	width: 157px;
	background-position: -499px 0px;
}
#navi #navi04 a:hover {
	background-position: -499px -57px;
}
/* ************************************** */
#navi #navi05 {
	width: 194px;
	background-position: -656px 0px;
}
#navi #navi05 a:link, #navi #navi05 a:visited {
	width: 194px;
	background-position: -656px 0px;
}
#navi #navi05 a:hover {
	background-position: -656px -57px;
}

/*****************************************************************************************************************/
/**************05:table****************************************************************************************/

#jyuyobox th{
	background-image:url(../switchimage/arrow02.gif);
	background-repeat:no-repeat;
	background-position:0px 14px;
}

#detabox th{
	background-image:url(../switchimage/arrow03.gif);
	background-repeat:no-repeat;
	background-position:15px 13px;
}