@charset "utf-8";
/*
2008.04.11 create by mansak

Contents Menu CSS

----------------------------------------------------
*/
#Contents {
	width:555px;
	margin: 0px 5px 0px 0px;
	text-align: left;
	padding: 5px 5px;
	line-height: 1.4em;
	font-size: 90%;
	float: left;
}
/* ----------------------------------------------- */
/* 通知エリア                                      */
/* ----------------------------------------------- */
#NoticeArea {
	width:565px;
	margin: 5px auto 10px;
	padding: 5px 0px 10px 7px;
	background-color:#FFF;
	text-align: left;
	font-size: 90%;
	height: auto;
}
#NoticeArea p.kome2 {
	font-size:80%;
	color:#666666;
}
/* ----------------------------------------------- */
/* 通知エリア	width:730px                        */
/* ----------------------------------------------- */
#NoticeAreaW {
	float:none;
	width:730px;
	margin: 0px auto 10px;
	padding: 0px 0px 0px 7px;
	background-color:#FFF;
	text-align: left;
	font-size: 90%;
	height: auto;
}
#NoticeArea p.kome2 {
	font-size:80%;
	color:#666666;
	
	padding:0.8em 0 0;
}




/* 年末年始バージョン */
#NoticeArea #Head_gasyo {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_head_gasyo.jpg) left bottom no-repeat;
	width: 560px;
}
#NoticeArea #Body_gasyo {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_body_gasyo.jpg) left top repeat-y;
	width: 560px;
}
#NoticeArea #Tail_gasyo {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tail_gasyo.jpg) left top no-repeat;
	width: 560px;
}
#NoticeArea #noticeText_gasyo {
	background:url(/GakufuNet/common/img/notice/notice_gasyo_img.jpg) right bottom no-repeat;
	float:left;
	width:525px;
	margin: 10px 8px 5px 12px;
	line-height: 1.4em;
}
/* 年末年始バージョン wide */
#NoticeAreaW #Head_gasyo {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_headw_gasyo.jpg) left bottom no-repeat;
	width: 720px;
}
#NoticeAreaW #Body_gasyo {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_bodyw_gasyo.jpg) left top repeat-y;
	width: 720px;
}
#NoticeAreaW #Tail_gasyo {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tailw_gasyo.jpg) left top no-repeat;
	width: 720px;
}
#NoticeAreaW #noticeText_gasyo {
	background:url(/GakufuNet/common/img/notice/notice_gasyo_img.jpg) right bottom no-repeat;
	float:left;
	width:680px;
	padding:15px 8px 5px 22px;
	line-height: 1.4em;
	color:#585858;
}


/* GWバージョン */
#NoticeArea #Head_gw {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_head_gw.jpg) left bottom no-repeat;
	width: 560px;
}
#NoticeArea #Body_gw {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_body_gw.jpg) left top repeat-y;
	width: 560px;
}
#NoticeArea #Tail_gw {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tail_gw.jpg) left top no-repeat;
	width: 560px;
	margin:0 0 10px;
}
#NoticeArea #noticeText_gw {
	background:url(/GakufuNet/common/img/notice/notice_gw_img.jpg) right top no-repeat;
	float:left;
	width:525px;
	margin: 10px 8px 5px 12px;
	line-height: 1.4em;
	min-height: 75px;
	padding: 0.3em 0;
}
#NoticeArea #noticeText_gw p {
	font-size:90%;
	color:#666;
}
#NoticeArea #noticeText_gw p.kome2 {
	font-size:80%;
	color:#666;
}
/* GWバージョン wide */
#NoticeAreaW #Head_gw {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_headw_gw.jpg) left bottom no-repeat;
	width: 720px;
}
#NoticeAreaW #Body_gw {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_bodyw_gw.jpg) left top repeat-y;
	width: 720px;
}
#NoticeAreaW #Tail_gw {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tailw_gw.jpg) left top no-repeat;
	width: 720px;
	margin:0 0 10px;
}
#NoticeAreaW #noticeText_gw {
	background:url(/GakufuNet/common/img/notice/notice_gw_img.jpg) right bottom no-repeat;
	float:left;
	width:680px;
	padding:15px 8px 5px 22px;
	line-height: 1.4em;
	color:#585858;
}






/* 夏休みバージョン */
#NoticeArea #Head_natsu {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_head_natsu.jpg) left bottom no-repeat;
	width: 560px;
}
#NoticeArea #Body_natsu {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_body_natsu.jpg) left top repeat-y;
	width: 560px;
}
#NoticeArea #Tail_natsu {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tail_natsu.jpg) left top no-repeat;
	width: 560px;
}
#NoticeArea #noticeText_natsu {
	background:url(/GakufuNet/common/img/notice/notice_natsu_img2.jpg) right bottom no-repeat;
	float:left;
	width:525px;
	margin: 10px 10px 5px 5px;
	line-height: 1.4em;
}


/* 夏休みバージョン wide */
#NoticeAreaW #Head_natsu {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_headw_natsu.jpg) left bottom no-repeat;
	width: 720px;
}
#NoticeAreaW #Body_natsu {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_bodyw_natsu.jpg) left top repeat-y;
	width: 720px;
}
#NoticeAreaW #Tail_natsu {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tailw_natsu.jpg) left top no-repeat;
	width: 720px;
	margin:0 0 10px;
}
#NoticeAreaW #noticeText_natsu {
	background:url(/GakufuNet/common/img/notice/notice_natsu_img2.jpg) right bottom no-repeat;
	float:left;
	width:680px;
	padding:15px 8px 5px 22px;
	line-height: 1.4em;
	color:#585858;
}


/* 秋バージョン */
#NoticeArea #Head_aki {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_head_aki.jpg) left bottom no-repeat;
	width: 560px;
}
#NoticeArea #Body_aki {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_body_aki.jpg) left top repeat-y;
	width: 560px;
}
#NoticeArea #Tail_aki {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tail_aki.jpg) left top no-repeat;
	width: 560px;
}
#NoticeArea #noticeText_aki {
	background:url(/GakufuNet/common/img/notice/notice_aki_img.jpg) right top no-repeat;
	float:left;
	width:525px;
	margin: 10px 10px 5px 5px;
	line-height: 1.4em;
}


/* 秋バージョン wide */
#NoticeAreaW #Head_aki {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_headw_aki.jpg) left bottom no-repeat;
	width: 720px;
}
#NoticeAreaW #Body_aki {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_bodyw_aki.jpg) left top repeat-y;
	width: 720px;
}
#NoticeAreaW #Tail_aki {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tailw_aki.jpg) left top no-repeat;
	width: 720px;
	margin:0 0 10px;
}
#NoticeAreaW #noticeText_aki {
	background:url(/GakufuNet/common/img/notice/notice_aki_img.jpg) right top no-repeat;
	float:left;
	width:680px;
	padding:15px 8px 5px 22px;
	line-height: 1.4em;
	color:#585858;
}





/* おしらせバージョン */
#NoticeArea #Head_notice {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_head_notice.jpg) left bottom no-repeat;
	width: 560px;
}
#NoticeArea #Body_notice {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_body_notice.jpg) left top repeat-y;
	width: 560px;
}
#NoticeArea #Tail_notice {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tail_notice.jpg) left top no-repeat;
	width: 560px;
	margin: 0 0 1.0em;;
}
#NoticeArea #noticeText_notice {
	background:url(/GakufuNet/common/img/notice/notice_notice_img.jpg) right top no-repeat;
	float:left;
	width:525px;
	margin: 10px 10px 5px 5px;
	line-height: 1.4em;
}


