@charset "utf-8";

/*基本設定
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
	
body{
	background-color:#eeeeee;
	color:#333;
	text-align:center;
	font-size:75%;
	line-height:1.5;
}
	
body,td {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
}

h1, h2, h3, h4, h5, p, ul, ol, li, object, embed ,button, form, input{
	margin:0;
	padding:0;
}
	
ul, ol, li {
	list-style:none;
}

img {
	border:none;
	vertical-align:bottom;
}

hr {
	display:none;
}	

a {
	text-decoration:underline;
	overflow:hidden;
	color:#0099FF;

}

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


/*---- 募集ボタン -----*/

.formBtn {
	text-align:center;
	width:156px;
	margin:0 0 20px 170px;
}

.formBtn a {
	display:block;
	text-indent:-9999px;
	background:url(http://tsutaya-college.jp/img/btn_stby.gif) 0 0 no-repeat;
	text-decoration:none;
	width:156px;
	height:46px;
}

.formBtn a:hover {
	background:url(http://tsutaya-college.jp/img/btn_click.gif) 0 0 no-repeat;
}






/*レイアウト設定
---------------------------------------------*/

#wrapper {
	margin:0 auto;
	background:url(http://tsutaya-college.jp/img/img_main_bg.jpg) top center repeat-y;
	width:1000px;
	padding:0 20px;
	text-align:left;
}


/*---- header -----*/


#header {
	width:960px;
	height:60px;
	background:url(http://tsutaya-college.jp/img/head_bg.jpg) 0 0 repeat-x;
	padding:25px 20px 0 20px;
}


#logo {
	width:325px;
}

#utility {
	width:380px;
}

#headMail {
	width:166px;
}

#headMail p a{
	background:url(http://tsutaya-college.jp/img/head_mail_btn.jpg) 0 0 no-repeat;
	width:166px;
	height:48px;
	display:block;
	text-indent:-9999px;
}

#headMail p a:hover{
	background:url(http://tsutaya-college.jp/img/head_mail_btn_on.jpg) 0 0 no-repeat;
}

#searchBox {
	width:195px;
	text-align:right;
}

#searchBox search {

}

#searchBox span {
	padding-left:15px;
}

#searchBox span a {
	background:url(http://tsutaya-college.jp/img/head_ico01.jpg) 0 0 no-repeat;
	padding:0 0 0 15px;
	color:#333;
	font-weight:bold;
font-size:12px;
}

#searchBox span a:hover {
	color:#666;
	text-decoration:underline;
}


#searchBox input {
	border:1px solid #ccc;
	width:125px;
	padding:2px;
	margin:5px 5px 0 0;
}

#searchBox button {
	border:none;
	width:40px;
	height:19px;
	cursor:pointer;
	background:url(http://tsutaya-college.jp/img/head_serch_btn.jpg) 0 0 no-repeat;
	padding-top:5px;

}


#searchBox button span {
	padding-left:0 !important;
	display:none;
}

#mainFla {

}


#navi {
	background:url(http://tsutaya-college.jp/img/navi_bg_bottom.jpg) bottom center repeat-x;
	height:55px;
}


#navi ul li {
	float:left;
}

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


#navi ul li#n01 a {
	background:url(http://tsutaya-college.jp/img/navi_01.jpg) 0 0 no-repeat;
	width:135px;
	height:42px;
}

#navi ul li#n01 a:hover {
	background:url(http://tsutaya-college.jp/img/navi_01_on.jpg) 0 0 no-repeat;
}

#navi ul li#n02 a {
	background:url(http://tsutaya-college.jp/img/navi_02.jpg) 0 0 no-repeat;
	width:191px;
	height:42px;
}

#navi ul li#n02 a:hover {
	background:url(http://tsutaya-college.jp/img/navi_02_on.jpg) 0 0 no-repeat;
}

#navi ul li#n03 a {
	background:url(http://tsutaya-college.jp/img/navi_03.jpg) 0 0 no-repeat;
	width:189px;
	height:42px;
}

#navi ul li#n03 a:hover {
	background:url(http://tsutaya-college.jp/img/navi_03_on.jpg) 0 0 no-repeat;
}

#navi ul li#n04 a {
	background:url(http://tsutaya-college.jp/img/navi_04.jpg) 0 0 no-repeat;
	width:181px;
	height:42px;
}

#navi ul li#n04 a:hover {
	background:url(http://tsutaya-college.jp/img/navi_04_on.jpg) 0 0 no-repeat;
}

#navi ul li#n05 a {
	background:url(http://tsutaya-college.jp/img/navi_05.jpg) 0 0 no-repeat;
	width:150px;
	height:42px;
}

#navi ul li#n05 a:hover {
	background:url(http://tsutaya-college.jp/img/navi_05_on.jpg) 0 0 no-repeat;
}

#navi ul li#n06 a {
	background:url(http://tsutaya-college.jp/img/navi_06.jpg) 0 0 no-repeat;
	width:154px;
	height:42px;
}

