@charset "utf-8";
/*TriVision Studios 2008 - 2009 - Aki Shibukawa Web Designer ( aki@trivision.tv) */

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

img {
border: none;
vertical-align: middle;
}

a {
text-decoration: none;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100% !important;
height: 100% !important;
}

#wrapper {
width: 100%;
min-width: 1008px;
}

#header {
position: relative;
width: 100%;
height: 124px;
padding-bottom: 10px;
}
	#wave {
	position: absolute;
	display: block;
	height: 124px;
	width: 514px;
	top: 0px;
	right: 0px;
	}

#main {
position: relative;
width: 100%;
}

#news {
display: block;
position: absolute;
width: 160px;
top: 0px;
right: 10px;
text-align: center;
font-size: 10px;
font-weight: bold;
}

#menu {
position: absolute;
width: 125px;
top: 18px;
left: 0;
line-height: 20px;
margin: 0px 25px 0px 10px;
}

#top_menu {
display: block;
width: 432px;
font-weight: bold;
margin-left: 375px;
padding-top: 2px;
line-height: 100%;
}

#banner {
display: block;
width: 644px;
font-size: 10px;
font-weight: bold;
text-align: right;
line-height: 20px;
margin /**/: 0px 0px 40px 160px !important;
margin: -5px 0px 40px 160px;
}

#content {
position: relative;
display: block;
width: 644px;
min-height: 340px;
margin: 0px 0px 30px 160px;
text-align: justify;
color:#333333;
line-height: 145%;
}

#footer {
width: 644px;
margin: 30px 0px 8px 160px;
text-align: center;
line-height: 16px;
color:#999999;
font-size: 9px;
clear: both;
}

#sitemap {
position: relative;
display: block;
width: 644px;
margin: 0px 0px 30px 160px;
text-align: justify;
color:#333333;
font-size: 10px;
}
	
/* menu styles */
#menu ul {
list-style: none;
font-size: 10px;
}
	#menu li {
	display: block;
	width: 125px;
	height: 26px;
	line-height: 26px;
	border-bottom: #CFCFCF 1px dotted;
	}
	#menu li.top {
	border-top: #CFCFCF 1px dotted;
	}

#menu li:hover {
background-color: #DCDCDC;
}
#menu a {
color: #666666;
padding-left: 5px;
font-weight: bold;
}

/* the buzz styles */
#news a:link , #news a:visited {
color:#666666;
}
	#news a:hover {	
	color:#000000;
	}

#google {
padding: 10px 0px;
text-align: right;
}
	#google .btn {
	margin: 3px 0px;
	}
	#google .txt_field {
	border: #CACACA 1px solid;
	width: 158px;
	font-size: 10px;
	color: #a6a6a6;
	}
#news_field {
display: block;
width: 158px;
border-right: #CACACA 1px solid;
border-left: #CACACA 1px solid;
padding-top: 10px;
}

/* banner styles */
#banner a:link , #banner a:visited {
color: #000000;
}
	#banner a:hover {	
	color: #999999;
	}
#banner .logo {
padding /**/: 6px 0px 5px 0px !important;
padding: 3px 0px 0px 0px;
}

#banner img {
margin-bottom /**/: 0 !important;
margin-bottom: 6px;
}

/* content styles */
#content p {
margin-bottom: 20px;
}

#content a:link , #content a:visited {
color: #666666;
}
	#content a:hover {
	color: #000000;
	}
	#content .menu_red a:hover {
	color:#FF0000;
	}
	#content .menu_green a:hover {
	color:#85B820;
	}
	#content .menu_blue a:hover {
	color:#077FCE;
	}
	#content .menu_gray a:hover {
	color:#333333;
	}
	#content a.black_link {
	color: #333333;
	font-weight: bold;
	}
	#content a.black_link:hover {
	color: #999999;
	}

.subTitle_black{
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #333333;
margin-bottom: 8px;
}
.subTitle_green{
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #85B820;
margin-bottom: 8px;
}
.subTitle_red{
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #F12323;
margin-bottom: 8px;
}
.subTitle_blue{
color: #FFFFFF;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #077FCE;
margin-bottom: 8px;
}
.subTitle_gray {
color: #333333;
font-weight: bold;
text-transform: capitalize;
position: relative;
display: block;
padding: 1px 0px 1px 5px;
background-color: #E5E5E5;
margin-bottom: 8px;
}
.subTitle{
color: #666666;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 8px;
}
.price{
position: absolute;
z-index: 100;
top: 0;
right: 5px;
}

.img_right {
padding: 0px 0px 5px 5px;
margin: 0px 0px 5px 5px;
float:right;
}
.img_left {
padding: 0px 5px 5px 0px;
margin: 0px 5px 5px 0px;
float:left;
}
.img_center {
text-align: center;
margin: 0px auto;
}

.box {
display: block;
width: 120px;
height: 120px;
text-align: center;
font-size: 10px;
float: left;
}
	.box_bottom {
	display: block;
	width: 120px;
	text-align: center;
	font-size: 10px;
	float: left;
	}

