@charset "Shift_JIS";

/* ========================== stationery ========================== */

.mainVisual {
	/*width: 950px;*/
	width: 950px;
	margin-bottom: 20px;
}


.no-topicPath {
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
}


.stationery-cat * {
	margin: 0;
	padding: 0;
}
.stationery-cat {
	/*width: 900px;*/
	width: 950px;
	font-size: 90%;
}
.stationery-cat .main {
	/*width: 650px;*/
	float: left;
	width: 710px;
}
.stationery-cat .side {
	/*width: 250px;*/
	float: right;
	width: 240px;
}


/* clear */

.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* flash */
.stationery-cat .flash-top {
	width: 630px;
	margin-bottom: 40px;
	float: left;
}
.stationery-cat .flash-pickup {
	/*width: 250px;*/
	width: 240px;
	margin-bottom: 22px;
	float: right;
}


/* block-01 */
.stationery-cat .block-01 {
	/*width: 630px;*/
	width: 690px;
	margin-bottom: 35px;
}
.stationery-cat .block-01 .ttl {
	/*position: relative;*/
	margin-bottom: 5px;
	float: left;
	width: 200px;
}

.stationery-cat .block-01 .ttl-link {
	margin-bottom: 5px;
	float: right;
	width: 400px;
	text-align: right;
}

.stationery-cat .block-01 .ttl-link a {
	padding-left:15px;
	line-height: 25px;
	background:url("http://www.kokuyo-st.co.jp/stationery/images/icon_01.gif") no-repeat scroll 0 0 transparent;
}
.stationery-cat .block-01 .inner-01 {
	clear: both;
	/*width: 630px;*/
	width: 677px;
	/*padding: 10px 0 0 0;*/
	padding: 10px 10px 10px 3px;
	background: url(../images/bg_01.gif);
}
.stationery-cat .block-01 .inner-01 #cat-list-01,
.stationery-cat .block-01 .inner-01 #cat-list-02,
.stationery-cat .block-01 .inner-01 #cat-list-03 {
	margin: 0 0 18px 0;
}
.stationery-cat .block-01 .inner-01 #cat-list-04 {
	margin: 0;
}
.stationery-cat .block-01 .inner-01 #cat-list-01 .cat-ttl {
	margin: 0 0 8px 0;
	padding: 0 10px 0 7px;
}
.stationery-cat .block-01 .inner-01 #cat-list-02 .left,
.stationery-cat .block-01 .inner-01 #cat-list-03 .left,
.stationery-cat .block-01 .inner-01 #cat-list-04 .left,
.stationery-cat .block-01 .inner-01 #cat-list-02 .right,
.stationery-cat .block-01 .inner-01 #cat-list-03 .right,
.stationery-cat .block-01 .inner-01 #cat-list-04 .right {
	float: left;
}
.stationery-cat .block-01 .inner-01 #cat-list-02 .left .cat-ttl,
.stationery-cat .block-01 .inner-01 #cat-list-03 .left .cat-ttl,
.stationery-cat .block-01 .inner-01 #cat-list-04 .left .cat-ttl,
.stationery-cat .block-01 .inner-01 #cat-list-02 .right .cat-ttl,
.stationery-cat .block-01 .inner-01 #cat-list-03 .right .cat-ttl,
.stationery-cat .block-01 .inner-01 #cat-list-04 .right .cat-ttl {
	margin: 0 0 8px 0;
	padding: 0 0 0 7px;
}
.stationery-cat .block-01 .inner-01 dl {
	float: left;
	width: 162px;
	padding: 0 0 0 7px;
	background: url(../images/cat_list_btm.gif) right bottom no-repeat;
}
.stationery-cat .block-01 .inner-01 dt {
	padding: 3px;
	background: url(../images/cat_list_top.gif) left top no-repeat;
}
.stationery-cat .block-01 .inner-01 dd {
}
.stationery-cat .block-01 .inner-01 ul {
	padding: 0 0 3px 0;
}
.stationery-cat .block-01 .inner-01 li {
	padding: 4px 5px 5px 20px;
	background: url(../images/icon_01.gif) 0.5em 0.8em no-repeat;
}

