/* CSS Document */

/*全体*/
html {overflow:hidden;}

/*INDEX*/
#index { position:absolute; left:15px; top:115px; bottom:0px; width:180px; overflow:auto; margin:0; padding:0; border-left:1px solid #95b2ba; background:url(http://www.sourcenext.info/img/common_img/bg_base_ml.gif) 179px top repeat-y;}
#index  h3{ padding:0; margin:15px 0 0 0; font-size:95%;}
#index .top{ background:url(http://www.sourcenext.info/img/common_img/bg_base_tc.gif) repeat-x;}
#index_top { margin:0 0 0 15px}
#index_top h2 { font-size:95%; margin:0; padding:0; font-weight:bold}
#index_top li { list-style-type:none; margin-left:0; line-height:1.1em; margin-bottom:0}
#index .subBox{ margin:10px 3px 0 10px; font-size:12px;}
#index .subBox a{ display:block;}
#index .subBox img{ border:none; margin-right:3px;}
#side { margin-left:10px; border-bottom:1px solid #95b2ba; }
#side .tLarge a { display:block; margin:0; font-size:95%;color:#000;
background:url(http://www.sourcenext.info/img/common_img/bg_index.gif) left center;
border:1px solid;
border-left-color:#7fcdd6;
border-top-color:#a3c8cd;
border-right-color:#84b3b7;
border-bottom-color:#6c9b9e;
}
#side .tLarge a:hover {cursor:pointer; background-image:none; color:#000; border-right-color:#fff; }
.serch { float:left; margin:0; padding:0 5px 10px 5px}
/*#tLarge { display:none}*/
#side .tInside a { display:block; margin:0; padding:3px 5px 3px 18px; font-size:80%; background:url(http://www.sourcenext.info/img/common_img/icon_next_s_o.gif) 5px 2px #fff no-repeat ;
 border-bottom:1px dotted #ffff; border-left:#7fcdd6 1px solid; color:#000;}
#side .tInside a:hover { background:url(http://www.sourcenext.info/img/common_img/icon_next_s.gif) 5px 2px no-repeat; text-decoration:underline; border-right:2px solid #fff;}
.tsmall { display:none}

/*メイン*/
#pLarge { display:none}
#pInside { display:none}
#pSmall { display:none}
#pText {display:none}
#main_t { position:absolute; left:195px; top:136px; right:275px; height:200px; margin:0; padding:0; border-top:1px solid #adc5cc;}
#main_t h3{ margin-top:10px;}
#main {
	position:absolute; left:196px; top:137px; right:275px; bottom:20px; margin:0; padding:0; overflow:auto; 
	border-bottom:1px solid #adc5cc;
}

