@charset"utf-8";

/* CSS Document */

*{
	margin          : 0;
	padding         : 0;
	border          : 0;
	font-size       : 100%;
	font-weight     : normal;
	text-decoration : none;
	text-align		: left;
	}

BODY	{
	margin:0px;
	padding:0px;
	text-align:center;
	background:url(../img/cmn/bg_body.gif) center repeat-y #EFEFEF;
	}

/* except MAC IE5 \*/
TH,TD,LI,P,DT,DD,CAPTION,h1,h2,h3,h4	{
	font-size:small;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height:150%;
	color:#666666;
	}
ADDRESS	{
	font-size:0.7em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#A1A1A1;
	line-height:150%;
	padding:15px 0 30px 0;
	text-align:center;
	}
/* all */ 
/* Mac IE 5 Only \*//*/
TH,TD,DIV,LI,P,DT,DD,CAPTION	{
	font-size:10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height:150%;
	color:#666666;
	text-align:left;
	}
ADDRESS	{
	font-size:10px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#A1A1A1;
	line-height:150%;
	padding:15px 0 30px 0;
	text-align:center;
	}
.small		{font-size:9px;}
/* besides Mac IE 5 */ 

LI	{list-style:none;}
IMG	{line-height:0px; font-size:0px;}

a:link		{color:#007CE2; text-decoration:underline;}
a:visited	{color:#007CE2; text-decoration:underline;}
a:active	{color:#007CE2; text-decoration:none;}
a:hover		{color:#007CE2; text-decoration:none;}

.clear		{clear:both;}
.spt30		{padding-top:30px;}
.spb15		{padding-bottom:15px;}
.sp5		{padding:5px;}
.c005DAA	{color:#005DAA; font-weight:bold;}
.tnormal	{font-weight:normal;}
.asterisk	{text-indent:-0.5em; padding-left:0.5em;}

/* layout(top page) */

#all		{width:100%; height:auto; background:url(../img/cmn/bg_all.gif) top repeat-x; text-align:center;}
#wrapper	{width:100%; height:auto; background:url(../img/cmn/bg_wrapper.gif) top center no-repeat;}
#container	{width:808px; height:auto; margin:0 auto;}
#contents	{width:768px; height:auto; margin:0 21px 0 19px; _margin:0 auto; background:#FFFFFF;}
#header		{width:768px; height:113px; background:url(../img/cmn/bg_header.gif) top left no-repeat; position:relative;}
#header h1	{position:absolute; top:10px; right:0;}
#header p	{position:absolute; top:30px; left:13px;}
ul#navi		{width:768px; height:67px; background:url(../img/navi/bg_navi.gif) top left no-repeat; position:relative;}
ul#navi li	{position:absolute; font-size:0; line-height:0;}
li.navi01	{width:77px; height:67px; top:0; left:0;}
li.navi02	{width:77px; height:67px; top:0; left:77px;}
li.navi03	{width:77px; height:67px; top:0; left:154px;}
li.navi04	{width:77px; height:67px; top:0; left:231px;}
li.navi05	{width:77px; height:67px; top:0; left:308px;}
li.navi06	{width:77px; height:67px; top:0; left:385px;}
li.navi07	{width:152px; height:24px; top:0; right:0;}
li.navi08	{width:152px; height:43px; top:24px; right:0;}
#topswf		{width:748px; height:383px; margin:8px auto 9px auto;}
#footer		{width:768px; height:auto; padding-top:10px; background:url(../img/cmn/bg_footer.gif) top repeat-x; border-top:solid 1px #E7E7E7;}
#footer	table	{border-collapse:collapse; border-spacing:0; margin:0 auto;}
#footer	td		{padding:10px 2px 0 2px; color:#D9D9D9;}
#footer ul	{width:768px; padding-top:10px; text-align:center;}
#footer li	{display:inline; color:#D9D9D9;}


/* layout(lower page) */

#lowerall			{width:100%; height:auto; background:url(../img/cmn/bg_lowerall.gif) top repeat-x; text-align:center;}
#lowerwrapper		{width:100%; height:auto; background:url(../img/cmn/bg_lowerwrapper.gif) top center no-repeat;}
#lowerheader		{width:768px; height:89px; background:url(../img/cmn/bg_header.gif) top left no-repeat; position:relative;}
#lowerheader h1		{position:absolute; top:10px; right:0;}
#lowerheader p		{position:absolute; top:18px; left:small;}
#home				{position:absolute; top:66px; left:small;}
.box_products		{width:768px; height:auto; padding-bottom:29px; background:url(../img/cmn/bg_products.gif) top repeat-x; border-bottom:solid 1px #E7E7E7;}
.products_vdetail		{height:auto; padding:30px 29px; background:url(../img/cmn/bg_products.gif) top repeat-x; border-bottom:solid 1px #E7E7E7;}
.products_vdetail dl	{width:710px;}
.products_vdetail dt	{padding-bottom:10px;}
.products_vdetail dd	{}
.products_vimg			{text-align:center; padding-top:18px;}
.products_detail	{width:345px; height:auto; padding-top:31px; border-left:solid 29px #FFFFFF; border-right:solid 23px #FFFFFF; float:left;}
.products_detail dl	{}
.products_detail dt	{padding-bottom:10px;}
.products_detail dd	{}
ol.caption			{width:345px; margin-top:20px; border-top:dotted 1px #D4D4D4;}
ol.caption li		{padding:8px 0 8px 23px; border-bottom:dotted 1px #D4D4D4; font-weight:bold;}
li.one				{background:url(../img/cmn/icon_one.gif) top left no-repeat;}
li.two				{background:url(../img/cmn/icon_two.gif) top left no-repeat;}
li.three			{background:url(../img/cmn/icon_three.gif) top left no-repeat;}
li.four				{background:url(../img/cmn/icon_four.gif) top left no-repeat;}
ul.function			{padding-top:15px;}
ul.function li		{display:inline;}
.products_img		{width:342px; height:238px; padding-top:31px; float:left;}
.products_img ol	{width:342px; height:30px; background:url(../img/cmn/bg_products_img_navi.gif) top left no-repeat;}
.products_img li	{height:30px; float:left; cursor:pointer; line-height:0; font-size:0;}
#selections			{padding:0 29px 30px 29px;}
#selections table	{width:100%; margin-top:30px; border-top:solid 1px #D8D7D7; border-right:solid 1px #D8D7D7;}
#selections th		{border-bottom:solid 1px #D8D7D7; border-left:solid 1px #D8D7D7; padding:5px;}
#selections td		{border-bottom:solid 1px #D8D7D7; border-left:solid 1px #D8D7D7; padding:5px; text-align:center;}
th.tha				{background:#E9E9E9;}
th.thb				{background:#C2B9A8; width:155px;}
th.thc				{background:#DCE9F6;}
th.thd				{background:#EFF5FB;}
th.the				{background:#E9E9E9; text-align:center;}
th.thf				{background:#B5ADC4; width:238px;}
th.thg				{background:#A6B694; width:238px;}
td.tda				{background:#F4F4F4;}
.btn_buy			{padding:5px 6px 8px 7px;}
.btn_details		{padding:0 6px 5px 7px;} 
.btn_buy2			{padding:5px 47px 8px 49px;}
.btn_details2		{padding:0 47px 5px 49px;} 
p#totop				{text-align:right; padding-top:20px;}
#specialmovie		{width:768px; height:329px; position:relative;}
#wmv				{position:absolute; top:102px; left:130px; width:235px; height:197px;}
#rm					{position:absolute; top:102px; left:399px; width:235px; height:197px;}
#specialmovie dl	{border:solid 1px #D8D7D7; background:#F4F4F4;}
#specialmovie dt	{border-bottom:solid 1px #D8D7D7; font-size:0; line-height:0;}
dd.btn_300k			{padding:34px 44px 30px 44px;}
dd.btn_56k			{padding:0 44px 34px 44px;}
table.plugins		{margin:0 auto 50px auto;}
table.plugins td	{padding:0 5px;}


/* html ver ------------------------------------------------------------------------------ */

#topver7		{width:748px; margin:8px auto 0 auto;}
#topver7 table	{margin:10px auto;}
#topver7 td		{color:#FF0000;}



/* new,fle 20080102 */

.box_ex {
	BACKGROUND: url(../img/cmn/bg_exbox.gif) repeat-y left 50%; MARGIN: 0px 29px; WIDTH: 710px; BORDER-BOTTOM: #ffffff 30px solid; POSITION: relative; HEIGHT: auto
}
DL.ex_left {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 60px 0px 0px; WIDTH: 325px; PADDING-TOP: 0px
}
DL.ex_left DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 325px; LINE-HEIGHT: 0; PADDING-TOP: 0px
}
DL.ex_left DD {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
DL.ex_left STRONG {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; COLOR: #8b773d
}
DL.ex_right {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 325px; PADDING-TOP: 0px
}
DL.ex_right DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 325px; LINE-HEIGHT: 0; PADDING-TOP: 0px
}
DL.ex_right DD {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px
}
DL.ex_right STRONG {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; COLOR: #3ab367
}
.arrowex {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
.tbold {
	FONT-WEIGHT: bold
}
.text {
	FONT-SIZE: 11px; COLOR: #666666; FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;padding-left:22px;
}