.stationery-cat .block-01 .inner-01 dd.genre-list {
	border-top: 1px dotted #CCC3A6;
}
.stationery-cat .block-01 .inner-01 dd.genre-list p {
	padding: 8px 5px 7px 20px;
	font-size: 90%;
	background: url(../images/icon_02.gif) 0.8em 1.2em no-repeat;
}
.stationery-cat .block-01 #cat-list-04 dd.genre-list p {
	padding: 8px 5px 0 20px;
	font-size: 90%;
	background: url(../images/icon_02.gif) 0.8em 1.2em no-repeat;
}

/* block-02 */

.stationery-cat .block-02 {
	/*width: 630px;*/
	width: 690px;
	margin-bottom: 10px;
}
.stationery-cat .block-02 .l-block {
	/*width: 305px;*/
	width: 331px;
	position: relative;
	float: left;
}
.stationery-cat .block-02 .r-block {
	/*width: 305px;*/
	width: 331px;
	position: relative;
	float: right;
}

.stationery-cat .block-02 .ttl {
	margin-bottom: 14px;
}

.stationery-cat .block-02 .btn {
	position: absolute;
	top: 4px;
}
.stationery-cat .block-02 .l-block .btn {
	width: 179px;
	left: 126px;
}
.stationery-cat .block-02 .r-block .btn {
	width: 185px;
	left: 120px;
}
.stationery-cat .block-02 .btn a {
	padding-left: 15px;
	background: url(../images/icon_01.gif) no-repeat 0 1px;
}

