/*
 @ - base
 @ - header
 @ - navi
 @ - navi-global
 @ - navi-sub
 @ - contents
 @ - pan
 @ - footer
*/
/*                                                                        base
------------------------------------------------------------------------------
*/

*  {
 margin   : 0px;
 padding  : 0px;
}

body {
 margin     : 0px auto;
 text-align : center;
 background : url(../common/img/background.gif) repeat-x #FDFCFB;
}
#container {
 margin     : 0 auto;
 text-align : center;
 width      : 774px;
 height     : 100%;
}
#container-table {
 background : url(../common/img/shadow_side.gif) repeat-y;
 height     : 100%;
}
#container-left {
 width      : 7px;
 height     : 441px;
 background : url(../common/img/shadow_LT.gif) top right no-repeat;
}
#container-right {
 width      : 7px;
 height     : 441px;
 background : url(../common/img/shadow_RT.gif) top left no-repeat;
}

/*                                                                      header
------------------------------------------------------------------------------
*/

#header {
 font-size   : 12px;
 display     : block;
 clear       : both;
 height      : 97px;
 width       : 760px;
 background  : url(../common/img/shadow_T.gif) left bottom repeat-x;
}

#header img.logo {
 margin-left : 5px;
 float       : left;
 clear       : left;
}

/*                                                                        navi
------------------------------------------------------------------------------
*/

/* for mac */
#navi {
 height      : 38px;
 margin      : 5px 5px 0px;
 display     : block;
 clear       : both;
 background  : url(../common/img/navi_bg.gif) no-repeat;
}

#navi li{ 
 height        : 38px;
 margin        : 0px;
 display       : inline;
}
 
/* \ all browser */    
#navi {
 height      : 38px;
 margin      : 3px 0px 0px 4px;
 display     : block;
 clear       : both;
 background  : url(../common/img/navi_bg.gif) no-repeat;
}

#navi li{ 
 height        : 38px;
 margin        : 0px;
 display       : inline;
}
/* */

#navi li.none{
 padding-right : 0px;
 background    : none;
}

#navi a {
 background-color  : #CE4040;
}

#navi a:hover {
 background-color  : #ffffff;
}

#navi img.current {
 background  :  #ffffff;
}
/*                                                                 navi-global
------------------------------------------------------------------------------
*/

#navi-global {
 padding-top : 0px;
 float       : right;
 text-align  : right;
}

#navi-global img.mark {
 margin: 5px 0 5px 0;
}

#navi-global li{
 display: inline;
}

#navi-global li img {
 border-right : solid 1px #E8E7E6;
}

#navi-global li img.none {
 border  :  0px;
}

/*                                                                    navi-sub
------------------------------------------------------------------------------
*/
#navi-sub {
 display     : block;
 clear       : both;
 margin-bottom : 30px;
}

#navi-sub a {
 padding    : 0px;
 margin     : 0px;
 background-color  : #CE4040;
}

#navi-sub img.top{
 margin-top : 15px;
 border-top : solid 1px #EBE2CD;
}

#navi-sub a.sub {
 margin-left : 15px;
 font-size   : 10px;
 background-color  : #ffffff;
}

#banner {
	display : block;
	clear   : both;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#banner img {
 display: block;
 clear: both;
 margin: 0 0 5px 0;
}
/*                                                                    contents
------------------------------------------------------------------------------
*/
#content-box {
	margin: 0px;
	padding: 0px;
	width: 752px;
	height: auto;
}

#leftbox {
	margin-left: 4px;
	margin-top: 5px;
	width: 184px;
	float: left;
}
#rightbox {
	margin-top: 5px;
	width: 557px;
	float: right;
	margin-left: 3px;
}

/*                                                                         pan
------------------------------------------------------------------------------
*/
#pan {
 text-align  : right;
 font-family : "sans-serif";
 display     : block;
 clear       : both;
 padding     : 0px 15px 0px;
 margin-top  : 5px;
 background  : url(../common/img/ban_bg.gif) left top repeat-x;
}

#pan li{
 font-size: 10px;
 margin     : 0px;
 display    : inline;
}
#pan a{ 
 font-size: 10px;
}
#pan strong {
	color    : #555555;
	font-size: 10px;
}
/*                                                                      banner
------------------------------------------------------------------------------
*/
#leftbox #menu1 a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu01.jpg);
	background-repeat:no-repeat;
	margin-top: 6px;
	margin-bottom: 6px;
}
#leftbox #menu2 a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu02.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}
#leftbox #menu3 a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu03.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}
#leftbox #menu4 a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu04.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}
#leftbox #menu5 a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu05.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}
#leftbox #menu6 a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu06.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}
#leftbox #menuvideo a {
	width:170px;
	height:74px;
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu_love.jpg);
	background-repeat:no-repeat;
	margin-bottom: 6px;
}

#container .BnrVideo {width:543px; height:100px; background-image:url(../img/banner_video.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px; position:static; margin:0px 0px 6px; padding:0}
#container .BnrMinutes {width:543px; height:100px; background-image:url(../img/banner_download.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px; position:static; margin:0px 0px 6px; padding:0}
#container .BnrBlog {width:543px; height:100px; background-image:url(../img/banner_blog.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px; position:static; margin:0px;margin:0px 0px 6px; padding:0}
#container .BnrBlog2 {width:543px; height:100px; background-image:url(../img/banner_blog2.jpg); background-repeat:no-repeat; display:block; text-indent:-9999px; position:static; margin:0px; padding:0}

/*                                                                      footer
------------------------------------------------------------------------------
*/
#footer {
 font-size   :  12px;
 text-align  :  center;
 padding-top :  15px;
 background  :  url(../common/img/copyright.gif) center no-repeat;
}
#banner2 {
	display : block;
	clear   : both;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer2 {
	font-size   :  12px;
	text-align  :  center;
	background-image: url(../common/img/underber.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}