@charset "euc-jp";
/* CSS Document */


/*-----------------------------------
	メインイメージ
-----------------------------------*/
#main div.main_img {
	margin:0px auto 45px auto;
	width: 860px;
}

/*-----------------------------------
	新着情報
-----------------------------------*/

/*------- 外側枠 -------*/
#main div.news_box {
	margin-bottom:20px;
}
#main div.news_box div.box_top {
	width: 860px;
	margin:0px auto 0px auto ;
}
#main div.news_box .box_mid {
	background: url(../img/index/news_mid.png) repeat-y;
	width: 860px;
	margin:0px auto 0px auto ;
}
#main div.news_box div.box_bottom {
	width: 860px;
	margin:0px auto 0px auto;
}

/*------- カレンダー -------*/
#main div.calenderbox {
	width: 260px;
	/*height:370px;*/
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#main div.calender_naiyo {
	width: 258px;
	/*height:310px;*/
	background: #FFF;
	border: 1px solid #ccc;
	padding-bottom: 10px;
	height: 350px;
	overflow: visible;
}
#main div.calenderbox p.index_title {
	background: url(../img/index/calender_title.png) no-repeat;
	height: 60px;
	width: 260px;
	text-indent: -9999px;
}



/*------- 新着情報 -------*/
#main div.news {
	width: 540px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main div.news p.index_title {
	background: url(../img/index/news_title.png) no-repeat;
	height: 60px;
	width: 540px;
	text-indent: -9999px;
}
#main div.newslist {
	height: 350px;
	/*margin:20px;*/
	border: 1px solid #ccc;
	padding-bottom: 10px;
	background-color: #FFF;
}
#main div.newstext {
	margin: 10px;
	height: 330px;
	overflow: auto;
	background-color: #FFF;
}



/*-----------------------------------
	その他ボックス共通
-----------------------------------*/
#main div.item_box,
#main div.recall_box,
#main div.brand_box,
#main div.link_box,
#main div.shop_box {
	width: 860px;
	margin:0px auto 0px auto;
}
#main div.item_box p.index_title,
#main div.recall_box p.index_title,
#main div.brand_box p.index_title,
#main div.link_box p.index_title,
#main div.shop_box p.index_title {
	width: 860px;
	height:60px;
	text-indent:-9999px;
}

#main div.recall_box {
	margin-bottom:30px;
}
#main div.brand_box,
#main div.link_box {
	margin-bottom:40px;
}

#main div.recall_box p.index_title {
	background:url(../img/index/recall_title.png) no-repeat;
}
#main div.brand_box p.index_title {
	background:url(../img/index/brand_title.png) no-repeat;
}
#main div.link_box p.index_title {
	background:url(../img/index/link_title.png) no-repeat;
}
#main div.shop_box p.index_title {
	background:url(../img/index/shop_title.png) no-repeat;
}


/*-----------------------------------
	お客様へのお願い
-----------------------------------*/
#main div.attention_box {
	width: 810px;
	height:350px;
	margin:20px auto 40px auto;
	padding:25px;
	background: url(../img/index/attention_box.png) no-repeat;
}
#main div.attention_text {
	width: 530px;
	margin-left: 250px;
	height: 300px;
	overflow:auto;
}
#main div.attention_text span {
	color:#CC0000;
	font-size:14px;
}


/*-----------------------------------
	中学校制服・規定用品
-----------------------------------*/
#main div.item_box p.index_title {
	background:url(../img/index/item_title.png) no-repeat;
}
#main div.item_box {
	margin: 0px auto 20px auto;
	width: 860px;
}
#main div.item_img {
	background: #FFFFFF;
	margin:2px;
}

#main div.item_img ul li.slide_box {
	float:left;
	width:285px;
}
#main ul.portfolio li a {
	display:block;
}/**/
.attention{
	font-family:serif;
	font-size:16px;
	color:#999999;
	margin:0px 0px 8px 18px;
	padding-top:8px;
}