#navi ul li#n06 a:hover {
	background:url(http://tsutaya-college.jp/img/navi_06_on.jpg) 0 0 no-repeat;
}


/*---- contents -----*/

#pan {
	width:960px;
	padding:0 20px 10px 20px;
}

#pan p {
	color:#333;
}

#pan p a {
	text-decoration:underline;
}

#pan p a:hover {
	color:#666;
}

#contents {
	width:960px;
	padding:0 20px 20px 20px;
}

#box01 {
	width:740px;
}


#leftarea {
	width:200px;
}

#mailmag {
	width:200px;
	background:url(http://tsutaya-college.jp/img/left_mailbox_bg.jpg) 0 0 repeat-y;
	margin-bottom:10px;
}

#mailmag #mailmagBtn {
	padding:10px 0 0 0;
}

#mailmag #mailmagBtn a{
	background:url(http://tsutaya-college.jp/img/left_mailbox_btn.jpg) 0 0 no-repeat;
	width:184px;
	height:35px;
	display:block;
	text-indent:-9999px;
	margin-left:8px;
}

#mailmag #mailmagBtn a:hover{
	background:url(http://tsutaya-college.jp/img/left_mailbox_btn_on.jpg) 0 0 no-repeat;
}


.leftBanner {
	margin-bottom:5px;
}

.leftBanner p {
	font-size:11px;
	padding:0 2px 5px 5px;
text-align:center;
}

.leftBanner p a{
color:#333;
text-decoration:underline;
}

.leftBanner p a:hover{
color:#999;
text-decoration:none;
}

#mainarea {
	width:520px;
}


#whatBox, #eventBox, #dvdBox, #blogBox, #sitemapBox {
	width:520px;
	margin-bottom:20px;
}

#whatBox h2, #eventBox h2, #dvdBox h2, #blogBox h2, #sitemapBox h2 {
	padding-bottom:15px;
}

#whatBox ul li {
	background:url(http://tsutaya-college.jp/img/img_dot_520.jpg) bottom center no-repeat;
	padding:0 0 5px 0;
	margin:0 0 10px 0; 

}

#whatBox ul li span.days {
	background:url(http://tsutaya-college.jp/img/ico_blue01.jpg) 0 0 no-repeat;
	padding:0 15px 0 35px;
	color:#39f;
}


#whatBox ul li span.topics a{
color:#333;
text-decoration:underline;
}

#whatBox ul li span.topics a:hover{
color:#999;
text-decoration:none;
}

#eventBox .event {
	background:url(http://tsutaya-college.jp/img/img_dot_520.jpg) bottom center no-repeat;
	padding:0 0 10px 0;
	margin:0 0 10px 0; 
}


#dvdBox .newitem ,#blogBox .newblog {
	width:520px;
}

#dvdBox .itemImg {
	width:85px;
}

#dvdBox .itemImg img {
	border:1px solid #ccc;
}


#dvdBox .itemRead ,#blogBox .blogRead{
	width:410px;
}

#dvdBox .itemRead h3 {
	background:url(http://tsutaya-college.jp/img/ico_red.jpg) 0 5px no-repeat;
	padding:0 0 0 35px;
	margin:0 0 3px 0;
}

#dvdBox .itemRead h3 a {
	color:#f60;
	font-size:15px;
	text-decoration:underline;
}

#dvdBox .itemRead h3 a:hover {
	color:#c60;
}

#dvdBox .itemRead h4 {
	color:#c30;
	padding:0 0 5px 35px;
}

#dvdBox .itemRead h4 a {
	color:#c30;
	text-decoration:underline;
}

#dvdBox .itemRead h4 a:hover {
	color:#900;
}

#dvdBox .itemRead h5 {
	padding:0 0 5px 35px;
	color:#333;
font-weight:normal;
}

#dvdBox h5 img {
	vertical-align:middle
}

#dvdBox p.days ,#blogBox p.days{
	padding:0 0 10px 35px;
	background:url(http://tsutaya-college.jp/img/img_dot_410.jpg) center bottom no-repeat;
	margin-bottom:5px;
}

#dvdBox .more ,#blogBox .more{
	width:520px;
	background:url(http://tsutaya-college.jp/img/img_dot_520.jpg) top center no-repeat;
	margin:5px 0 15px 0;
}

#dvdBox .more p ,#blogBox .more p{
	text-align:right;
}

#dvdBox .more p a ,#blogBox .more p a {
	background:url(http://tsutaya-college.jp/img/ico_more.jpg) 0 40% no-repeat;
	padding:0 0 0 14px;
	color:#333;
}

#dvdBox .more p a:hover ,#blogBox .more p a:hover {
	color:#666;
	text-decoration:underline;
}



#blogBox .authImg {
	width:88px;
}

#blogBox .authImg img {
	width:83px;
	height:83px;
	border:1px solid #ccc;
	padding:5px
}


