@charset "UTF-8";

/*------------------------------------------------------------------------------
	Dezikon Cart - Global Layout & General Class
	Date: 2009-05-13
	Copyright (C) GMO System Consulting, Inc. All Rights Reserved.
------------------------------------------------------------------------------*/

/*	Global Layout
----------------------------------------------------*/
#container{
	width:96%;
	margin:0 auto 60px;
}


/* header
----------------------------------------------------*/
#header{
	position:relative;
	height:125px;
}

/* logo */
#header h1{
	position:absolute;
	width:236px;
	height:125px;
	background:url(../images/bg_logo_01.gif?1243571890) no-repeat top left;
}

#header h1 img{
	position:absolute;
	top:45px;
	left:26px;
}

#header #tagline{
	position:absolute;
	top:17px;
	width:236px;
	height:25px;
	margin:0;
	text-align:center;
	overflow:hidden;
}

/* login */
#header dl#id{
	min-width:510px;
	height:43px;
	padding:15px 0 0 236px;
	text-align:right;
	overflow:hidden;
}

#header dl#id dt{display:inline;}

#header dl#id dd{
	display:inline;
	margin-right:1em;
}

#header dl#id img{vertical-align:middle;}

#header dl#id dd.idEnd{margin-right:0;}

/* subNav */
#header ul#subNav{
	min-width:510px;
	height:33px;
	padding:17px 0 0 236px;
	text-align:right;
	overflow:hidden;
}

#header ul#subNav li{
	display:inline;
	padding:0 10px;
	border-right:1px solid #333;
}

#header ul#subNav li.subNaviEnd{
	padding-right:0;
	border:none;
}


/* globalNav
----------------------------------------------------*/
#globalNav{
	float:left;
	width:230px;
	margin-left:-100%;
	padding:0 4px 0 2px;
}

#globalNav ul.menu,
#globalNav ul.banner{
	margin:5px 0 2em;
	padding-bottom:5px;
	background:url(../images/bg_btm-menu_01.gif?1243571890) repeat-y bottom left;
}

#globalNav ul.menu li,
#globalNav ul.banner li{
	background:url(../images/bg_menu_01.gif?1243571890) repeat-y left;
	zoom:1;
}

#globalNav ul.menu li dl{
	margin:0 1px 5px;
	padding:5px 4px 12px;
	background:url(../images/bg_btm-line_01.gif?1243571890) repeat-x bottom left;
}

#globalNav ul.menu li dl dt{
	font-weight:bold;
	line-height:1.5;
}

#globalNav ul.menu li dl dd{
	padding-left:1.25em;
	background:url(../images/icon_arrow_01.gif?1243571890) 0.25em 0.4em no-repeat;
	line-height:1.5;
}

#globalNav ul.banner li ul{
	width:208px;
	margin:0 auto;
}

#globalNav ul.banner li ul li{margin-bottom:1em;}


/* main
----------------------------------------------------*/
#main{
	float:left;
	width:100%;
}

#main h2{
	margin-bottom:1em;
	border-bottom:2px solid #005391;
	font-size:150%;
	font-weight:bold;
	color:#005391;
}

#main h3{
	margin-bottom:1em;
	font-size:120%;
	font-weight:bold;
}

#mainContent{
	min-width:490px;
	margin:20px 0 50px 236px;
	padding:0 0 0 20px;
}


/* footer
----------------------------------------------------*/
#footer{
	clear:both;
	position:relative;
	min-width:766px;
	height:156px;
	background:url(../images/bg_footer_01.gif?1243571890) repeat-x top left;
}

#footer .goTop{
	position:absolute;
	top:-17px;
	right:1.5%;
}

#footer .section{
	width:96%;
	height:136px;
	margin:0 auto;
	padding-top:10px;
}

#footer address{
	font-family:Verdana;
	margin-top:80px;
	text-align:right;
}


/*	general class
----------------------------------------------------*/
.section{
	clear:both;
	margin:0 0 2em 0;
}

.attention01{
	padding-left:1em;
	text-indent:-1em;
}

.txtCenter{text-align:center;}

.scrollbox{
	width: 100%;
	height: 250px;
	font-size: small;
	overflow-y: scroll;
	border: 1px solid #CCCCCC;}

.thumbnail{
	/* margin:0 0 30px 0; */
	padding:0;
	width:280px;
	height:280px;
	overflow:hidden;
	background-color:#F1FAFD;}
	
.thumbnail img{
	margin:0;
	padding:0;
	width:280px;}

span.red {color: #DC0000;}