@charset "Shift_JIS";

/*
======================================================
[c!]COLORS -Think Innovation!-
http://www.colors.gr.jp/
info@colors.gr.jp
(C) COLORS Co.,Ltd. All Rights Reserved.
--
Editor : CLSTK
Since : 2006-08-10

Ver.1.0
Last Up Date : 2006-08-10
======================================================

present.css
------------------------------------------------------

[TOC]


------------------------------------------------------
*/

/*------------------------------------------------------
ƒvƒŒƒ[ƒ“ƒgEƒCƒxƒ“ƒg
------------------------------------------------------*/
/* ‹¤’Ê
------------------------------------------------------*/
/* ---- body ----*/
body#present,
body#event {text-align:center;
	background:#fff url(../images/pre_bg_body.gif) repeat-x left top;
}
/* ---- div#container ---- */
body#present div#container {
	width:550px;
	margin: 0 auto;
	text-align:left;
}
body#event div#container {
	width:610px;
	margin: 0 auto;
	text-align:left;
}

	/** ---- div#header ---- */
	body#present div#header {
		width:550px;margin:0;
	}
	body#event div#header {
		width:610px;margin:0;
	}

	/** ---- div#article ---- */
	body#present div#article {
		width:550px;
		background-color: #fff;
		float:none;
	}
	body#event div#article {
		width:610px;
		background-color: #fff;
		float:none;
	}

	/** ---- div#footer ---- */
	body#present div#footer {
		clear:both;
		width:550px;
		position:relative;
		margin:0 0 0 0;
		padding:0 0 10px 0;
		background: url(../images/dot_line2.gif) repeat-x top left;
		background-color: #fff;
	}
	body#event div#footer {
		clear:both;
		width:610px;
		position:relative;
		margin:0 0 0 0;
		padding:0 0 10px 0;
		background: url(../images/dot_line2.gif) repeat-x top left;
		background-color: #fff;
	}



#present #content {
	width:550px;
	margin:0;
}
#event #content {
	width:610px;
	margin:30px 0 0 0;
}


#present #categorytitle {
	width:550px;
	height:29px;
	background: url(../images/pre_bg_body.gif) repeat-x left bottom;
}
#event #categorytitle {
	width:610px;
	height:29px;
	background: url(../images/pre_bg_body.gif) repeat-x left bottom;
}

#present #categorytitle h2,
#event #categorytitle h2 {
	display:block;
	width:90px;
	height:29px;
	background:  url(../images/h2_present.gif) no-repeat top left;
}

#present #categorytitle h2.event,
#event #categorytitle h2.event {
	width:90px;
	height:29px;
	background:  url(../images/h2_event.gif) no-repeat top left;
}


/* ƒ{ƒbƒNƒX
------------------------------------------------------*/

/* --------------------------
present
-------------------------- */
#present .present {
	margin:0 0 0 6px;
}

#present .present h4 {
	margin:0 0 10px 6px;
}

/* --------------------------
wallpaper
-------------------------- */
#present .wallpaper {
	margin:30px 0 0 0;
}

#present .wallpaper h4 {
	margin:35px 0 15px 0;
}

#present .wallpaper .download p {
	margin:0 0 5px 0;
}

#present .wallpaper .setting p.set {
	font-size:85%;
}

#present p.dot {
	margin:0 0 5px 0;
}


/* --------------------------
CM
-------------------------- */
#present .dotline {
font-size:1%;
background: url(../images/dot_line2.gif) repeat-x top left;
}



#present .iconlink {
	background: url(/products/catalogue/images/icon_link.gif) no-repeat 0px 1px;
	padding-left:10px;
}





/* --------------------------
ƒy[ƒWƒgƒbƒv
-------------------------- */
#present #pagetop {
width:550px;
margin:0;
padding:0;
}
#event #pagetop {
width:610px;
margin:0;
padding:0;
}



#present #close {
	width:550px;
	padding:26px 0 0 0;
	text-align:center;
}
#event #close {
	width:610px;
	padding:26px 0 0 0;
	text-align:center;
}

#present .copyright,
#event .copyright {
	position:absolute;
	top:26px;
	right:0;
	font-size:84%;
	color:#3C3C3C;
}

/* EOF*/