@charset "utf-8";
/* ニコデザインワークスWEB　ダウンロードページcss */

/***********************************
 *◆コンテンツブロック
 *    →top_img　トップページのイメージ画像
 ***********************************/

#top_img{
padding-top:10px;
padding-bottom:10px;}

/***********************************
 *◆コンテンツブロック
 *    →information　付箋紙タイトル部分
 ***********************************/


#download{
height:43px;
margin-left:40px;
margin-top:20px;
margin-bottom:10px;
text-align:left;
}

/***********************************
 *◆コンテンツブロック
 *    →main　インフォメーションの内容、サイドのリンク
 ***********************************/

#wrap{
width:740px;
height:auto;
padding-left:40px;
font-size:10pt;
}

/***********************************
 *◆コンテンツブロック
 *    →info_news　インフォメーションの内容枠
 *　　→info_waku　インフォメーションの各項目ごとの枠
 *　　→info_news_img　インフォメーションの画像枠
 ***********************************/

#left{
width:200px;
height:200px;
float:left;
}

#albumName{
width:740px;
font-size:13pt;
text-align:left;
}

p{
text-align:left;
padding-right:60px;
}


#previews {
/*	border-top: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
*//*	padding: 10px 10px 20px 10px;
*/	margin-bottom: 5px;
	background-image: url('../demos/images/bg.gif');
	width: 200px;
	float: left;
/*	margin-right: 10px;
*/}

#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}


/*#previews{
width:180px;
height:50px;
margin-bottom:10px;
}
*/
#font_name{
width:180px;
height:130px;
float:left;
}

/*#picture{
width:540px;
height:500px;
float:left;
margin-left:20px;
}
*/

#picture {
	padding: 0px;
	width: 500px;
	float: left;
}
#mainImageOutline {
	margin: 0 auto;
/*	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
*/	padding: 1em; 
/*	overflow: hidden; 
*/	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}

/*#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }
*/

/******↓追加↓******/

.mac_win{
width:50px;
height:50px;
text-align:left;
float:left;
}

/******↑追加↑******/

.info_waku{
width:500px;
height:auto;
border-bottom:dotted 3px　#996600;
margin-bottom:10px;
padding-bottom:10px;
float:left;
font-size:10pt;
text-align:left;
}

#info_news img{
border:solid 1px #000000;
margin-top:5px;
margin-bottom:5px;
}

.info_news_img{
background-color:#FFFFFF;
width:110px;
height:auto;
border:solid 1px #000000;
margin-right:5px;
float:left;
text-align:center;
}

/***********************************
 *◆コンテンツブロック
 *    →top_link　サイドのリンク枠
 ***********************************/

#top_link{
width:200px;
float:left;}

#top_link div{
width:180px;
height:200px;
background-image:url(img/top/clip.gif);
background-repeat:no-repeat;
padding-bottom:10px;
margin-left:45px;
}