.stationery-cat .block-02 ul {
	width: 305px;
}
.stationery-cat .block-02 li.img {
	width: 55px;
	text-align: center;
	padding: 1px 0 15px 0;
	background: url(../images/bg_05.gif) no-repeat 0 0;
	float: left;
}
.stationery-cat .block-02 li.img a {
	width: 53px;
	height: 52px;
	text-align: center;
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
.stationery-cat .block-02 li.img a img {
	margin: 0 auto;
}
.stationery-cat .block-02 li.date {
	width: 240px;
	font-weight: bold;
	color: #999999;
	float: right;
}
.stationery-cat .block-02 li.date img {
	vertical-align: top;
	margin-right: 10px;
}
.stationery-cat .block-02 li.txt {
	width: 240px;
	padding-bottom: 14px;
	float: right;
}


/* block-03 */

.stationery-cat .block-03 {
	/*width: 630px;*/
	width: 690px;
	position: relative;
}

.stationery-cat .block-03 .ttl {
	margin-bottom: 12px;
}

.stationery-cat .block-03 .btn {
	width: 400px;
	position: absolute;
	top: 4px;
	left: 226px;
}
.stationery-cat .block-03 .btn a {
	padding-left: 15px;
	background: url(../images/icon_01.gif) no-repeat 0 1px;
}

.stationery-cat .block-03 dt {
	position: relative;
}
.stationery-cat .block-03 dt span {
	width: 7.5em;
	font-weight: bold;
	color: #999999;
	white-space: nowrap;
	padding: 0 0 5px 0;
	background: url(../images/icon_01.gif) no-repeat right 4px;
	display: block;
	position: absolute;
}
.stationery-cat .block-03 dd {
	padding: 0 0 10px 8em;
}


/* block-04 */

.stationery-cat .block-04 {

	/*width: 240px;
	margin: 0 0 25px 10px;*/
	width: 230px;
	margin: 0 0 25px 10px;
}
.stationery-cat .block-04 .inner-01 {
	/*width: 240px;*/
	width: 230px;
	background: url(../images/bg_02b.gif) repeat-y left top;
}
.stationery-cat .block-04 .inner-01a {
	/*width: 240px;*/
	width: 230px;
	background: url(../images/bg_02a.gif) no-repeat left top;
}
.stationery-cat .block-04 .inner-01b {
	/*width: 240px;*/
	width: 230px;
	padding: 15px 0 6px 0;
	background: url(../images/bg_02c.gif) no-repeat left bottom;
}

.stationery-cat .block-04 .ttl {
	margin-bottom: 6px;
}
.stationery-cat .block-04 .ttl1 {
	margin-left: 9px;
	padding-top: 5px;
}

/*
.stationery-cat .block-04 .search-box {
	width: 220px;
	margin-left: 10px;
	padding: 3px 0 12px 0;
	background: url(../images/bg_02d.gif) no-repeat left top;
}
.stationery-cat .block-04 .search-box input {
	width: 190px;
	height: 21px;
	color: #999999;
	line-height: 21px;
	margin-left: 25px;
	background: transparent;
	border: 0;
}
.stationery-cat .block-04 .search-btn {
	text-align: center;
	margin-bottom: 8px;
}
*/
.stationery-cat .block-04 .search-box {
	/*width: 171px;*/
	width: 167px;
	margin-left: 10px;
	padding: 3px 0 12px 0;
	background: url(../images/bg_02d.gif) no-repeat left top;
	float:left;
	display:inline;
}
.stationery-cat .block-04 .search-box input {
	/*width: 145px;*/
	width: 141px;
	height: 21px;
	color: #999999;
	line-height: 21px;
	margin-left: 20px;
	background: transparent;
	border: 0;
}
.stationery-cat .block-04 .search-btn {
	float:left;
	width:40px;
}

.stationery-cat .block-04 .btn {
	clear:both;
	/*width: 220px;*/
	width: 210px;
	font-size: 90%;
	text-align: right;
	margin-left: 10px;
}
.stationery-cat .block-04 .btn a {
	padding-left: 10px;
	background: url(../images/icon_02.gif) no-repeat 0 2px;
}

.stationery-cat .block-04 .inner-02 {
	/*width: 222px;*/
	width: 212px;
	margin: 0 0 0 9px;
	background: url(../images/bg_03.gif) repeat-y left top;
	border-top: solid 1px #e4e6e5;
	border-bottom: solid 1px #e4e6e5;
}
.stationery-cat .block-04 .inner-02 ul {
	margin: 0 1px -1px 1px;
}
.stationery-cat .block-04 .inner-02 ul li {
	padding: 8px 10px;
	background: url(../images/line_01.gif) repeat-x left bottom;
}
.stationery-cat .block-04 .inner-02 ul li span {
	padding-left: 8px;
	background: url(../images/icon_02.gif) no-repeat 0 5px;
	display: block;
}
.stationery-cat .block-04 .inner-02 ul ul {
	font-size: 85%;
	color: #999999;
	margin: 0 0 0 8px;
	padding: 3px 0 0 0;
}
.stationery-cat .block-04 .inner-02 ul ul li {
	padding: 0;
	background: none;
}
.stationery-cat .block-04 .inner-02 ul ul li a:link,
.stationery-cat .block-04 .inner-02 ul ul li a:visited,
.stationery-cat .block-04 .inner-02 ul ul li a:active {
	color: #999999;
	text-decoration: none;
}
.stationery-cat .block-04 .inner-02 ul ul li a:hover {
	color: #999999;
	text-decoration: underline;
}


/* block-05 */

.stationery-cat .block-05 {
	/*width: 240px;
	margin: 0 0 25px 10px;*/
	width: 230px;
	margin: 0 0 25px 10px;
	position:relative;
}

.stationery-cat .block-05 .ttl {
	margin-bottom: 6px;
}

.stationery-cat .block-05 .btn {
	font-size: 90%;
	position: absolute;
	top: 5px;
	right: 0;
}
.stationery-cat .block-05 .btn2 {
	width: 130px;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 0;
}
.stationery-cat .block-05 .btn a {
	padding-left: 10px;
	background: url(../images/icon_02.gif) no-repeat 0 2px;
}
.stationery-cat .block-05 .btn2 a {
	padding-left: 15px;
	background: url(../images/icon_01.gif) no-repeat 0 2px;
}
.stationery-cat .block-05 p {
	margin: 0 0 5px 0;
}

/* block-06 */

.stationery-cat .block-06 {
	/*width: 240px;
	margin: 0 0 25px 10px;*/
	width: 230px;
	margin: 0 0 25px 10px;
	position: relative;
}

.stationery-cat .block-06 .ttl {
	margin-bottom: 6px;
}

.stationery-cat .block-06 .btn {
	width: 130px;
	text-align: right;
	position: absolute;
	top: 4px;
	right: 0;
}
.stationery-cat .block-06 .btn a {
	padding-left: 15px;
	background: url(../images/icon_01.gif) no-repeat 0 2px;
}

.stationery-cat .block-06 li {
	width: 240px;
	float: left;
}

.stationery-cat .block-06 li.kubun {
	padding-top: 6px;
}

.stationery-cat .block-07 {
	width: 230px;
	margin: 15px 0px 15px 10px;
}


.stationery-cat .block-08 {
	width: 230px;
	margin: 15px 0px 20px 10px;
}
.stationery-cat .block-08 .ttl {
	margin: 0px 0px 2px 0px;
}
.stationery-cat .block-08 .name {
	margin: 0;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
}
.stationery-cat .block-08 iframe,
.stationery-cat .block-08 #player {
	margin: 0px 0px 5px 0px;
}
.stationery-cat .block-08 .text {
	margin: 0px 0px 5px 0px;
	font-size:12px;
	line-height: 1.5;
}