#blogBox .blogRead h3 {
	background:url(http://tsutaya-college.jp/img/ico_blue02.jpg) 0 5px no-repeat;
	padding:0 0 0 35px;
	margin:0 0 3px 0;
}

#blogBox .blogRead h3 a {
	color:#39f;
	font-size:15px;
	text-decoration:underline;
}

#blogBox .blogRead h3 a:hover {
	color:#369;
}

#blogBox .blogRead h4 {
	padding:0 0 5px 35px;
	color:#369;
}

#blogBox .blogRead h4 a {
	color:#369;
	text-decoration:underline;
}

#blogBox .blogRead h4 a:hover {
	color:#036;
}


#sitemapBox h3 {
	background:url(http://tsutaya-college.jp/img/ico_blue01.jpg) 0 50% no-repeat;
	padding:0 0 0 35px;
	margin:0 0 3px 0;
}

#sitemapBox h3 a {
	color:#39f;
	font-size:15px;
	text-decoration:underline;
}

#sitemapBox h3 a:hover {
	color:#369;
}

#sitemapBox p {
	padding:0 0 0 35px;
	margin:0 0 20px 0;
}










#box02 {
	width:200px;
}

#rightarea {
	width:200px;
}

#dvdLank, #blogLink{
	width:200px;
	padding-bottom:15px;
}

.rightBody {
	background:url(http://tsutaya-college.jp/img/rightbox_bg.jpg) top center repeat-y;
	width:170px;
	padding:10px 15px 0 15px;
}

.rightBottom {
	background:url(http://tsutaya-college.jp/img/rightbox_bottom.jpg) top center no-repeat;
	width:200px;
	height:20px;
}

#dvdLank ul#feed li ,#blogLink ul li {
	padding:0 0 5px 0;
}

#dvdLank ul#feed li a {
	color:#333;
	text-decoration:underline;
	
}

#dvdLank ul#feed li a:hover {
	color:#999;
	text-decoration:none;
}


#blogLink ul li a {
	background:url(http://tsutaya-college.jp/img/ico_right_blue.jpg) 0 40% no-repeat;
	padding-left:15px;
	color:#333;
	text-decoration:underline;
}

#blogLink ul li a:hover {
	color:#999;
	text-decoration:none;
}

.rightBanner {
	margin-bottom:10px;
}

#naviBottom {
	width:960px;
	padding:0 20px 10px 20px;
}

#naviBottom p {
	text-align:center;
}


/*---- 検索ページ用 ----*/

#searchMain {
	width:520px;

}

#searchMain .entryBox {
	margin-bottom:20px;
}

#searchMain h2 {
	padding-bottom:15px;
}

#searchMain h3.result {
	padding-bottom:15px;
}

#searchMain h3.searchTtl {
width:509px;
border-bottom:1px solid #333;
border-left:8px solid #a642dd;
font-size:15px;
padding:0 0 3px 3px;
margin:0 0 15px 0;
}

#searchMain h3.searchTtl a {
color:#333;
}

#searchMain h3.searchTtl a:hover {
color:#666;
}

#searchMain .entry {
	padding:0 0 5px 0;
	background:url(http://bc.rentrak.co.jp/img/img_dot_520.jpg) bottom center no-repeat;
}

#searchMain p.date {
	padding:5px 0 0 0;
	margin:0 0 15px 0;
text-align:right;
}

/*---- フォーム ----*/

.memberForm  {
	width:500px;
	padding:10px;
}


.memberForm .must {
	color:#CC3300;
}

.memberForm table {
	width:500px;
	border-collapse:collapse;
}

.memberForm table th {
	background-color:#E2F3F3;
	padding:8px;
	border:1px #ccc solid;
	width:160px;
}

.memberForm table td {
	background-color:#fff;
	padding:8px;
	border:1px #ccc solid;
}

.memberForm table td.info {
	border:0;
	font-size:90%;
}

.memberForm table td.pass input {
	width:150px;
	padding:2px;
}

.memberForm table td.email input {
	width:200px;
	padding:2px;
}

.memberForm table td.age input {
	width:25px;
	padding:2px;
}

.memberForm table td.address input {
	width:280px;
	padding:2px;
}

.memberForm table td.name input {
	width:130px;
	padding:2px;
}

.memberForm table td.btn {
	text-align:center;
}



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

#footer {
	width:960px;
	padding:0 20px;
	background-color:#333;
}

#footer address {
	text-align:right;
	padding: 15px 0 15px 0;
	color:#fff;
	font-style:normal;
}


/* その他
---------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clr{ 
	clear:both;
}
.left{ 
	float:left;
}
.right{ 
	float:right;
}


.spT20{margin-top:10px;}

.sppT05{padding-top:5px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}

.spB05{margin-bottom:5px;}
.spB10{margin-bottom:10px;}
.spB20{margin-bottom:20px;}

.sppB10{padding-bottom:10px;}
.sppB20{padding-bottom:20px;}

.sppL10{padding-left:10px;}
.sppL50{padding-left:50px;}