/* お知らせバージョン wide */
#NoticeAreaW #Head_notice {
	float:left;
	height:25px;
	background:url(/GakufuNet/common/img/notice/notice_headw_notice.jpg) left bottom no-repeat;
	width: 720px;
}
#NoticeAreaW #Body_notice {
	float:left;
	background:url(/GakufuNet/common/img/notice/notice_bodyw_notice.jpg) left top repeat-y;
	width: 720px;
}
#NoticeAreaW #Tail_notice {
	float:left;
	height:15px;
	background:url(/GakufuNet/common/img/notice/notice_tailw_notice.jpg) left top no-repeat;
	width: 720px;
	margin:0 0 10px;
}
#NoticeAreaW #noticeText_notice {
	background:url(/GakufuNet/common/img/notice/notice_notice_img.jpg) right top no-repeat;
	float:left;
	width:680px;
	padding:15px 8px 5px 22px;
	line-height: 1.4em;
	color:#585858;
}





/*
background:url(../img/notice_natsu.jpg) left top no-repeat; }
*/

/* ----------------------------------------------- */
/* 見出しパーツ                                    */
/* ----------------------------------------------- */

.PlateBaseY {
	background:url(../img/plate_base_y.jpg) left top repeat-x;
	margin-left: 5px;
}
.PlateBaseB {
	background:url(../img/plate_base_b.jpg) left top repeat-x;
	margin-left: 5px;
}
.PlateBaseG {
	background:url(../img/plate_base_g.jpg) left top repeat-x;
	margin-left: 5px;
}
.PlateBaseR {
	background:url(../img/plate_base_r.jpg) left top repeat-x;
	margin-left: 5px;
}
.PlateBaseYunyuG {
	background:url(../img/plate_base_yunyugakufu.jpg) left top repeat-x;
	margin-left: 5px;
}



#TitleBaseY {
	float:none;
	width:97%;
	height:45px;
	margin: 0px 0px 5px 5px;
	text-align: left;
	padding: 0px 0px;
	background:url(../img/plate_base_y.jpg) left bottom repeat-x;
}
#TitleBaseB {
	float:none;
	width:97%;
	height:45px;
	margin: 0px 0px 5px 5px;
	text-align: left;
	padding: 0px 0px;
	background:url(../img/plate_base_b.jpg) left bottom repeat-x;
}
#TitleBaseB-Wide {
	float:none;
	width:740px;
	height:45px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	padding: 0px 0px;
	background:url(../img/plate_base_b.jpg) left bottom repeat-x;
}
#TitleBaseG {
	float:none;
	width:97%;
	height:45px;
	margin: 0px 0px 5px 5px;
	text-align: left;
	padding: 0px 0px;
	background:url(../img/plate_base_g.jpg) left bottom repeat-x;
}
#TitleBaseG-Wide {
	float:none;
	width:740px;
	height:45px;
	margin: 0px 0px 5px 0px;
	text-align: left;
	padding: 0px 0px;
	background:url(../img/plate_base_g.jpg) left bottom repeat-x;
}
#TitleBaseR {
	float:none;
	width:97%;
	height:45px;
	margin: 0px 0px 5px 5px;
	text-align: left;
	padding: 0px 0px;
	background:url(../img/plate_base_r.jpg) left bottom repeat-x;
}
/* ---------------------- */
#TitleIconY {
	float:left;
	width:50px;
	height:45px;
	background:url(../img/plate_icon_y.jpg) left bottom no-repeat;
}
#TitleIconB {
	float:left;
	width:50px;
	height:45px;
	background:url(../img/plate_icon_b.jpg) left bottom no-repeat;
}
#TitleIconG {
	float:left;
	width:50px;
	height:45px;
	background:url(../img/plate_icon_g.jpg) left bottom no-repeat;
}
#TitleIconR {
	float:left;
	width:50px;
	height:45px;
	background:url(../img/plate_icon_r.jpg) left bottom no-repeat;
}
/* ---------------------- */
#TitleTxtY {
	font-size: 100%;
	font-weight: bold;
	padding: 11px 0px 6px;
	color: #846300;
}
#TitleTxtY a {
	text-decoration:none;
	color: #846300;
}
#TitleTxtY a:hover {
	text-decoration:underline;
	color: #846300;
}
#TitleTxtB {
	font-size: 100%;
	font-weight: bold;
	padding: 11px 0px 6px;
	color: #033887;
}
#TitleTxtB a {
	text-decoration:none;
	color: #033887;
}
#TitleTxtB a:hover {
	text-decoration:underline;
	color: #033887;
}
#TitleTxtG {
	font-size: 100%;
	font-weight: bold;
	padding: 11px 0px 6px;
	color: #177373;
}
#TitleTxtG a {
	text-decoration:none;
	color: #1C8686;
}
#TitleTxtG a:hover {
	text-decoration:underline;
	color: #1C8686;
}
#TitleTxtR {
	font-size: 100%;
	font-weight: bold;
	padding: 11px 0px 6px;
	color: #C00C39;
}
#TitleTxtR a {
	text-decoration:none;
	color: #F22256;
}
#TitleTxtR a:hover {
	text-decoration:underline;
	color: #F22256;
}
#TitleTxtYunyuG {
	font-size: 100%;
	font-weight: bold;
	padding: 11px 0px 6px;
	color: #846300;
}
#TitleTxtYunyuG a {
	text-decoration:none;
	color: #484848;
}
#TitleTxtYunyuG a:hover {
	text-decoration:underline;
	color: #484848;
}