/* cat-top */
.stationery-cat .cat-top-01 {
	/*width: 630px;*/
	width: 690px;
	margin-bottom: 35px;
}
.stationery-cat .cat-top-01-file {
	height: 150px;
}

.stationery-cat .cat-top-01-file p {
	float: left;
	width: 314px;
}

.stationery-cat .cat-top-01-file .ttl_slide {
	float: left;
	width: 386px;
}

.stationery-cat .cat-top-02 {
	/*width: 630px;*/
	width: 690px;
	margin-bottom: 35px;
}

.stationery-cat .cat-top-02 p,
.stationery-cat .cat-top-03 p.ttl,
.stationery-cat .cat-top-04 p.ttl {
	position: relative;
}
.stationery-cat .cat-top-02 p span, 
.stationery-cat .cat-top-03 p.ttl span, 
.stationery-cat .cat-top-04 p.ttl span {
	position: absolute;
	top: 7px;
	right: 10px;
}
/*.stationery-cat .cat-top-02 */p.ttl span.campus {
	position: absolute;
	top: 7px;
	right: 54px!important;
}
.stationery-cat .cat-top-02 p span a,
.stationery-cat .cat-top-03 p.ttl span a,
.stationery-cat .cat-top-04 p.ttl span a {
	padding-left: 15px;
	line-height: 25px;
	background: url("/stationery/images/icon_01.gif") no-repeat scroll 0 2px transparent;
}
.stationery-cat .cat-top-02 ul {
	/*width: 650px;*/
	width: 690px;
}
.stationery-cat .cat-top-02 li {
	float: left;
	padding: 15px 45px 0 0;
	/*padding: 15px 15px 0 0;*/
}
.stationery-cat .cat-top-02 li.rightend {
	padding: 15px 0 0 0;
}

.stationery-cat .cat-top-03,
.stationery-cat .cat-top-04 {
	clear: both;
	/*width: 650px;*/
	width: 690px;
}
.stationery-cat .cat-top-03 .ttl,
.stationery-cat .cat-top-04 .ttl {
	/*margin-bottom: 15px;*/
	margin: 0;
}
.stationery-cat .cat-top-03 ul {
	/*width: 650px;*/
}
.stationery-cat .cat-top-03 li,
.stationery-cat .cat-top-04 li {
	/*width: 325px;*/
	width: 316px;
	float: left;
}
.stationery-cat .cat-top-03 li p,
.stationery-cat .cat-top-04 li p {
	/*width: 305px;*/
	width: 300px;
}
.stationery-cat .cat-top-03 li span,
.stationery-cat .cat-top-04 li span {
	display: block;
	float: left;
}
.stationery-cat .cat-top-03 li span.img,
.stationery-cat .cat-top-04 li span.img {
	width: 77px;
	height: 77px;
	padding-bottom: 0;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #CCC;
}
.stationery-cat .cat-top-03 li span.img img,
.stationery-cat .cat-top-04 li span.img img {
	border: 1px solid white;
	width: 75px;
	height: 75px;
}