/*-----------------------------------
	バナー部分
-----------------------------------*/
div.bnr_box {
	margin: 0px auto 50px auto;
	width: 860px;
}
div.bnr_box a {
	display:block;
	margin-bottom:20px;
}
/*****ブランドバナー*******/
div.brand_bnr {
	padding: 15px 0px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}
div.brand_bnr p {
    margin: 15px auto;
}
div.brand_bnr p a {
    margin-left: 10px;
	vertical-align: bottom;
}
div.brand_bnr p a:first-child {
    margin-left: 3px;
}
div.brand_bnr p a img {
	border: 1px solid #ccc;
}
/*****メーカーリンクバナー*******/
div.link_bnr {
	padding: 15px 0px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}
div.link_bnr table {
	width: 840px;
	margin: 0px auto;
}
div.link_bnr table td {
	text-align:center;
}


/*-----------------------------------
	リコール情報
-----------------------------------*/
div.recall_text {
	width: 808px;
	margin: 0px auto;
	background: #FFFFFF;
	padding:25px;
}
div.recall_text dl {
	height:165px;
	overflow-y:scroll;
}
div.recall_text dt {
	font-size: 14px;
	margin-bottom:5px;
}
div.recall_text dt span {
	font-size: 14px;
	color: #CC0000;
	margin-left: 10px;
}

/*-----------------------------------
	ショップ情報
-----------------------------------*/
div.shop_info {
	width: 860px;
	margin: 0px auto;
	background: #FFFFFF;
	border: 1px solid #ccc;
	padding:0px 0px 0px 20px;
}
div.shop_info div.shop_leftbox {
	width: 560px;
	float: left;
	padding-top:20px;
}
div.shop_info div.shop_outside {
	width: 260px;
	float: right;
}
div.info_text th {
	width: 190px;
	padding-right: 20px;
	
}
div.info_text th p {
	font-size:14px;
}
div.info_text a.moreinfo {
	display: block;
	margin-bottom: 25px;
	margin-top: 20px;
}

/*900以下表示========================================*/

@media screen and (max-width:900px){
/***スマホ*********************/
/*-----------------------------------
	メインイメージ
-----------------------------------*/
#main div.main_img {
	margin:0px auto;
	width: 100%;
}

/*-----------------------------------
	新着情報
-----------------------------------*/

/*------- 外側枠 -------*/
#main div.news_box {
	margin-bottom:20px;
}
#main div.news_box div.box_top {
	display: none;
}
#main div.news_box .box_mid {
	width: 100%;
}
#main div.news_box div.box_bottom {
	width: 100%;
}

/*------- カレンダー -------*/
#main div.calenderbox {
	width: 100%;
	/*height:370px;*/
	float: none;
	margin: 20px auto;
}
#main div.calender_naiyo {
	width: 100%;
	/*height:310px;*/
	background: #FFF;
	border: 1px solid #ccc;
	padding-bottom: 10px;
	height: 100%;
	overflow: visible;
}
#main div.calenderbox p.index_title {
	background: url(../img/index/calender_title.png) no-repeat;
	height: 60px;
	width: 100%;
	text-indent: -9999px;
}



/*------- 新着情報 -------*/
#main div.news {
	width: 100%;
	float: none;
	margin: 20px auto;
}
#main div.news p.index_title {
	background: url(../img/index/news_title.png) no-repeat;
	background-position: center;
	height: 60px;
	width: 100%;
	text-indent: -9999px;
}
#main div.newslist {
	height: 100%;
	/*margin:20px;*/
	border: 1px solid #ccc;
	padding-bottom: 10px;
	background-color: #FFF;
}
#main div.newstext {
	margin: 10px;
	height: auto;
	background-color: #FFF;
}



/*-----------------------------------
	その他ボックス共通
-----------------------------------*/
#main div.item_box,
#main div.recall_box,
#main div.brand_box,
#main div.link_box,
#main div.shop_box {
	width: 100%;
	margin:0px auto 0px auto;
}
#main div.item_box p.index_title,
#main div.recall_box p.index_title,
#main div.brand_box p.index_title,
#main div.link_box p.index_title,
#main div.shop_box p.index_title {
	width: 100%;
	height:60px;
	text-indent:-9999px;
}