/* ---------------------- */
#TitleLink {
	font-size: 80%;
	/*padding: 8px 0px 0px;*/
	margin-right:10px;
	text-align:right;
}
#TitleLink a {
	/*text-overflow: ellipsis;*/
	text-decoration:none;
	color:#616161;
}
#TitleLink a:hover {
	/*text-overflow: ellipsis;*/
	text-decoration:underline;
	color:#66ADE9;
}
#TitleBase.ColorGreen {
	color: #1C8686;
	background:url(../img/plate_base_g.jpg) left bottom repeat-x;
}
#TitleBase #TitleIcon.ColorGreen {
	background:url(../img/plate_icon_g.jpg) left bottom no-repeat;
}
#TitleBase.ColorRed {
	color: #F22256;
	background:url(../img/plate_base_r.jpg) left bottom repeat-x;
}
#TitleBase #TitleIcon.ColorRed {
	background:url(../img/plate_icon_r.jpg) left bottom no-repeat;
}
/* ----------------------------------------------- */
/* 商品                                            */
/* ----------------------------------------------- */
#ShohinBox {
	float:left;
	width:180px;
	margin: 5px 0px 2px 2px;
	/*margin: 5px 1px 5px 5px;*/
	border-bottom:dotted 1px;
	border-bottom-color: #E6E6E6;
	display: block;
	height: auto;
	color:#808080;
	text-align: left;
	font-size: 90%;
}
#ShohinBox img {
	float: left;
	padding: 0px 2px 0px 2px;
	border: none;
}
#ShohinBox img.ImgSize {
	height:85px;
}
#ShohinBox p {
	text-align: left;
	margin: 3px 8px;
	color:#808080;
	font-size:90%;
}
#ShohinBox b {
	color:#808080;
	font-size:90%;
	font-weight:normal;
}
#TopTitle {
	width:100px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	line-height: 1.2em;
	height: auto;
	font-size: 105%;
}
#TopBookName {
	width:95px;
	height:5.8em;
	overflow:hidden;
	white-space:normal;
	text-overflow: ellipsis;
	line-height: 1.2em;
}
#TopBookNameKigaku {
	width:95px;
	height:5.8em;
	overflow:hidden;
	white-space:normal;
	text-overflow: ellipsis;
	line-height: 1.2em;
}
#TopGenre {
	font-size:90%;
}
#TopPrice {
	display:block;
	font-size: 80%;
}
#ShohinBox a {
	text-overflow: ellipsis;
	color:#808080;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	line-height: 1.4em;
	cursor:pointer;
}	
#ShohinBox a:hover {
	text-overflow: ellipsis;
	color:#66ADE9;
	text-decoration:underline;
	font-weight:bold;
	font-size:90%;
	line-height: 1.4em;
	cursor:pointer;
}	

