@charset "shift_jis";
/* CSS Document */




/*-- ---------- FLASHエリア ---------- --*/


#flashArea {
	width:760px;
	height:360px;
	margin-bottom:20px;
	}
	
	
#flashArea ul {
	padding-bottom:3px;
	border-bottom: solid 2px #6cb1f6;
	}
	
	
#flashArea ul li {
	float:left;
	}




/*-- ---------- キャンペーン告知エリア ---------- --*/


#campaign	{
/*	height:20px;*/
		background: url(/img/topicbg.gif); 
		border : double #bad3eb;
		}
	
#campaign a	{
		display:block;
		padding:10px 10px 10px 42px; 
		font-size:0.9em; 
		line-height:20px;
		background:url(/img/topicicon.gif) 15px 11px no-repeat;
		}

/*#campaign a:hover { color:#f30; }*/




/*-- ---------- 活用ガイドコンテンツ ---------- --*/


#ContentsBox01 ,
#ContentsBox02 ,
#ContentsBox03 		{
			margin: 30px 0 30px 0;
			}

#ContentsBox01 ul	{
			width:760px;
			height:145px;
			padding-top:15px;
			background:url(/img/index0001.gif) ;
			}

#ContentsBox01 ul li,
#ContentsBox02 ul li,
#ContentsBox03 ul li 	{
			float:left;
			}

#ContentsBox01 ul li#first	{
				padding-left:15px;
				}
	
#ContentsBox01 ul li#second,
#ContentsBox02 ul li#second,
#ContentsBox03 ul li#second	{
				padding:0 20px;
				}




/*-- ---------- 追加バナーエリア ---------- --*/


#exBanner ul {
		margin-left: 20px;
		}

#exBanner ul li {
		float:left;
		margin-left: 20px;
		}

#exBanner ul li#left	{
				float:left;
				margin-left: 0px;
				}

#exBanner ul li#second-left	{
				float:left;
				margin-left: 0px;
				margin-top: 10px;
				}

#exBanner a:hover img	{
					filter: alpha(opacity=70);  
					opacity: 0.7;
					background: #fff;
					}

/*-- ---------- snsバナーエリア ---------- --*/

#snsBanner { padding:20px 0 0 20px; }
#snsBanner ul li { float:left; width:245px; margin-right:20px; }
#snsBanner ul li img { float:left; }
#snsBanner ul li p{ margin-bottom:0; padding:4px 0 0 10px; overflow:hidden; font-size:0.7em; }
#snsBanner ul li p a { color:#333333; }



/*-- ■■ ニュース ■■ --*/


#NewsInfoBox 	{
		margin-top:20px;
		}


#Example-3 	{
		float:left;
		position: relative;
		width: 460px;
		height: 160px;
		border-bottom:dotted 1px #ccc;
		}

#Example-3-Content {
		position: absolute;
		overflow: hidden;
		width: 430px;
		height: 110px;
		top: 40px; 
		}

#Example-3 .Scroller-Container {
		position: absolute;
		top: 40px; 
		}

#Example-3-Scrollbar {
		position: absolute;
		margin-top:10px;
		left: 440px;
		}

#Example-3 .Scrollbar-Up,
#Example-3 .Scrollbar-Up-Pressed {
		position: absolute;
	 	width: 9px; 
		height: 9px;
		font-size: 0px;
		background: transparent url(/img/up.gif) no-repeat center center;
		}

#Example-3 .Scrollbar-Down,
#Example-3 .Scrollbar-Down-Pressed {
		position: absolute;
	 	width: 9px; 
		height: 9px;
		top: 100px;
		background: transparent url(/img/down.gif) no-repeat center center;
		}

#Example-3 .Scrollbar-Track,
#Example-3 .Scrollbar-Track-Pressed {
		position: absolute;
		width: 9px; 
		height: 89px;
		top: 10px;
		background: transparent url(/img/scrollbar.gif) no-repeat center center;
		}

#Example-3 .Scrollbar-Track-Pressed {
		background-color: #000;
		}

#Example-3 .Scrollbar-Handle,
#Example-3 .Scrollbar-Handle-Pressed {
		position: absolute;
		width: 9px; height: 9px;
		background-color: #ccc;
		}

#Example-3 .Scrollbar-Disabled {
		display: none;
		}

#Example-3 .Scroller-Container li {
		width:425px;
		margin:0 0 5px 10px;
		padding-bottom:5px;
		font-size:0.8em;
		border-bottom:dotted 1px #e5e5e5;
		}

#Example-3 .Scroller-Container li a {
		margin-left:0;
		}


.date 		{
		float:left;
		width : 110px;
		margin-right:10px;
		font-size:0.9em;
		}


.new 		{
		background:url(/img/newIcon.gif) right -0.5px no-repeat;
		}

.web 		{
		background:url(/img/webIcon.gif) right -0.5px no-repeat;
		}

.press 		{
		background:url(/img/pressIcon.gif) right -0.5px no-repeat;
		}

.news 		{
		background:url(/img/newsIcon.gif) right -0.5px no-repeat;
		}

.infoTxt 	{
		width:295px;
		float:left;
		}




/*-- ---------- お知らせ ---------- --*/


#Example-4 {
		float:right;
		position: relative;
		width: 280px;
		height: 160px;
		border-bottom:dotted 1px #ccc;
		}

#Example-4-Content {
		position: absolute;
		overflow: hidden;
		width: 260px;
		height: 110px;
		top: 40px; 
		}

#Example-4 .Scroller-Container {
		position: absolute;
		top: 40px; 
		left: 0px;
		}

#Example-4-Scrollbar {
		position: absolute;
		margin-top:10px;
		left: 265px;
		}

#Example-4 .Scrollbar-Up,
#Example-4 .Scrollbar-Up-Pressed {
		position: absolute;
		width: 9px; 
		height: 9px;
		font-size: 0px;
		background: transparent url(/img/up.gif) no-repeat center center;
		}

#Example-4 .Scrollbar-Down,
#Example-4 .Scrollbar-Down-Pressed {
		position: absolute;
		top: 100px;
		width: 9px; height: 9px;
		background: transparent url(/img/down.gif) no-repeat center center;
		}

#Example-4 .Scrollbar-Track,
#Example-4 .Scrollbar-Track-Pressed {
		width: 9px; 
		height: 89px;
		position: absolute;
		top: 10px;
		background: transparent url(/img/scrollbar.gif) no-repeat center center;
		}

#Example-4 .Scrollbar-Track-Pressed {
		background-color: #fff;
		}

#Example-4 .Scrollbar-Handle,
#Example-4 .Scrollbar-Handle-Pressed {
		position: absolute;
		width: 9px; height: 9px;
		background-color: #ccc;
		}

#Example-4 .Scrollbar-Disabled {
		display: none;
		}

#Example-4 .Scroller-Container li {
		width:265px;
		margin-bottom:5px;
		padding:0 0 5px 20px;
		font-size:0.8em;
		border-bottom:dotted 1px #e5e5e5;
		background: url(/common/img/topicPathicon.gif) 7px 6px no-repeat;
		}




/*-- ---------- RSS ---------- --*/


#rssBox {
	padding-top:20px; 
	border:solid 1px #fff; 
	}

#rssBtn {
	float:left;
	width:90px; 
	height:24px;
	margin:5px 0 0 0; 
	}

#rssTxt {
	float:right; 
	width:630px;
	font-size:0.7em; 
	color:#666;
	line-height:1.2em; 
	}




/*-- ---------- WEBSHOP BANNER ---------- --*/

#webshopBnr {
	margin-top:20px;
	border:solid 1px #bbddee; 
	background:#EFF7FE; 
	}
	
#bnrBox {
	float:left;
	}
	
#bnrTxtBox {
	float:right;
	width:598px; 
	height:auto;
	padding:5px 0 0 20px;  
	line-height:1.4em;
	color:#336699;
	}


#webshopBnr2 {
	float:left;
	margin-top:20px;
	border:solid 1px #bbddee; 
	background:#F5FAFC; 
	width:498px;
	}
	
#bnrBox2 {
	float:left;
	}
	
#bnrTxtBox2 {
	float:left;
	height:auto;
	padding:5px 0 0 20px;  
	line-height:1.4em;
	color:#336699;
	}

#twitBnr {
	float:left;
	margin-top:20px;
	margin-left:15px;
	}