/* CSS Document */

/*全体*/
* {margin:0; padding:0;}
ins{ text-decoration:none;}
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_b.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_b_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}
.tLarge_off a,.tLarge_on a{ display:block; color:#000;}
.tLarge_off a:hover,.tLarge_on a:hover{ background:url(/titles/img/menu_b_o.gif);}
#tInside { display:none}
.tInside { display:none}
#tsmall { display:none}
.tsmall { display:none}

#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 { 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}

/*パケ画拡大する文字消し用100326ksw*/
#packZoom{ display:none;}

/*印刷用*/
@media print{
html {  overflow:visible;}
body { background:none;/*_zoom: 67%; WinIE only */ overflow:visible;}
#main { overflow:visible; margin:-40px 0 0 -130px; width:640px !important}
#header,#index,#sub,#sub2 { display:none;}
}


/*iPhone用*/
@media screen and (max-device-width: 480px) {
	html {  overflow:visible;}
	body { background:none; overflow:visible;}
	#main { overflow:visible;}
}

/* コラムリンク */
#columnLink_outline{font-size:80%; position:relative; margin-top:10px; clear:both;}
#columnLink_outline a{ display:block; position:relative;}
#columnLink_outline a:hover{ text-decoration:underline; background-color:transparent;}
#columnLink_outline span{ color:#000;}
#columnLink_outline div{ display:block; padding:15px 3px 3px 3px; border:1px solid #99CCCC; margin-left:10px; cursor:pointer; position:absolute; left:28px; top:0;background:url(/titles/column/img/bn_title_l.gif) #fff no-repeat;}
#columnLink_outline .hukidashi{margin-left:5px; position:absolute; left:28px; top:0px;}

#columnLink_menu{font-size:80%; width:120px; margin-top:10px; padding:16px 1px 1px 1px; background:url(/titles/column/img/bn_title_l.gif) no-repeat -2px -2px; border:1px solid #FFCC66;}
#columnLink_menu a{display:block;}

/* clearfix */
.clearfix:after{
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */