@charset "utf-8";

/*初期設定*/
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,pre,blockquote,img {
margin:0px;
padding:0px;
}
ul {list-style:none;}
img {}
* {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*///全体リンク設定///*/
a:visited ,
a:link ,
a {color:#003399;}
a:active ,
a:hover {color:#ff0000;text-decoration:underline;}
a.conbut{
	font-weight: bold;
	color: #000000;
	display: block;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../img/bg_button.gif);
	text-decoration: none;
	width: 200px;
	margin-right: 5px;
}
a.conbut_b{
	font-weight: bold;
	color: #000000;
	display: block;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(../img/bg_button.gif);
	text-decoration: none;
	width: 250px;
	margin-right: 5px;
}
a.conbut:hover{font-weight: bold;color: #FF6600;display: block;padding: 5px;border-top: 1px solid #FFCC7F;border-right: 0px solid #CCCCCC;border-bottom: 0px solid #CCCCCC;border-left: 1px solid #FFCC7F;background-image: url(../img/bg_sttl.gif);text-decoration: none;}
/*全体詳細設定*/
body {background: #fff url(../img/bg_container.gif) repeat-y center top; font-size: 90%;}
#wrapper{background: url(../img/bg_top_wrapper.gif) repeat-x left top;}
#wrapperS{background: url(../img/bg_sub_wrapper.gif) repeat-x left top;}
#container{background: url(../img/bg_container.gif) repeat-y center top;}
#top{background: url(../img/bg_top_header.jpg) no-repeat center top;}
#sub{background: url(../img/bg_sub_header.gif) no-repeat center top;}
#main {width: 798px;margin-right: auto;margin-left: auto;}
#footer{background: url(../img/bg_footer.gif) repeat-x left top;}
#footerbox{height: 168px;background: url(../img/bg_footerbox.gif) no-repeat center top;}
#footgn{width: 798px;margin: 0px auto;}
#footernaviBox{width: 798px;margin: 0px auto;}
#footernavi{
	float: left;
	width: 410px;
	margin-left: 10px;
}
#footernavi li{float: left;background: url(../img/icon_arrow_g2.gif) no-repeat left center;padding-right: 10px;padding-left: 15px;margin: 10px 0;}
#footernavi li a{color: #000000;text-decoration: none;}
#footernavi li a:hover{color: #999999;text-decoration: none;}
#mainimage{padding:9px 9px 10px 9px;}
#logo{background: url(../img/logo.gif) no-repeat 0px 0px;float: left;width: 306px;}
/* #sub h1{display:none;} */
#catch{float: right;width: 492px;text-align: left;}
#logo a{width: 306px;height: 90px;display: block;text-indent: -9999px;}
#maincontents{width:586px;float:right;}
#contents{}
.clear {clear: both;}
#gnTop,
#gnFoot {padding: 0;width: 798px;background: no-repeat left bottom;}
#gnTop{background-image: url(../img/gn.gif);height: 54px;}
#gnFoot{background-image: url(../img/footer_navi.gif);height: 32px;}
#gnTop li,
#gnFoot li {list-style-type: none;float: left;}
#gnTop li a,
#gnFoot li a {text-indent: -9999px;display: block;float: left;}
#gnTop #topgn{width: 96px;height: 54px;}
#gnTop a#topgn:hover{width: 96px;height: 54px;background: url(../img/gn_o.gif) no-repeat 0px 0px;}
#gnTop #product{width: 115px;height: 54px;}
#gnTop a#product:hover{width: 115px;height: 54px;background: url(../img/gn_o.gif) no-repeat -96px 0px;}
#gnTop #case{width: 120px;height: 54px;}
#gnTop a#case:hover{width: 120px;height: 54px;background: url(../img/gn_o.gif) no-repeat -211px 0px;}
#gnTop #plugin{width: 115px;height: 54px;}
#gnTop a#plugin:hover{width: 115px;height: 54px;background: url(../img/gn_o.gif) no-repeat -331px 0px;}
#gnTop #ivent{width: 99px;height: 54px;}
#gnTop a#ivent:hover{width: 99px;height: 54px;background: url(../img/gn_o.gif) no-repeat -446px 0px;}
#gnTop #training{width: 124px;height: 54px;}
#gnTop a#training:hover{width: 124px;height: 54px;background: url(../img/gn_o.gif) no-repeat -545px 0px;}
#gnTop #sitemap{width: 129px;height: 54px;}
#gnTop a#sitemap:hover{width: 129px;height: 54px;background: url(../img/gn_o.gif) no-repeat -669px 0px;}
#gnFoot #topgn{width: 96px;height: 32px;}
#gnFoot a#topgn:hover{width: 96px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat left top;}
#gnFoot #product{width: 115px;height: 32px;}
#gnFoot a#product:hover{width: 115px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat -96px 0px;}
#gnFoot #case{width: 120px;height: 32px;}
#gnFoot a#case:hover{width: 120px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat -211px 0px;}
#gnFoot #plugin{width: 115px;height: 32px;}
#gnFoot a#plugin:hover{width: 115px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat -331px 0px;}
#gnFoot #ivent{width: 99px;height: 32px;}
#gnFoot a#ivent:hover{width: 99px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat -446px 0px;}
#gnFoot #training{width: 124px;height: 32px;}
#gnFoot a#training:hover{width: 124px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat -545px 0px;}
#gnFoot #sitemap{width: 129px;height: 32px;}
#gnFoot a#sitemap:hover{width: 129px;height: 32px;background: url(../img/footer_navi_o.gif) no-repeat -669px 0px;}
#footer p {
	float: right;
	width: 335px;
	padding: 10px 0;
}
.totop {clear: both;text-align: right;padding: 0px 25px 25px 0px;}
.conpU20 {font-size: 100%;line-height: 1.7em;padding-bottom: 20px;}
.conpU10 {font-size: 100%;line-height: 1.5em;padding-bottom: 10px;}
.conp {font-size: 100%;line-height: 1.5em;}
.conpS {font-size: 94%;line-height: 1.3em;}
.conttl{background: url(../img/bg_ttl.gif) no-repeat left top;padding-left: 20px;}
.consttl{background-image: url(../img/bg_sttl.gif);padding: 5px 10px;margin-bottom: 10px;}
.conssttl{color: #FF6600;border-top: 2px dotted #FFCC7F;padding-top: 5px;padding-bottom: 10px;font-size: 110%;}
.conul{	margin: 0 0 20px 0;}
.conul li{
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0 5px 1.5em;
	padding: 0 0 0 5px;
	list-style-image: url(../img/icon_arrow_g.gif);
}
.txtwide{
	line-height: 1.5em;
}
.congul li{list-style-image: url(../img/icon_g_arrow.gif);}
.conul li ul,
.conol li ul{	margin: 0 0 20px 0;}
.conul li li,
.conol li li{font-size: 100%;line-height: 1.5em;margin: 0 0 5px 1.5em;padding: 0 0 0 5px;}
.conol{margin: 0 0 20px 0;}
.conol li{
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0 10px 2em;
	padding: 0 0 0 0.5em;
	list-style-type: decimal;
	list-style-image: none;
}
.conola{margin: 0 0 20px 0;}
.conola li{
	font-size: 90%;
	line-height: 1.5em;
	margin: 0 0 10px 2em;
	padding: 0 0 0 0.5em;
	list-style-type: lower-alpha;
	list-style-image: none;
}
.contable{border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.contable th{line-height: 1.3em;font-size:90%;padding: 8px;vertical-align: top;text-align:left;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.contable td{line-height: 1.3em;font-size:90%;padding: 8px;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.txtRight{text-align: right;}

/*box*/
.ttlconBox {padding: 0px 40px 40px 40px;}
.sttlconBox {padding: 10px 10px 20px 10px;clear: both;}
.u20Box {padding-bottom: 20px;}
.Rbox120 {float: right;width: 120px;}
.Rbox160 {float: right;width: 160px;}
.Rbox180 {float: right;width: 180px;}
.Rbox200 {float: right;width: 200px;}
.Rbox215 {float: right;width: 215px;}
.Lbox187 {float: left;width: 187px;}
.Rbox240 {float: right;width: 245px;}
.Lbox240 {float: left;width: 245px;}
.Lbox330 {float: left;width: 330px;}
.Rimg{margin: 0px 0px 10px 15px;}
.RimgT10{margin: 10px 0px 10px 15px;}
.Limg{margin: 0px 15px 10px 0px;}
.bo10Box {border: 10px solid #FFF0F0;padding: 10px;}

/*inquiry*/
#formTable{background-color:#ffffff;margin: 15px 0 0px; width:675px;border-top: 1px dotted #666666;}
#formTable th{text-align:left;font-size:100%;padding:5px 10px;border-bottom: 1px dotted #666666;}
#formTable td{padding-top: 5px;padding-bottom: 5px;font-size: 100%;border-bottom: 1px dotted #666666;}
#sub .submit{text-align:center;font-size:100%;margin:10px auto 5px;}
#sub .inptext{width:420px;margin:2px;}
#sub .small{font-size:90%;color:red;}
#sub .error{width:320px;margin:2px;background-color:#cccccc;}
#errorTxt{border: 1px dotted #FF9900;padding: 10px;background-color: #FFFFCC;}

/*company*/
.company_table{width:675px;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
.company_table th{width:120px;line-height: 1.3em;font-size:90%;padding: 8px;vertical-align: top;text-align:left;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
.company_table td{line-height: 1.3em;font-size:90%;padding: 8px;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}

.photoBoxL{float:left;background-color: #FFFFFF;}
.photoBoxL img{margin: 0 20px 10px 10px;}
.photoBoxR{float:right;background-color: #FFFFFF;}
.photoBoxR img{margin: 0 10px 10px 20px;}


/* Except IE
  -----------------------------------*/
html>body {font-size: 10pt;}
/*top*/
#topAboutBox {background: url(../img/bg_top_r3_c3.gif) repeat-x left top;height: 220px;width: 798px;}
#topAboutBox p{padding: 10px 10px 0px 270px;line-height: 130%;}
#topAboutBox li.cate{float: left;width: 200px;}
#topAboutBox li.cateb{float: left;width: 198px;}
#topAboutBox ul.plink{clear: both;padding-top:10px;}
#topAboutBox ul.plink li{margin: 5px 10px 5px 3em;list-style-image: url(../img/icon_arrow_g.gif);}
#topAboutBox a#cnAbout{background: url(../img/top_cn_1.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 200px;}
#topAboutBox a#cnAbout:hover{background: url(../img/top_cn_1_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 200px;}
#topAboutBox a#cnBuy{background: url(../img/top_cn_2.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 200px;}
#topAboutBox a#cnBuy:hover{background: url(../img/top_cn_2_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 200px;}
#topAboutBox a#cnSupport{background: url(../img/top_cn_3.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 200px;}
#topAboutBox a#cnSupport:hover{background: url(../img/top_cn_3_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 200px;}
#topAboutBox a#cnDown{background: url(../img/top_cn_4.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 198px;}
#topAboutBox a#cnDown:hover{background: url(../img/top_cn_4_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 72px;width: 198px;}
#service{padding: 20px 13px;}
#topNewsBox {float: left;width: 441px;}
#topNewsBox h3{background: url(../img/top_ttl_news.gif) no-repeat left top;text-indent: -9999px;height: 25px;width: 441px;}
#topNewsBox h4{margin:15px 20px;}
#topNewsBox ul{margin:10px 15px 20px 3em;list-style-image: url(../img/icon_arrow_g.gif);}
#topNewsBox li{margin-bottom: 5px;}
#topPluginBox {width: 316px;float: right;}
#topPluginBox h3{background: url(../img/top_ttl_plugin.gif) no-repeat left top;text-indent: -9999px;height: 25px;width: 319px;}
#topPluginBox h3 a{
	height: 25px;
	width: 319px;
	display: block;
}
#topPluginBox p{margin:10px 1px;}
/*sub*/
#sideNavi {
	width: 212px;
	padding: 5px 0 20px 0;
	float: left;
}
#sideNavi p{
	padding: 15px 0px 0px 0px;
	text-align: center;
}
#sideNavi ul{
	padding-left: 1px;
}
#sideNavi li.catet{height:66px;}
#sideNavi li.cate{height:60px;}
#sideNavi a#cnAbout{background: url(../img/sub_cn_1.gif) no-repeat left top;text-indent: -9999px;display: block;height: 66px;width: 211px;}
#sideNavi a#cnAbout:hover{background: url(../img/sub_cn_1_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 66px;width: 211px;}
#sideNavi a#cnBuy{background: url(../img/sub_cn_2.gif) no-repeat left top;text-indent: -9999px;display: block;height: 60px;width: 211px;}
#sideNavi a#cnBuy:hover{background: url(../img/sub_cn_2_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 60px;width: 211px;}
#sideNavi a#cnSupport{background: url(../img/sub_cn_3.gif) no-repeat left top;text-indent: -9999px;display: block;height: 60px;width: 211px;}
#sideNavi a#cnSupport:hover{background: url(../img/sub_cn_3_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 60px;width: 211px;}
#sideNavi a#cnDown{background: url(../img/sub_cn_4.gif) no-repeat left top;text-indent: -9999px;display: block;height: 60px;width: 211px;}
#sideNavi a#cnDown:hover{background: url(../img/sub_cn_4_o.gif) no-repeat left top;text-indent: -9999px;display: block;height: 60px;width: 211px;}
/**/
.butimg{height: 87px;background-repeat: no-repeat;background-position: left top;float: left;}
.butimg p{	display: none;}
.butimg h5 a{text-indent: -9999px;width: 247px;height: 87px;	display: block;}
#butPrice{background-image: url(../img/but_price.jpg);width: 252px;}
#butOrder{background-image: url(../img/but_order.jpg);width: 252px;}
#butVoice{background-image: url(../img/but_voice.jpg);width: 247px;}
#butHowto{background-image: url(../img/but_howto.jpg);width: 252px;}
#butQa{background-image: url(../img/but_qa.jpg);width: 252px;}
#butInq{background-image: url(../img/but_inq.jpg);width: 247px;}
#infocamp{font-size: 105%;text-align: center;line-height: 150%;padding: 10px;}
#infoadd{text-align: center;}
/*subbox*/
#sketchupBox{padding: 25px;}
#reasonBox{padding: 25px;}
#formBox{padding: 25px;}
#downloadBox{padding: 25px;}
#downloadpageBox{padding: 25px;}
#caseBox{padding: 25px;}
#policyBox{padding: 25px;}
#eventBox{padding: 25px;}
#otherBox{padding: 25px;}
#sitemapBox{padding: 25px;}
#productBox{padding: 25px;}
#pluginBox{padding: 25px;}
#supportBox{padding: 25px;}
#trainingBox{padding: 25px;}
#tutorialBox{padding: 25px;}
#useBox{padding: 25px;}
#bundleBox{padding: 25px;}
#companyBox{padding: 25px;}
#nomalBox{padding: 25px;}
/*subtitle*/
#sub h2{background-repeat: no-repeat;background-position: left top;padding: 0px 0px 0px 40px;text-indent: -9999px;height: 32px;}
#sketchupBox h2{background-image: url(../img/ttl_sketchup.gif);margin-bottom: 20px;}
#reasonBox h2{background-image: url(../img/ttl_sketchup_need.gif);margin-bottom: 20px;}
#formBox h2{background-image: url(../img/ttl_form.gif);margin-bottom: 20px;}
#downloadBox h2{background-image: url(../img/ttl_download.gif);margin-bottom: 20px;}
#downloadpageBox h2{background-image: url(../img/ttl_downloadpage.gif);margin-bottom: 20px;}
#caseBox h2{background-image: url(../img/ttl_case.gif);margin-bottom: 20px;}
#policyBox h2{background-image: url(../img/ttl_policy.gif);margin-bottom: 20px;}
#eventBox h2{background-image: url(../img/ttl_event.gif);margin-bottom: 20px;}
#otherBox h2{background-image: url(../img/ttl_other.gif);margin-bottom: 20px;}
#sitemapBox h2{background-image: url(../img/ttl_sitemap.gif);margin-bottom: 20px;}
#productBox h2{background-image: url(../img/ttl_product.gif);margin-bottom: 20px;}
#pluginBox h2{background-image: url(../img/ttl_plugin.gif);margin-bottom: 20px;}
#supportBox h2{background-image: url(../img/ttl_support.gif);margin-bottom: 20px;}
#trainingBox h2{background-image: url(../img/ttl_training.gif);margin-bottom: 20px;}
#tutorialBox h2{background-image: url(../img/ttl_tutorial.gif);margin-bottom: 20px;}
#useBox h2{background-image: url(../img/ttl_use.gif);margin-bottom: 20px;}
#bundleBox h2{background-image: url(../img/ttl_bundle.gif);margin-bottom: 20px;}
#companyBox h2{background-image: url(../img/ttl_company.gif);margin-bottom: 20px;}
#nomalBox h2#nomal{background-image: url(../img/bg_ttl.gif);margin-bottom: 20px;background-repeat: no-repeat;background-position: left top;padding: 5px 0px 10px 20px;text-indent:0px;}
/*download*/
#dl6box{
	float: left;
	width: 260px;
}
#dl7box{
	float: right;
	width: 260px;
}
/*reason*/
#reasonBox table{border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;}
#reasonBox table th{
	line-height: 1.3em;
	font-size:90%;
	padding: 8px;
	vertical-align: top;
	text-align:left;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #666666;
	font-weight: normal;
	color: #FFFFFF;
}
#reasonBox table td{line-height: 1.3em;font-size:90%;padding: 8px;border-right: 1px solid #CCCCCC;border-bottom: 1px solid #CCCCCC;}
#reasonBox .data{text-align:center;}
#reasonBox .catetitle{
	font-weight: bold;
	color: #333333;
	background-color: #DDDDDD;
}
#reasonBox .catename{background-image: url(../img/bg_button.gif);}
/*form*/
.errorTxt{
	color: #FF0000;
	border: 1px dotted #FF0000;
	padding: 10px;
	margin-bottom: 10px;
}
/*case*/
#caselink{padding-bottom: 10px;}
#caselink ul li{
	float: left;
	width: 89px;
	text-align: center;
}
#caselink ul li a{
	background-color: #E0E0E0;
	width: 88px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#caselink ul li a:hover{
	background-color: #FFCC33;
	height: 30px;
	width: 88px;
	text-decoration: none;
}
/*pro*/
#skproCopy{
	text-indent: -9999px;
	height: 102px;
	background-image: url(../img/txt_sketchup_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 20px 0;
}
#skprobut {
	background-image: url(../img/bun_sketchup_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 47px;
	width: 292px;
	text-indent: -9999px;
	display: block;
}