@charset "utf-8";

/* CSS Document */

#globalmenu a.casestudy {
	background: url(../img/menu_casestudyon.jpg) no-repeat;
	height: 50px;
	width: 180px;
}

*html #contents_img {
	margin-left: 5px;
}

#casestudy .contents #information {
	height: 600px;
}

#categmenu {
	float: left;
	width: 210px;
}

#categmenu ul li h2 {
	background: url(../img/case/cs_menuhead.gif) no-repeat;
	text-indent: -9999px;
	height: 75px;
	width: 210px;
}

#menuevent a {
	background: url(../img/case/cs_menuevent.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#menuevent a:hover {
	background: url(../img/case/cs_menueventon.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#menustore a {
	background: url(../img/case/cs_menustore.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#menustore a:hover {
	background: url(../img/case/cs_menustoreon.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#menubackc a {
	background: url(../img/case/back_case.gif) no-repeat;
	display:block;
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#menubackc a:hover {
	background: url(../img/case/back_caseon.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#information .cs_introbox .cs_casebox .cs_txtbox .cs_txtright .comment {
	background: #BBD5FF;
	border: thin solid #6699FF;
	padding: 10px;
	margin-top: 10px;
}

#information .cs_introbox .cs_casebox .cs_txtbox .cs_txtright .comment h5 {
	color: #0066CC;
	font-size: 12px;
	padding-bottom: 5px;
}

/*=====================================================
一覧ページ
=====================================================*/

#information .cs_introbox {
	width: 590px;
}

#casestudy .cs_introbox h3 {
	background: url(../img/case/t_event.jpg);
	height: 40px;
	width: 590px;
	text-indent: -9999px;
}

#information .cs_introbox .cs_introimgbox {
	clear: both;
	width: 590px;
	height: 180px;
	overflow: hidden;
	margin-top: 20px;
}

#information .cs_introbox .introtxt {
	width: 260px;
	height: 65px;
	margin-top: 122px;
	margin-right: 5px;
	margin-left: 5px;
	color: #666666;
	line-height: 140%;
}

#information .cs_introbox .cs_introimgleft {
	display: block;
	float: left;
	width: 270px;
	margin-right: 50px;
	background: url(../img/case/intro_event_over.jpg);
	height: 180px;
}

#information .cs_introbox .cs_introimgleft a {
	display: block;
	float: left;
	width: 270px;
	background: url(../img/case/intro_event.jpg);
	height: 180px;
	text-decoration: none;
}

#information .cs_introbox .cs_introimgleft a:hover {
	background: none;
}

#information .cs_introbox .cs_introimgright {
	display: block;
	float: right;
	width: 270px;
	background: url(../img/case/intro_store_over.jpg);
	height: 180px;
}

#information .cs_introbox .cs_introimgright a {
	display: block;
	float: right;
	width: 270px;
	background: url(../img/case/intro_store.jpg);
	height: 180px;
	text-decoration: none;
}

#information .cs_introbox .cs_introimgright a:hover {
	background: none;
}

/*
#information .cs_introbox .cs_introimgleft a {
	display: block;
	float: left;
	width: 270px;
	margin-right: 50px;
	background: url(../img/case/intro_event.jpg);
	height: 180px;
	text-decoration: none;
}

#information .cs_introbox .cs_introimgleft a:hover {
	display: block;
	float: left;
	width: 270px;
	margin-right: 50px;
	background: url(../img/case/intro_event_over.jpg);
	height: 180px;
}

#information .cs_introbox .cs_introimgright a {
	display: block;
	float: right;
	width: 270px;
	background: url(../img/case/intro_store.jpg);
	height: 180px;
	text-decoration: none;
}

#information .cs_introbox .cs_introimgright a:hover {
	display: block;
	float: right;
	width: 270px;
	background: url(../img/case/intro_store_over.jpg);
	height: 180px;
}
*/

/*=====================================================
イベント・キャンペーン
=====================================================*/

#event #menuevent a {
	background: url(../img/case/cs_menueventon.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#event #menuevent a {
	background: url(../img/case/cs_menueventon.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#information .cs_introbox {
	width: 590px;
}

#information .cs_introbox .cs_casebox {
	width: 590px;
	border-bottom:#666666 solid 1px;
	margin-bottom: 20px;
}

#information .cs_introbox .cs_caseimgbox {
	clear: both;
	width: 590px;
	height: 142px;
	overflow: hidden;
	margin-top: 10px;
}

#information .cs_introbox .cs_caseimgleft  {
	display: block;
	float: left;
	width: 190px;
	margin-right: 10px;
	height: 142px;
	text-decoration: none;
}

#information .cs_introbox .cs_caseimgright  {
	display: block;
	float: right;
	width: 190px;
	height: 142px;
	text-decoration: none;
}

#information .cs_introbox .cs_txtbox {
	clear: both;
	width: 590px;
	overflow: hidden;
	margin-top: 30px;
	line-height: 120%;
	margin-bottom: 20px;
}

#information .cs_introbox .cs_txtleft  {
	display: block;
	float: left;
	width: 158px;
	text-decoration: none;
	font-size: 10px;
	color: #666666;
	padding: 5px;
	border: 1px solid #BBD5FF;
}

#information .cs_introbox .cs_txtright  {
	display: block;
	float: right;
	width: 390px;
	text-decoration: none;
	margin-left: 30px;
	line-height: 150%;
}

#information .cs_introbox .cs_txtbox .cs_txtleft .cs_data{
    font-size:11px;
	margin-bottom:5px;
	color:#3366FF;
	font-weight:600;
}

#event h4 {
    font-size:16px;
	color:#666666;
}

#event h3 {
    margin-bottom:50px;
}

#information .cs_introbox .cs_page  {
	text-decoration: none;
	color: #666666;
	padding: 10px;
	text-align:right;
	font-weight: bold;
}

#information .cs_introbox .cs_page  a{
    text-decoration:underline;
	color:#666666;
	padding: 10px;
	text-align:right;
	font-weight: normal;
}

#information .cs_introbox .cs_page  a:hover{
    text-decoration: none;
	color:#60A8CE;
	padding: 10px;
	text-align:right;
}

/*=====================================================
店舗設置
=====================================================*/

#store #menustore a {
	background: url(../img/case/cs_menustoreon.gif) no-repeat;
	display:block; 
	height: 40px;
	width: 210px;
	text-indent: -9999px;
}

#store h4 {
    font-size:16px;
	color:#666666;
    }

#store h3 {
    margin-bottom:50px;
    }