#main div.recall_box {
	margin-bottom:30px;
}
#main div.brand_box,
#main div.link_box {
	margin-bottom:40px;
}

#main div.recall_box p.index_title {
	background:url(../img/index/recall_title.png) no-repeat;
}
#main div.brand_box p.index_title {
	background:url(../img/index/brand_title.png) no-repeat;
}
#main div.link_box p.index_title {
	background:url(../img/index/link_title.png) no-repeat;
}
#main div.shop_box p.index_title {
	background:url(../img/index/shop_title.png) no-repeat;
}


/*-----------------------------------
	お客様へのお願い
-----------------------------------*/
#main div.attention_box {
	width: 100%;
	height:auto;
	margin:20px auto;
	padding:15px;
	background-image: none;
}
	#main div#attention_title {
	width: 100%;
	text-align: center;
	padding-bottom: 15px;
	background-image: none;
}
#main div.attention_text {
	width: 100%;
	margin:0;
	height: auto;
}
#main div.attention_text span {
	color:#CC0000;
	font-size:14px;
}


/*-----------------------------------
	中学校制服・規定用品
-----------------------------------*/
#main div.item_box p.index_title {
	background:url(../img/index/item_title.png) no-repeat;
}
#main div.item_box {
	margin: 0px auto;
	width: 96%;
}
#main div.item_img {
	background: #FFFFFF;
	margin:2px;
}

#main div.item_img ul li.slide_box {
	float:none;
	width:285px;
	margin: 10px auto;
}
#main ul.portfolio li a {
	display:block;
}/**/
	
.attention{
	font-family:serif;
	font-size:16px;
	color:#999999;
	margin:0px 0px 8px 18px;
	padding-top:8px;
}

/*-----------------------------------
	バナー部分
-----------------------------------*/
div.bnr_box {
	margin: 0px auto 50px auto;
	width: 100%;
}
div.bnr_box a {
	display:block;
	margin-bottom:20px;
}
/*****ブランドバナー*******/
div.brand_bnr {
	padding: 15px 0px;
	background: #FFFFFF;
	border: 1px solid #ccc;
	text-align: center;
}
div.brand_bnr p {
    margin: 0 auto;
}
div.brand_bnr p a,
div.brand_bnr p a:first-child {
    margin: 0;
} 
div.brand_bnr p a img {
	border: 1px solid #ccc;
	margin-bottom: 15px;
	max-width: 96%;
}
	
/*****メーカーリンクバナー*******/
div.link_bnr {
	padding: 15px 0px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}
div.link_bnr table {
	width: 100%;
	margin: 0px auto;
}
div.link_bnr table td {
	text-align:center;
}


/*-----------------------------------
	リコール情報
-----------------------------------*/
div.recall_text {
	width: 100%;
	margin: 0px auto;
	background: #FFFFFF;
	border: 1px solid #ccc;
	padding:25px;
}
div.recall_text dl {
	height:165px;
	overflow-y:scroll;
}
div.recall_text dt {
	font-size: 14px;
	margin-bottom:5px;
}
div.recall_text dt span {
	font-size: 14px;
	color: #CC0000;
	margin-left: 10px;
}

/*-----------------------------------
	ショップ情報
-----------------------------------*/
div.shop_info {
	width: 100%;
	margin: 0px auto;
	background: #FFFFFF;
	border: 1px solid #ccc;
	padding:0px 0px 0px 20px;
}
div.shop_info div.shop_leftbox {
	width: 100%;
	float: none;
	padding-top:20px;
}
div.shop_info div.shop_outside {
	width: 100%;
	float: none;
}
div.info_text th {
	width: 100%;
	padding: 15px;
	display: block;
	
}
div.info_text td {
	width: 100%;
	padding: 0px;
	display: block;
	
}
div.info_text th p {
	font-size:14px;
}
div.info_text a.moreinfo {
	display: block;
	margin-bottom: 25px;
	margin-top: 20px;
}
div.shop_info div.shop_others {
	width: 100%;
}
div.shop_info div.shop_outside {
	width: 100%;
}


/***スマホここまで*********************/
}