/* CSS Document */
/* ----------------------------------------------------------------
		general setting 
------------------------------------------------------------------*/
body { margin:0; padding:0; font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "Meiryo", sans-serif; font-size:11px; }
div{ margin:0; padding:0; color:666; font-weight:normal; }
class{ margin:0; padding:0; color:666; font-weight:normal; }
ul{ margin:0; padding:0; color:666; font-weight:normal; list-style:none; }
li{ margin:0; padding:0; color:666; font-weight:normal; }
h1{ margin:0; padding:0; color:666; font-weight:normal; }
h2{ margin:0; padding:0; color:666; font-weight:normal; }
h3{ margin:0; padding:0; color:666; font-weight:normal; }
h4 { margin:0; padding:0; color:666; font-weight:normal; }
hr { height:1px; border-bottom:1px dashed #F61B63; border-top:none;}
a { color:#3D76CD; text-decoration:underline; }
a:hover { color:#666; text-decoration:underline; }
img { margin:0; padding:0; border:none; }
img.left { clear:left; };
img.right { clear:right; border:10px solid red; };
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; }
li a { margin:0; padding:0; text-decoration:none; }
p { margin:0; padding:0; line-height:140%; font-size:1.1em; color:#666; }
span.bold { font-weight:bold; }
span.small{ font-size:0.9em; }
span.pink { color:#F61B63; }
span.white { color:#fff; }
span.blue { color:#002F74; }
span.red { color:#FF0000; }

/* ----------------------------------------------------------------
		top
------------------------------------------------------------------*/
#topMenuBg { margin:0 auto; width:820px; height:71px; }
#topLogo { width:193px; height:71px; display:block; float:left; }
#topLogo h1 { font-size:1.0em; background-image:url(../img/logo.jpg); text-indent:-9999px; }
#topLogo h1 a { width:193px; height:71px; display:block; }

#topMenu { margin:0 10px 0 0; width:583px; height:71px; float:right; }
#topMenu  ul { background-image:url(/img/menu.jpg); background-repeat:no-repeat; }
#topMenu  ul li { width:97px; height:71px; float:left; text-indent:-9999px; background-image:url(/img/menu.jpg); }
#topMenu  ul li a { width:97px; height:71px; display:block; background-image:url(../img/menu.jpg); }
#topMenu  ul li#home { background-position:0 -71px; }
#topMenu  ul li#news { background-position:-97px -71px; }
#topMenu  ul li#products  { background-position:-194px -71px; }
#topMenu  ul li#company  { width:98px; background-position:-291px -71px; }
#topMenu  ul li#access  { background-position:-389px -71px; }
#topMenu  ul li#contact { background-position:-486px -71px; }
#topMenu  ul li#home a { background-position:0 0; }
#topMenu  ul li#news a { background-position:-97px 0; }
#topMenu  ul li#products a { background-position:-194px 0; }
#topMenu  ul li#company a { width:98px; background-position:-291px 0; }
#topMenu  ul li#access a { background-position:-389px 0; }
#topMenu  ul li#contact a { background-position:-486px 0; }
#topMenu  ul li#home a:hover { background-position:0 -71px; }
#topMenu  ul li#news a:hover  { background-position:-97px -71px; }
#topMenu  ul li#products a:hover  { background-position:-194px -71px; }
#topMenu  ul li#company a:hover  {background-position:-291px -71px; }
#topMenu  ul li#access a:hover  { background-position:-389px -71px; }
#topMenu  ul li#contact a:hover  { background-position:-486px -71px; }

/* ----------------------------------------------------------------
		header
------------------------------------------------------------------*/
#headerBg { height:250px; background-image:url(../img/bg_header.jpg); }
#header { margin:0 auto; width:820px; height:250px; background-image:url(../img/main.jpg); }
#header h2 { text-indent:-9999px; }

/* ----------------------------------------------------------------
		content and side
------------------------------------------------------------------*/
#containerBg { margin:0 auto; width:820px; background-image:url(/img/bg_container.jpg); }
#sideContentBg { padding:0 8px 10px 10px; width:172px; float:left; background-image:url(../img/bg_side.jpg); }
#sideContentBg ul { margin:10px 0 10px 10px; }
#sideContentBg ul li { padding:2px 0 2px 15px; background-image:url(../img/list_sub.gif); background-repeat:no-repeat; background-position:0 1px; font-size:1.1em; color:#3D76CD; }
#sideContentBg ul li a:hover { color:#6092C8; text-decoration:none; }
#sideContentBg #sideCompany { margin-top:20px; padding:0 0 10px 0; width:170px; background-image:url(../img/bg_side_company.gif); }
#sideContentBg #sideCompany p { padding:0 0 0 10px; font-size:1.1em; color:#999; }
#sideContentBg #sideCompany p.sideCompanyTitle { margin:10px 0; padding:10px 0 0px 10px; border-bottom:1px dashed #fff; color:#fff; }
#sideContentBg .sideImage { margin:15px 0 0 0; }
#sideContentBg p.sideTitle { margin:0 0 0 10px; }
#sideContentBg p.title { margin:10px 0 0 10px; color:#fff; }

/* ----------------------------------------------------------------
		right content
------------------------------------------------------------------*/
#contentBg { margin:20px 0 0 0; width:611px; float:right; }
#contentBg ul { margin:5px 0; }
#contentBg ul li { margin:5px 0; padding:0 0 0 10px; background-image:url(../img/list_right_client.jpg); background-repeat:no-repeat; background-position:0 2px; color:#666; }
#contentBg ul li a { color:#666; text-decoration:none; }
#contentBg ul li a:hover { color:#002F74; }
#contentBg p { margin:10px 0; }
#contentProducts { margin:0 0 10px 0; }
#contentProducts p.title { margin:0; color:#002F74; border-bottom:1px dotted #002F74; }
#contentProducts #leftProducts { width:410px; float:left; }
#leftProducts #TopProducts { margin:5px 0 5px 0; }
#leftProducts #TopProducts .products { margin:0 2px 5px 0; float:left; }
#contentProducts #rightProducts { width:191px; float:right; }
#contentProducts #aboutProducts { margin:0 0 10px 0; padding:10px; height:184px; background-image:url(../img/right_prodcut_bg.jpg); }
#contentProducts #forUser { padding:10px 6px 0 10px; height:86px; background-image:url(../img/right_client_bg.jpg); }

#contentProducts #videos { margin:0; padding:6px; background-image:none; border:1px solid #ccc; }
#contentProducts #videos img { margin:0; padding:0 0 0 2px; }
#contentProducts #videos #video1 { padding-top:5px; }
#contentProducts #videos #video2 { padding-top:5px; }

#news { }
#news .newsEntry p a { color:#666; text-decoration:none; }
#news .newsEntry p a:hover { color:#002F74; }

/* ----------------------------------------------------------------
		page setting
------------------------------------------------------------------*/
#pan { margin:3px 0 0 0; width:611px; }
#pan p { font-size:0.9em; *font-size:0.8em; }
#pan p a { color:#000066; }
.content { margin:0 0 20px 0; width:570px; }
.content p { margin:10px 0; }
.content img.pic { padding:5px; border:1px solid #ccc; }
.content img.midashi { margin:15px 0 5px 0; }
.content img.btn { margin:10px 0; }
.content .pics { }
.content .pics .pic { margin:0 20px 0 0; width:250px; float:left; text-align:center; }
.content .pics img { padding:5px; border:1px solid #ccc; }
.content .pics .pic p { margin:3px; }

.content .contentSepa { }
.content .contentSepa .left { padding:10px 0 0 0; width:160px; float:left; }
.content .contentSepa .left p { text-align:center; }
.content .contentSepa .left img { padding:5px; border:1px solid #ccc;}
.content .contentSepa .right { width:390px; float:right; }

.content table { margin:10px 0; border:1px solid #ccc; color:#666; border-collapse:collapse; }
.content table tr { padding:5px 5px; }
.content table td { padding:5px 5px; line-height:140%; }
/* ----------------------------------------------------------------
		footer
------------------------------------------------------------------*/
#footerBg { background-image:url(../img/bg_footer.jpg); background-repeat:repeat-x; }
#footer { margin:0 auto; padding:30px 0 15px 0; width:820px; text-align:center; background-image:url(../img/bg_main_footer.jpg); background-repeat:no-repeat; }
#footer p { color:#000066; }
#footer ul { margin:0 auto; padding-left:200px;  text-align:center; }
#footer ul li { margin:0 5px 0 0; padding:0 0 0 15px; width:120px; float:left; background-image:url(../img/list_footer.jpg); background-repeat:no-repeat; *font-size:9px; }
#footer ul li a { width:100px; color:#000066; display:block; }
#footer p { margin:3px; }
/*----------------------------------------------------------------
		clearFix
----------------------------------------------------------------*/
	.clearfix:after { content:"."; display:block; height: 0; clear:both; visibility:hidden;}
	.clearfix:before { content:"."; display:block; height: 0; clear:both; visibility:hidden;}
	.clearfix { display:inline-block; }
	/* Hides from IE-mac \*/
	*html.clearfix { height: 1%; }
	.clearfix {display:block;}
	/* End hide from IE-mac */