/*
-------------
相愛大学: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_fuyu.jpg);
background-repeat:repeat-x;
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/voiceheadfuyu.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/voicefoothuyu.gif);
	width:586px;
	height:5px;
		display:block;
	text-indent:-9999px;
		font-size:1px;
}
/**/

#jyuyouhead {
	background-image:url(../switchimage/jyuyouheadfuyu.gif);
	width:586px;
	height:36px;
}
#jyuyou {
	width:564px;
	border-left:1px solid #FFCC00;
	border-right:1px solid #FFCC00;
	padding:10px;
	background-color:#FFFFCC;
}
#jyuyoufoot {
	background-image:url(../switchimage/jyuyoufootfuyu.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:45px;
}
#jyukenhead a {
	background-image:url(../switchimage/jyukenheadfuyu.jpg);
}

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

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

#jyuken,#oshirase{
	padding:10px;
	width:564px;
	border-left:1px solid #3399CC;
	
	border-right:1px solid #3399CC;
}

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




/*****************************************************************************************************************/
/**************03:sidearea****************************************************************************************/
#banner01 a, #banner02 a, #banner03 a, #banner15 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, #banner13 a, #banner14 a, #banner16 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/banner01fuyu.jpg);
}
#banner02 a {
	background-image:url(../switchimage/banner02fuyu.jpg);
}
#banner03 a {
	background-image:url(../switchimage/banner03fuyu.jpg);
}
#banner04 a {
	background-image:url(../switchimage/banner04.jpg);
}
#banner05 a {
	background-image:url(../switchimage/banner05.jpg);
}
#banner06 a {
	background-image:url(../switchimage/banner06fuyu.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);
}
#banner13 a {
	background-image:url(../switchimage/banner13.jpg);
}
#banner14 a {
	background-image:url(../switchimage/banner14.jpg);
}
#banner15 a {
	background-image:url(../switchimage/banner15fuyu.jpg);
}
#banner16 a {
	background-image:url(../switchimage/banner16.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, #banner13 a:hover, #banner14 a:hover, #banner15 a:hover, #banner16 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_fuyu.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_fuyu.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/arrow03fuyu.gif);
	background-repeat:no-repeat;
	background-position:0px 14px;
}

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



/*20101029追記*/
#bannerframe01{
	width:228px;
	padding:7px 0px 7px 0px;
	border-left:1px solid #6B76A1;
	border-right:1px solid #6B76A1;
}

#bannerframe02{
	width:228px;
	padding:7px 0px 7px 0px;
	border-left:1px solid #592F61;
	border-right:1px solid #592F61;
}

#bannerframe01 .comment{
	font-size:10px;
	color:#999;
	margin:0px 0px 0px 10px;
}

#sidebanner01 a,#sidebanner02 a,#sidebanner03 a,#sidebanner04 a,#sidebanner05 a,#sidebanner06 a,#sidebanner07 a,#sidebanner08 a{
	display:block;
	text-indent:-9999px;
	width:210px;
	height:50px;
	margin:0px 0px 10px 10px;
}

#sidebanner01 a{background-image:url(../indeximages/sidebn01.jpg);}
#sidebanner02 a{background-image:url(../indeximages/sidebn02.jpg);}
#sidebanner03 a{background-image:url(../indeximages/sidebn03.gif);}
#sidebanner04 a{background-image:url(../indeximages/sidebn04.gif);}
#sidebanner05 a{background-image:url(../indeximages/sidebn05.gif);}
#sidebanner06 a{background-image:url(../indeximages/sidebn06.gif);}
#sidebanner07 a{background-image:url(../indeximages/sidebn07.gif);}
#sidebanner08 a{background-image:url(../indeximages/sidebn08.gif);}


#sidebanner01 a:hover,#sidebanner02 a:hover,#sidebanner03 a:hover,#sidebanner04 a:hover,#sidebanner05 a:hover,
#sidebanner06 a:hover,#sidebanner07 a:hover,#sidebanner08 a:hover{
	background-position:-210px 0px;
	}