/*
-------------
相愛大学:design01.css（夏バージョン）
-------------
*00:common
*01:main-layout
*02:topbox-contents
*03:sidearea
*04:globalnavi
-------------
20100529
-------------
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:9px;
	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(../switchimage/bg_natsu.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/voiceheadharuside.jpg);
}
#voiceheadside a:hover {
	background-position: -230px 0px;
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:230px;
	height:50px;
}
#voiceside {
	width:208px;
	border-left:1px solid #99cccc;
	border-right:1px solid #99cccc;
	padding:10px;
	margin:0px;
}
#voicefootside {
	background-image:url(../switchimage/voicefootharuside.jpg);
	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:48px;
}
#voicehead a {
	background-image:url(../switchimage/voiceheadharu.jpg);
}
#voicehead a:hover {
	background-position: -586px 0px;
	display:block;
	text-indent:-9999px;
	font-size:8px;
	width:586px;
	height:48px;
}
#voice {
	width:564px;
	border-left:1px solid #99cccc;
	border-right:1px solid #99cccc;
	padding:10px;
	margin:0px;
}
#voicefoot {
	background-image:url(../switchimage/voicefootharu.jpg);
	width:586px;
	height:5px;
		display:block;
	text-indent:-9999px;
		font-size:1px;
}
/**/

#jyuyouhead {
	background-image:url(../switchimage/jyuyouheadharu.jpg);
	width:586px;
	height:36px;
}
#jyuyou {
	width:564px;
	border-left:1px solid #cc6699;
	border-right:1px solid #cc6699;
	padding:10px;
	background-color:#fff5f5;
}
#jyuyoufoot {
	background-image:url(../switchimage/jyuyoufootharu.jpg);
	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:45px;
}
#jyukenhead a {
	background-image:url(../switchimage/jyukenheadnatsu.jpg);
}

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

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

#jyuken,#oshirase{
	padding:10px;
	width:564px;
	/*border-left:0px solid #ff9898;
	border-right:0px solid #ff9898;*/
}

#jyukenfoot,#oshirasefoot {
	background-image:url(../switchimage/jyukenfootnatsu.gif);
	width:586px;
	height:5px;
		display:block;
	text-indent:-9999px;
	font-size:1px;
}




/*****************************************************************************************************************/
/**************03:sidearea****************************************************************************************/
#banner01 a, #banner02 a, #banner03 a {
	display:block;
	text-indent:-9999px;
	width:230px;
	height:64px;
	margin:0px 0px 10px 0px;
}
#banner04 a, #banner05 a, #banner11 a{
	display:block;
	text-indent:-9999px;
	width:230px;
	height:40px;
	margin:0px 0px 10px 0px;
}
#banner06 a {
	display:block;
	text-indent:-9999px;
	width:230px;
	height:33px;
	margin:0px 0px 10px 0px;
}

#banner07 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;
}

#banner09 a {
	display:block;
	text-indent:-9999px;
	width:230px;
	height:40px;
	margin:0px 0px 10px 0px;
}


#banner01 a {
	background-image:url(../switchimage/banner01natsu.jpg);
}
#banner02 a {
	background-image:url(../switchimage/banner02natsu.jpg);
}
#banner03 a {
	background-image:url(../switchimage/banner03natsu.jpg);
}
#banner04 a {
	background-image:url(../switchimage/banner04.jpg);
}
#banner05 a {
	background-image:url(../switchimage/banner05.jpg);
}
#banner06 a {
	background-image:url(../switchimage/banner06natsu.jpg);
}
#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:61px;
	clear:both;/*overflow:auto;*/
}
#navi ul {
	margin:0px;
	padding:0px;
}
#navi li {
	height:61px;
	background-image:url(../switchimage/navi_natsu.jpg);
	display:block;
	margin:0px;
	padding:0px;
	float: left;
	list-style-type: none;
}
#navi li a {
	text-decoration:none;
	font-size:9px;
	height:61px;
	display:block;
	text-indent:-9999px;
	background-image:url(../switchimage/navi_natsu.jpg);
}
/* ************************************** */
#navi #navi01 {
	width: 170px;
	background-position: 0px 0px;
}
#navi #navi01 a:link, #navi #navi01 a:visited {
	width: 170px;
	background-position: 0px 0px;
}
#navi #navi01 a:hover {
	background-position: 0px -61px;
}
/* ************************************** */
#navi #navi02 {
	width: 170px;
	background-position: -170px 0px;
}
#navi #navi02 a:link, #navi #navi02 a:visited {
	width: 170px;
	background-position: -170px 0px;
}
#navi #navi02 a:hover {
	background-position: -170px -61px;
}
/* ************************************** */
#navi #navi03 {
	width: 170px;
	background-position: -340px 0px;
}
#navi #navi03 a:link, #navi #navi03 a:visited {
	width: 170px;
	background-position: -340px 0px;
}
#navi #navi03 a:hover {
	background-position: -340px -61px;
}
/* ************************************** */
#navi #navi04 {
	width: 170px;
	background-position: -510px 0px;
}
#navi #navi04 a:link, #navi #navi04 a:visited {
	width: 170px;
	background-position: -510px 0px;
}
#navi #navi04 a:hover {
	background-position: -510px -61px;
}
/* ************************************** */
#navi #navi05 {
	width: 170px;
	background-position: -680px 0px;
}
#navi #navi05 a:link, #navi #navi05 a:visited {
	width: 170px;
	background-position: -680px 0px;
}
#navi #navi05 a:hover {
	background-position: -680px -61px;
}
/*****************************************************************************************************************/
/**************05:table****************************************************************************************/

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

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