/* CSS Document */

/*全体*/
* {margin:0; padding:0;}
html { height:100%; overflow:hidden;}
body { height:100%; width:100%; margin:0px auto; padding:0; background:#fff; overflow:hidden}
.kome { margin-left:1em !important}
.strong { color:#f00}
#pro_page { overflow:hidden; margin:0; padding:0}
li { list-style-image:url(/img/common_img/list_orange.gif)}
.center { text-align:center}
.strong { color:#f00}

/*ヘッダー（メーカー）*/
#header { position:absolute; overflow:hidden; top:0; left:0; right:240px; height:40px; margin:0; padding:0; display:block;}
#Navi { height:40px; margin:0; padding:0;}
.head_ent { background:url(/titles/img/bgc_ent.gif) repeat-x}
.head_hob { background:url(/titles/img/bgc_hob.gif) repeat-x}
.head_kid { background:url(/titles/img/bgc_kid.gif) repeat-x}
.head_pack { background:url(/titles/img/bg_pac.gif) no-repeat}
.head_sel { background:url(/titles/img/bgc_sel.gif) repeat-x}
.head_sys { background:url(/titles/img/bgc_sys.gif) repeat-x}
.head_use { background:url(/titles/img/bgc_use.gif) repeat-x}
.head_mk { background:url(/pt/img/maker/sn_companylogo_bg_pt2.gif) no-repeat #ff9900}
#Navi h2 { margin:0 0 0 180px; padding:5px 0 0 0; font-size:16px; line-height:100%}
#snlogo { background:url(/img/common_img/sn_companylogo.gif) no-repeat; float:left}
#snlogo a { background:none}
#naviList { margin-left:180px}
#naviList li { display:inline; margin:0 5px 0 0; padding:0; font-size:10px; list-style:none}

/*INDEX*/
#index { position:absolute; left:0; top:50px; width:130px; overflow:auto; margin:0; padding:0}
#side { margin:0; padding:0}
.price { padding:0 5px; text-align:center; line-height:110%; font-size:12px}
#index_in { margin:20px 0 0 0; padding:0}
#tLarge { display:none}
.tLarge_off { display:block; margin:0; padding:5px 3px 5px 5px; font-size:85%; background:url(/titles/img/menu_l.gif) top; border-top:1px solid #b3dbdc; border-left:1px solid #9bc7c8; border-right:1px solid #71a4a5; border-bottom:1px solid #4b7d7e; }
.tLarge_on { display:block; margin:0; padding:5px 3px 5px 5px; font-size:85%; background:url(/titles/img/menu_l_o.gif) top; border-top:1px solid #b3dbdc; border-left:1px solid #9bc7c8; border-right:1px solid #71a4a5; border-bottom:1px solid #4b7d7e; cursor:pointer}
#tInside { display:none}
.tInside_off { display:block; margin:0; padding:5px 3px 5px 10px; font-size:80%; background:#fff; border-top:1px solid #fff; border-left:1px solid #9bc7c8; border-right:1px solid #71a4a5; border-bottom:1px dotted #71a4a5; }
.tInside_on { display:block; margin:0; padding:5px 3px 5px 10px; font-size:80%; background:#d7f0fa; border-top:1px solid #fff; border-left:1px solid #9bc7c8; border-right:1px solid #71a4a5; border-bottom:1px dotted #71a4a5; cursor:pointer}
#tsmall { display:none}
.tsmall { display:none}
#side a{ display:block; color:#000;}
#side a:hover{ background-color:transparent;}
#side a:active{ color:#000;}
#index_sub { margin-top:15px}
.index2_off { display:block; margin:0; padding:5px 3px 5px 5px; font-size:80%; background:#fff; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.index2_on { display:block; margin:0; padding:5px 3px 5px 5px; font-size:80%; background:#d7f0fa; border-top:1px solid #fff; border-left:1px solid #9bc7c8; border-right:1px solid #fff; border-bottom:1px solid #fff; cursor:pointer}
.btn_guide { text-align:center; margin-top:10px}
.btn_guide img{ background:url(/img/common/btn_guide.gif) no-repeat}
.btn_gurde img a:hover { background:url(/img/common/btn_guide_o.gif) no-repeat}
.comati7 { text-align:center; margin:15px 0}

/*メイン*/
#main { position:absolute; top:50px; left:130px;right:240px; overflow:auto; margin:0; padding:0; clear:both}

/*アウトライン*/
#outline { float:left; width:60%}
.osusume { }
#description { margin:0; padding:0}
#point { margin:0 0 0.6em 1em}
#point li { list-style-image:url(/img/common_img/list.gif); margin-left:15px; line-height:130%; margin-bottom:0; padding:0}
#up{padding:0 10px 5px; background:#FFFFCC; font-size:80%; }
#up h4{ background:#339933; color:#FFFFFF; padding:3px 10px; margin:0 -10px;}

/*ユー声*/
#voice{ float:right; width:34%}
#voice h2 { background:none !important; border:none !important; margin:0 !important; padding:0 !important; line-height:100%; font-size:80% !important; height:auto !important}
#voice_in { width:100%; height:150px; overflow:auto; margin:0; padding:5px 5px 5px 10px; background:#DBEDFB;}
#voice_in ul { margin:0; padding:0;}
#voice_in li { margin:0; font-size:80%; line-height:140%; margin-bottom:0.4em; list-style-type:none; list-style:none }
#userHTML h4 { display:none}

/*製品情報*/
#BODY { clear:both; padding-top:10px !important}
#pro_info { margin:0; padding:0  15px 15px 15px}
#pro_info h2 a:hover { background:none}
#pro_info h3 a:hover { background:none}
#pLarge { display:none}
#pInside { display:none}
#pSmall { display:none}
#pText { display:none}
.pLarge{ clear:both }
.pInside { clear:both}
.pSmall{ margin:0 0 0.3em 0; padding:0}
.pText{ margin:0 0 0.9em 18px}
#pro_info h2 { clear:both; margin-top:0.5em; padding:3px 0 2px 8px; background:#cdeef3; font-size:90%;/* border-left:5px solid #b59ece*/ }
#pro_info h3 { clear:both; margin-top:1em; font-size:110%; color:#068da5 }
#pro_info h4 { clear:both; margin-left:18px}

/*QA*/
.loadHTML { clear:both}
#qaHTML { margin-left:18px}
#qaHTML .faq-q { color:#0066CC; font-weight:bold; margin-top:0.8em}
#qaHTML .faq-a { color:#CC0033; font-weight:bold}

/*動作環境*/
#system { clear:both; margin:0; padding:0; width:100%}
#system h2 { clear:both !important; padding:4px 0 0 10px !important; background:#cdeef3 !important;/* border-left:5px solid #b59ece !important */}
#system h4 { margin-left:0 !important; padding-left:0 !important;}
#copyrightHTML li { list-style-type:none; margin-left:18px; font-size:80%}
#conditionHTML li { list-style-image:none; list-style-type:none}

/*サポート*/
#supportHTML h4 { clear:none}
#conditionHTML h4 { clear:none}
#supportHTML li,#conditionHTML li{list-style-type: none;list-style-image:url();}
#supportHTML ul.sn li,#conditionHTML ul.sn li{list-style-type: none;list-style-image:url(/img/common_img/list_s.gif);}
.sn li { font-size:80%}
#mileNum { font-size:80%}

/*EC*/
#sub { position:absolute; top:0; right:0; margin:0; padding:0; overflow:auto; width:230px; }
#ec { width:210px}
#sub2 { position:absolute; top:0; right:230px; margin:0; padding:0; width:10px; background:#fff url(http://www.sourcenext.com/img/common_img/shade.gif) repeat-y left}

/*フッター*/
#footer { font-size:80%; padding:0; margin:0; text-align:center}