#ShohinBox2 {
	float:left;
	width:540px;
	clear: none;
	margin: 0px 5px 10px 0px;
	border-bottom:dotted 1px;
	border-bottom-color: #E6E6E6;
	display: block;
	height: 75px;
	color:#808080;
	padding: 5px 5px 10px 0px;
	position: relative;
}
#ShohinBox2 img {
	float: left;
	padding: 0px 10px 3px 5px;
	border: none;
}
#ShohinBox2 b {
	color:#204684;
	font-size:110%;
	font-weight:bold;
}
#ShohinBox2 p {
	/*text-align: left;*/
	margin: 3px 8px;
	color:#808080;
	font-size:90%;
	line-height: 1.6em;
}
#ShohinBox2 a {
	color:#204684;
	text-decoration:none;
	font-size:100%;
	line-height: 1.6em;
}	
#ShohinBox2 a:hover {
	color:#204684;
	text-decoration:underline;
	font-size:100%;
	line-height: 1.6em;
}	

#ShohinBox3 {
	width:555px;
	clear: none;
	margin: 0px auto 5px;
	display: block;
	color:#808080;
	position: relative;
}
#ShohinBox3 img {
	border:none;
}
/* ----------------------------------------------- */
/* 商品リスト                                      */
/* ----------------------------------------------- */
#ShohinList {
	float:left;
	width:535px;
	clear: none;
	margin: 0px 5px 5px 5px;
	border-bottom:dotted 1px;
	border-bottom-color: #E6E6E6;
	display: block;
	height: auto;
	color:#808080;
	font-size: 100%;
}
#ShohinList #ListCate {
	float:left;
	width:45px;
	text-align: left;
	padding: 3px 2px;
}
#ShohinList #ListTitle {
	float:left;
	width:340px;
	padding: 3px 5px;

	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#ShohinList #ListTitle a {
	color:#204684;
	text-decoration:none;
	font-weight:bold;
	font-size: 100%;
	
	text-overflow:ellipsis;
}
#ShohinList #ListTitle a:hover {
	color:#204684;
	text-decoration:underline;
	font-weight:bold;
	font-size: 100%;

	text-overflow:ellipsis;
}

#ShohinList #ListCome {
	float:right;
	width:110px;
	color:#FF0000;
	padding: 3px 5px;
}
/* ----------------------------------------------- */
/* もっと見る                                      */
/* ----------------------------------------------- */
#LinkMore {
	display:block;
	float:left;
	width: 560px;
	text-align:right;
	font-size: 80%;
}
#LinkMore a {
	text-overflow: ellipsis;
	text-decoration:none;
	color:#808080;
}
#LinkMore a:hover {
	text-overflow: ellipsis;
	text-decoration:underline;
	color:#66ADE9;
}
/* ----------------------------------------------- */
/* スクロールCTRL                                  */
/* ----------------------------------------------- */
#ScrollCtrlPrev {
	float:left;
	width:550px;
	height:22px;
	margin-right: 3px;
	font-size:90%;
	text-align:right;
	display:block;
	background-color: #FFFFFF;
}
#ScrollCtrlPrev a {
	background:url(../img/arrow-up-01.gif) right top no-repeat;
	display:block;
	height:22px;
	padding: 3px 25px 0px 0px;
}
#ScrollCtrlPrev a:hover {
	background:url(../img/arrow-up-ov-01.gif) right top no-repeat;
	display:block;
	height:22px;
	padding: 3px 25px 0px 0px;
}
#ScrollCtrlNext {
	float:left;
	width:550px;
	height:22px;
	margin-right: 3px;
	font-size:90%;
	text-align:right;
	display:block;
	background-color: #FFFFFF;
}
#ScrollCtrlNext a {
	background:url(../img/arrow-dn-01.gif) right top no-repeat;
	display:block;
	height:22px;
	padding: 3px 25px 0px 0px;
}
#ScrollCtrlNext a:hover {
	background:url(../img/arrow-dn-ov-01.gif) right top no-repeat;
	display:block;
	height:22px;
	padding: 3px 25px 0px 0px;
}