/* メイン_QA一覧 */
.pLarge{ margin:10px; padding:0.2em 0.5em 0.2em 0; font-size:80%; font-weight:normal}
.pInside{margin:15px 25px 0.3em 15px; padding:0;}
.pSmall{ margin:8px 25px 0 35px; padding:0; color:#006699;}
.pText{ margin:0 15px 0 15px;}
.pText p{ padding:0; margin:0;}
.pText a{ display:block; color:#000; padding:0.25em 5px 0.25em 20px; border-top:1px solid #abcfd0; background:url(http://www.sourcenext.info/img/common_img/icon_next.gif) #fff no-repeat left 0.4em; font-size:95%; margin:0 0 0 15px;}
.pText a:hover{ background-color:#ddf5f7;}
.col a{ background-color:#F1FDFF;}

/* タグ付けQA */
.relationBox{ margin:0 0 0 25px;}
.relationHead{ text-align:right; font-size:12px; font-weight:normal; margin:0 15px 0 25px;}
.relationHead a{ background:url(/img/common_img/icon_open.gif) no-repeat right; padding:3px 18px 0 0;}
.relationHead a:hover{ text-decoration:underline;}
.relation{ font-size:80%; margin:0 15px 0 15px;}

.relation{ border:1px dotted #CCC; margin:10px;}
.relation strong{ background-color:#FFF;}
.search{ display:block !important;}
H2.search{ border-top:1px dotted #CCC;}
H2.search STRONG{ background-color:#fff;}
.relation H2.search{ border-top:none; margin-bottom:0;}
.relation h3.pInside{ border-top:none; margin-top:0;}

.relation .zero{ text-align:center;}
.relation .close{ text-align:right; margin:0 3px 0 0;}
.relation .close a{ background:url(/img/common_img/icon_close.gif) no-repeat right; padding:3px 18px 0 0;}
.relation .close a:hover{ text-decoration:underline;}

.pankuzu{ margin:0 15px;  font-size:80%; font-weight:normal;}


/* サブ */
#sub{ position:absolute; top:116px; right:260px; width:20px; background:url(http://www.sourcenext.info/img/common_img/bg_base_mr.gif) 3px top repeat-y;border-left:1px solid #adc5cc;}

#qa_t{ position:absolute; top:45px; right:260px; left:15px; background:url(http://www.sourcenext.info/img/common_img/bg_base_tc.gif) left 32px repeat-x;height:32px}
#qa_t h1{ float:left; font-size:18px; height:32px; padding:0; margin:0 10px 0 0;}

#qa_t #searchBox{ float:right; height:24px;}
#qa_t .l{ float:left; height:39px;  background:url(http://www.sourcenext.info/img/common_img/bg_base_ml.gif) top left repeat-y; display:block;}
#qa_t .r{ float:right; height:39px;  background:url(http://www.sourcenext.info/img/common_img/bg_base_mr.gif) top right repeat-y;}
#qa_t .c{ background:url(http://www.sourcenext.info/img/common_img/icon_qa.gif) 12px 0px  no-repeat; margin:8px 5px 0 0;}
*html #qa_t .c { background:url(http://www.sourcenext.info/img/common_img/icon_qa.gif) 12px 9px  no-repeat;}
#qa_t .c h4{height:34px; margin:0 5px 0 0; padding:0; text-align:right; float:right; font-size:12px}
#qa_b{ position:absolute; right:260px; left:15px; bottom:20px; height:15px; background:url(http://www.sourcenext.info/img/common_img/bg_base_bc.gif) left top repeat-x;}
#qa_b .l{ float:left;}
#qa_b .r{ float:right;}

/* 右ボックス */
#r_box { position:absolute; overflow:auto; top:50px; right:10px; width:240px; margin:0; padding:0} 
#r_box li{ margin-left:1.5em;}
#r_box li a{}
#r_box p { font-size:80%}
#r_box .subBox { margin:0 0 10px 0}
#r_box .subBox a{ display:block; font-size:90%;}
#r_box .subBox a img{ border:0; margin-right:3px;}
#r_box .infoBox{ background: url('http://www.sourcenext.info/img/common_img/icon_info.gif') no-repeat 5px 5px #ffffe3; padding:0 0.5em 0.25em 0; margin-bottom:0; }
#r_box .infoBox h3{ margin:0; padding:7px 0 0 32px; line-height:100%}
#r_box .infoBox ul{margin:0; padding:0 0 0 8px}
#r_box .infoBox li{ list-style:url(/img/common_img/icon_next.gif); font-weight:normal; font-size:80%}
#r_box .infoBox li a{ color:#000; display:inline;}
#r_box .infoBox li a:hover{ background-color:transparent; text-decoration:underline;}
#r_box .linkList ul{margin:0; padding:0;}
#r_box .linkList li{ list-style:url(/img/common_img/icon_next.gif); font-weight:normal; font-size:80%; margin-left:30px}
#r_box .linkList li a{ color:#0000FF; display:inline;}
#r_box .linkList li a:hover{ background-color:transparent; text-decoration:underline;}

/* 検索結果 */
strong{ background:#FFFF00;}


/*新しいテンプレに合わせるため*/
#GNavi, #SNavi { font-family: "メイリオ","ＭＳ Ｐゴシック", "Osaka", sans-serif; margin:0; padding:0}
body { background:#fff; text-align:left}
#main { background:#fff; text-align:left}
#GNavi { background:#1291c0}
#GNavi_in { width:auto}
#logo_sn { background:#000; padding-left:10px}
#SNavi_in { width:auto; padding:0 10px}
#eshopNavi { width:300px; float:right; text-align:right; padding:5px 0 0}
#pankuzu { margin:0 auto; padding:5px 0 5px; text-align:left; font-size:11px; float:left; width:auto}



/* プリント用 */
@media print{
body { background:none;/*_zoom: 67%; WinIE only */}
#main { overflow:visible; widows:400px; margin-left:-210px; margin-top:-200px;}
#index,#qa_t,#qa_b,#main_t,#header,#header_r,#sub,#footer{ display:none;}
}

.mBtnBox{ display:none;}
.sBtnBox{ display:none;}
.searchHead{ text-align:center; margin-bottom:1em;}

/* フッター */
#footer_info{ position:absolute; left:0; right:0px; bottom:0px; }

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