.stationery-cat .cat-top-03 li span.txt1,
.stationery-cat .cat-top-04 li span.txt1 {
	width: 211px;
	font-weight: bold;
	padding-bottom: 6px;
	float: right;
}
.stationery-cat .cat-top-03 li span.txt2,
.stationery-cat .cat-top-04 li span.txt2 {
	width: 211px;
	font-size: 85%;
	padding-bottom: 20px;
	float: right;
}

.stationery-cat .cat-top-03 .bg,
.stationery-cat .cat-top-04 .bg {
	padding: 0 0 10px 0;
	background:url(../images/bg_01.gif) left top repeat;
}
.stationery-cat .cat-top-03 .bg .page-link {
	padding: 10px;
	border-bottom: 2px solid #FFF;
}
.stationery-cat .cat-top-03 .bg .page-link li {
	float: left;
	width: 162px;
	padding: 0 7px 0 0;
}
.stationery-cat .cat-top-03 .bg .col3 li {
	width: 218px;
}
.stationery-cat .cat-top-03 .bg .page-link li.rightend {
	padding: 0;
}
.stationery-cat .cat-top-03 .bg .inner {
	clear: both;
	width: 670px;
	margin: 10px 10px 0 10px;
	background: url(../cat/images/bg_recm_btm.gif) left bottom no-repeat;
}
.stationery-cat .cat-top-03 .bg .inner p.ttl {
	clear: both;
	padding: 5px 13px 20px 13px;
	background: url(../cat/images/bg_recm_top.gif) left top no-repeat;
}
.stationery-cat .cat-top-03 .bg .inner ul {
	padding: 0 13px;
}
.stationery-cat .cat-top-04 .bg .inner ul {
	padding: 20px 13px 0 13px;
}
.stationery-cat .cat-top-03 .page-top,
.stationery-cat .cat-top-04 .page-top {
	clear: both;
	padding: 5px 13px 0 0;
	font-size: 84%;
	text-align: right;
}
.stationery-cat .cat-top-03 .page-top a,
.stationery-cat .cat-top-04 .page-top a {
	padding: 0 0 0 13px;
	background: url(../images/arw_pagetop.gif) left center no-repeat;
}
.stationery-cat .cat-top-04 .bg {
	padding: 10px;
}
.stationery-cat .cat-top-04 .bg .inner {
	margin: 0;
	background: url(../cat/images/bg_recm_btm.gif) left bottom no-repeat;
}
.stationery-cat .cat-top-04 .bg .inner div {
	clear: both;
	background: url(../cat/images/bg_recm_top.gif) left top no-repeat;
}

/* imagenavigation */

img {
	border:0;
	vertical-align:bottom;
}
ul,li {
	margin:0;
	padding:0;
	list-style:none;
}
#image-navigation .navi-image {
	position: relative;
	width: 690px;
	height: 302px;
}
#image-navigation .navi-image a {
	display: none;
	filter: inherit;
}
#image-navigation .navi-image span {
	position: absolute;
	top: 0;
	left: 0;
}
#image-navigation .navi {
	margin-bottom: 30px;
}
#image-navigation .navi ul li {
	position: relative;
	float: left;
	width: 173px;
	height: 84px;
}
#image-navigation .navi ul li img {
	position: absolute;
	top: 8px;
	left: 0;
    z-index:1;
	cursor: pointer;
}
#image-navigation .navi ul li span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 170px;
	height: 84px;
	z-index:2;
	cursor: pointer;
    background: url(../images/slideshow/current.png) no-repeat top left;
}
#image-navigation .new-btn {
	position: absolute;
	bottom: 0;
	left: 20px;
	width: 135px;
	height: 34px;
	z-index: 11;
}