#content ul {
margin: 0px 0px 20px 10px;
padding-left: 10px;
}
	#content ul li{
	padding: 2px 0px 2px 5px;
	list-style: url(../images/bull.gif) outside;
	}
#content a.videoSamples {
cursor: pointer;
color: #333333;
}
	#content a.videoSamples:hover {
	color: #999999;
	text-decoration: underline;
	}
.videoList {
display: block;
width: 200px;
height: 100px;
float: left;
margin-right: 22px;
}
.onRight {
margin-right: 0px;
}

/* Sitemap styles */
#sitemap ul {
list-style: circle inside;
padding: 0px 15px;
margin: 0px;
}
	#sitemap ul ul {
	margin: 0px 0px 0px 40px;
	}
#sitemap li {
padding: 5px 0px;
margin: 0px;
}
	
#sitemap a:link , #sitemap a:visited {
color: #333333;
font-weight: bold;
}
	#sitemap a:hover {
	color: #999999;
	}

/* two columns content */
.right_col {
margin-left: 230px;
}
	#content ul.right_col {
	display: block;
	width: 400px;
	margin: 0px 0px 20px 230px;
	}
	#content ul.right_col li{
	padding: 2px 0px 2px 5px;
	list-style: url(../images/bull.gif) outside;
	}

#sub_menu {
display: block;
width: 210px;
border-right: #CACACA 1px dashed;
float: left;
margin: 0px 20px 30px 0px;
text-align: left;
padding-bottom: 20px;
}
	#sub_menu ul {
	margin: 0px 0px 0px 2px;
	padding-left: 10px;
	}
	#sub_menu ul li {
	margin: 0px 0px 10px 5px;
	padding: 0px 5px;
	list-style: url(../images/bullets.jpg) outside circle;
	height: auto;
	}
	#sub_menu ul li ul {
	margin-top: 10px;
	margin-left: 0px;
	padding-left: 5px;
	list-style-image: url(../images/bullet_arrows.jpg);
	list-style-type: disc;
	}
	#sub_menu ul li li {
	margin-left: 0px;
	padding-left: 5px;
	list-style-image: url(../images/bullet_arrows.jpg);
	list-style-type: disc;
	}

/* Index boxes */
#content .sub_cate {
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
#content .services_box .sub_cate a {
color: #BABABA;
}
#content .services_box .sub_cate a:hover {
color: #666666;
}
#content .services_box a {
font-weight: bold;
color: #565656;
}
#content .services_box a:hover {
color: #8A8A8A;
}

/* footer styles */
#footer a:link , #footer a:visited {
color:#999999;
font-size: 9px;
}
	#footer a:hover {	
	color:#000000;
	}
	#footer a.red:hover {	
	color:#FF0000;
	}
	#footer a.green:hover {	
	color:#85B820;
	}
	#footer a.blue:hover {	
	color:#077FCE;
	}
#footer .link_main_cate a {
font-weight: bold;
font-size: 10px;
}

#footer img {
padding: 4px 0px;
}

/* tags styles */
h1 {
font-size: 20px;
text-transform: uppercase;
color: #999999;
margin-bottom: 20px;
}

h2 {
font-size: 13px;
text-transform: uppercase;
color: #999999;
margin-bottom: 20px;
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
}

/* classes */
.red {
color: #FF0000;
}

.green {
color: #85B820;
}

.blue {
color: #077FCE;
}

.gray {
color: #333333;
}

.order {
text-align: center;
line-height: 160%;
margin-top: 30px;
}
	.order a {
	font-weight: bold;
	}
	.order img {
	padding: 10px 0px;
	}

	
.search {
font-size: smaller;
overflow: visible;
}

.services_box {
display: block;
width: 198px;
height: 330px;
float: left;
padding: 0px 16px 0px 0px;
margin-bottom: 10px;
text-align: left;
line-height: 140%;
}
	.services_box img {
	margin: 0px auto 8px auto;
	}
.esore_box {
display: block;
float: left;
padding: 0px 30px 0px 0px;
margin-bottom: 10px;
text-align: center;
line-height: 140%;
}
	.esore_box img {
	margin: 0px auto 8px auto;
	}

.box_info {
float: left;
padding-right: 20px;
text-align: justify;
}

.title_small {
color: #999999;
font-size: 12px;
font-weight: bold;
}

table.videoDup td {
width: 128px;
padding: 0px 0px 5px 0px;
}

.sns {
margin: 15px 0px;
}
	.sns img {
	margin-right: 12px;
	}
	img.end {
	margin-right: 0px;
	}

/* newsletter index page */
#previous {
display: block;
padding: 15px 0px;
margin: 0px;
}
#previous p img {
display: block;
float: left;
padding: 0px 10px 60px 0px;
float: left;
}

a.backNumbers {
font-size:12px;
font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #4D4948;
}
	a.backNumbers:hover {
	color: #999999;
	}

/*TriVision Studios 2008 - 2009 - Aki Shibukawa Web Designer ( aki@trivision.tv) */