@charset "utf-8";
h2.top{font-size:16px;}/*rename*/
h3.top{font-size:18px; padding-top:3px;}/*rename*/
h4.qaser_ttl{font-size:14px; padding:3px 0 0;font-weight:normal;}
/*links*/
.on_btndefault_shol a:link, .on_btndefault_shol a:visited {text-decoration:none; color:#FFF; text-align:center; padding:2px 0 0 5px;}
.on_btndefault_shol a:hover, .on_btndefault_shol a:active {text-decoration:underline; color:#FFF; text-align:center; padding:2px 0 0 5px; }
.on_btnGry_shol a:link, .on_btnGry_shol a:visited {text-decoration:none; color:#666; text-align:center; padding:2px 0 0 5px;}
.on_btnGry_shol a:hover, .on_btnGry_shol a:active {text-decoration:underline; color:#666; text-align:center; padding:2px 0 0 5px; }
.on_btndefault_top a:link, .on_btndefault_top a:visited {text-decoration:none; color:#FFF; text-align:center; padding:8px 0 0 10px; font-size:16px;}
.on_btndefault_top a:hover, .on_btndefault_top a:active {text-decoration:underline; color:#FFF; text-align:center; padding:8px 0 0 10px; font-size:16px;}
/*大枠*/
#ok_areatop_l {width:960px;float:left; text-align:left;}/*rename*/
.ok_qTop_ttl {background:#FFEFD5; padding:5px 10px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; color:#666;}
.ok_aTop_ttl {background:#FFEFD5; padding:5px 10px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; color:#666;}
.ok_sTop_ttl {background:#FFEFD5; padding:5px 10px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; color:#666;}
.ok_iTop_ttl {background:#FFEFD5; padding:5px 10px; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; color:#666;}
/* shoulder */
#ok_shoulder_search .searchtop_r {padding-top:6px;}/*rename*/
/*リード*/
#ok_read {border:1px solid #CCC; background:#FFF; padding:10px;}
#ok_read .read_ttl {margin-bottom:10px;}
#ok_read p.read_tex {margin-bottom:15px;}
#ok_read span.read_attention {font-size:10px;}
.logo_poweredby_top {width:130px; padding:10px;}
/*検索BOX*/
#ok_search_box {border-top:2px solid #CCC; background:#DEF8E0;}
#ok_search_box_inner {border-top:2px solid #2DA83A; padding:10px;}
#ok_search_box_inner .ok_search_tex { margin:3px 0 0 5px;width:330px; height:17px;}/*可変*/
#ok_search_box_inner .ok_search_select {margin:3px 5px 0; float:left;}
#ok_search_box_inner .ok_search_btn { margin-right:5px;}
#ok_search_box_inner p { margin-top:3px;}
/*QA*/
.ok_qaTop_ttl_l {width:50%;}
.ok_qaTop_ttl_r {padding-top:5px;}
.ok_qTop-inner {padding-top:10px;}
.ok_aTop-inner {padding-top:10px;}
.ok_Top-detail {padding:10px;}
.ok_Top_qa_list_c { margin-right:10px; width:84%;}/*可変*/
.ok_Top_qa_list_c .ok_Top_qa_list_ttl {width:100%;}
.ok_Top_qa_list_c .ok_Top_cateList { padding:10px 0 0 3px;}
.ok_Top_qa_list_r { width:52px;}
.ok_Top_detail_half {width:49%;}
/**** カテゴリ一覧****/
/*2行表示*/
.ok_sTop-innerBox { width:49.9%;}/*可変*/
.ok_sTop-innerBox_c { width:49.8%;border-left:1px solid #FFF}/*可変*/
/*3行表示*/
/*.ok_sTop-innerBox {width:33.4%;}/*可変*/
/*.ok_sTop-innerBox_c {width:33%; border-left:1px solid #FFF; border-right:1px solid #FFF;}/*可変*/
.ok_sTop-inner {}
.ok_sTop-innerBox h3, .ok_sTop-innerBox_c h3{background-color:#EBFAEB;font-size:14px;line-height:150%;padding:5px 0 5px 12px; border-bottom:1px solid #FFF;}
ul.ok_sTop_mCategorygroup {padding:3px 10px 3px 37px; margin-bottom:10px;}
ul.ok_sTop_sCategorygroup  {padding:3px 10px 3px 10px; }
ul.ok_sTop_categorygroup li, ul.ok_sTop_sCategorygroup li{margin-right:3px;padding:0 3px 0 0;border-right:1px solid #666;
display:inline;}
ul.ok_sTop_categorygroup li span, ul.ok_sTop_midcategorygroup li
span, ul.ok_sTop_sCategorygroup li
span{white-space:nowrap;}
/*カテゴリ一覧中カテ・小カテ*/
ul.ok_sTop_categorygroup {padding:3px 10px 3px 37px; margin-bottom:10px;}
ul.ok_sTop_categorygroup li{margin-right:3px;padding:0 3px 0 0;border-right:1px solid #666; display:inline;}
ul.ok_sTop_categorygroup li span {white-space:nowrap;}
/*お知らせ、ピックアップコンテンツ*/ 
.ok_iTop-inner {}
ul.ok_iTop-innerList li { padding:5px 10px 5px 10px;}
ul.ok_iTop-innerList li span {padding-right:10px;}
ul.ok_iTop-innerList li.bg_gry {background-color:#F9F9F9;}
ul.ok_iTop-innerList li.ico_list {background:url(../../../images/common/dot-black.gif) 10px 12px no-repeat; padding-left:20px;}
ul.ok_iTop-innerList li.ico_list_bg {background:url(../../../images/common/dot-black.gif) 10px 12px no-repeat; padding-left:20px;background-color:#F9F9F9;}
/*ボタン*/
.btn_beginner {background:url(../../../images/common/sprites_top.png) 0px 0px;width:140px; height:23px; display:block; overflow:hidden; padding-top:5px;}
.btn_question_top, .btn_question_top a:hover {background:url(../../../images/common/sprites_top.png) no-repeat 0px -70px; width:150px; height:35px; display:block; overflow:hidden;}
.btn_question_top a { background:url(../../../images/common/sprites_top.png) no-repeat 0 -33px; width:150px; height:35px; display:block; overflow:hidden;}
.btn_search_top, .btn_search_top a:hover {background:url(../../../images/common/sprites_top.png) no-repeat 0px -212px; width:120px; height:25px; display:block; overflow:hidden;}
.btn_search_top a { background:url(../../../images/common/sprites_top.png) no-repeat 0 -185px; width:120px; height:25px; display:block; overflow:hidden;}
/*カスタマイズ可能なCSSここから*/
/*linksFONT_SIZE/COLOR*/
a:link {text-decoration:none;color:#1B43BA;}
a:visited {text-decoration:none;color:#996699;}
a:hover {text-decoration:underline;color:#F60;}
a:active {text-decoration:underline;color:#F60;}
/*links_shoulder*/
#ok_shoulder_navi .ok_shoulder_navi_l p a:link,  #ok_shoulder_navi .ok_shoulder_navi_l p a:visited  {text-decoration:none;color:#f00;}
#ok_shoulder_navi .ok_shoulder_navi_l p a:hover,  #ok_shoulder_navi .ok_shoulder_navi_l p a:active {text-decoration:underline;color:#f00;}
#ok_shoulder_navi .ok_shoulder_navi_r p a:link,  #ok_shoulder_navi .ok_shoulder_navi_r p a:visited  {text-decoration:none;color:#00f;}
#ok_shoulder_navi .ok_shoulder_navi_r p a:hover,  #ok_shoulder_navi .ok_shoulder_navi_r p a:active {text-decoration:underline;color:#00f;}
/**** layout ****/
#ok_wrapper {margin:0 auto; width:970px;text-align:center}/*widthの設定は#ok_area_lと#ok_area_rの横幅に10ピクセル足した幅設定*/
/*BIG_BOX*/
#ok_area_l {width:680px; min-width:560px;text-align:left;}
#ok_area_r {width:270px;}
#ok_area_c {width:880px;margin:0 10px; text-align:left;}
/*#ok_area_l_fix { width:590px;min-width:560px; text-align:left;}*/
/*header*/
#ok_header {width:970px;}
/*PSheader*/
#ps_header {width:970px;height:292px;}
/*shoulder*/
#ok_shoulder {width:970px;}
#ok_shoulder_navi {width:auto; padding:5px 10px; background:#FFE1A6; border-bottom:2px solid #ff7f00;}
#ok_shoulder_navi p {padding-top:3px; color:#000;}
#ok_shoulder_search {width:auto; padding:0 10px; background:#FFEFD5; border-top:1px solid #CC0000; border-bottom:1px solid #CC0000; color:#000;}
#ok_shoulder_search table.search_l {width:700px; float:left;}/*全体の横幅-200px*/
#ok_shoulder_search .input_shoulder { width:200px;}/*可変*/
/*okfooter*/
#ok_footer {width:970px;margin-top:20px; padding:10px 0;}
/*PSfooter*/
#ps_footer {width:970px; clear:both;height:50px;padding-top:20px;text-align:center;}
/**** COLUMN2 ****/
/* 詳細QA */
.ok_lq_detail_r {width:auto;}/*可変*/
* html .ok_lq_detail_r  {
  height: auto !important;  
  height: 175px;  
}
/*一覧画面*/
.ok_lq_qa_listC { margin-left:10px;width:77%;}
.ok_lq_qa_list_cSarcList {margin-left:10px;width:80%;}
.ok_lq_qa_listCset {margin-left:10px;width:77%;}
/*役に立つ */
.ok_useful_tex {width:410px;margin:0 auto;padding-top:10px;}/*可変*/
.ok_lq_answer_r {width:auto;}/*可変*/ 
/* ベストアンサー表示 */
.ok_lq_bestA_detail_r {width:auto;}
/* マイページ */
.ok_mypage_user_l {width:400px;}
/* お礼・補足後画面・マルチメディア画面 */
.ok_lq_thanks, .ok_lq_supple {width:98%;}
/* カテゴリー一覧画面_選択 */
.ok_cs_categorygroup {float:left;height:1%;margin:0 1px; width:281px;}/*可変*/
* html .ok_cs_categorygroup {width:280px;}/*IE6hack*/
 /*あなたにオススメの質問*/ 
.ok_osusume {border:1px solid #FF9D34; position:relative; margin:10px 0;}
.ok_osusume_title {background:#FFF4E8; border-bottom:1px solid #FF9D34; line-height:2; padding:0 0 0 37px; margin:0;}
#ok_osusume_pic {background:url(/images/common/osusume_pic.gif) left top no-repeat; height:47px;	width:27px;	top:-10px; left:5px; position:absolute;}
#ok_kqa_bottom_pos_id {position:relative;}
ul.ok_osusume_list {margin:5px 10px 10px; padding:5px 0 0;}
.ok_osusume_list li { background:url(/images/common/osusume_icon.gif) left top no-repeat; list-style:none; padding:2px 0 0 25px; margin:0 0 3px;}



/* カスタマイズ部分 */

/*
デカフッタ
------------------------------ */

* {
	margin:0;
	padding:0;
}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 83%;
	line-height: 1.4;
}

ul, ol, dl {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.menu {
	margin-top: 25px;
	padding: 10px 0 20px 0 !important;
	border: 1px solid #CDCDCC;
	width: 968px;
	overflow: hidden;
	text-align: left;
}


div.menu h2 {
	background: transparent url(http://oshiete.asp-net.jp/club/images/bg_menu_01.gif) repeat-x bottom;
	padding-bottom: 6px;
}

div.menu a.arrow {
	background-position: 2px 0.25em;
	display: block;
	padding-left: 18px;
}

div.menu a.arrow {
	background-image: url(http://oshiete.asp-net.jp/club/images/arrow_menu_01.gif);
	background-repeat: no-repeat;
}

div.menu ul.layout {
	margin-left: 23px;
	width: 100%;
}

div.menu ul.layout li.li01 {
	float: left;
	margin-right: 42px;
	width: 199px;
}

div.menu ul.layout li.li01 p {
	margin-bottom: 9px;
	padding-top: 15px;
	border-bottom: 2px solid #F4E34D;
}

div.menu ul.layout li#sumaiData p {
	border-bottom: 2px solid #D2D2E8;
}

div.menu ul.layout li.li01 ul li {
	margin-top: 4px;
	padding: 0;
	width: 199px;
}

#contentBlock div.navigation,
#contentBlock div.navigation ul,
#contentBlock div.crumb,
div.after ul,
div.menu ul.layout {
	zoom: 1;
}

#contentBlock div.navigation:after,
#contentBlock div.navigation ul:after,
#contentBlock div.crumb:after,
div.after ul:after,
div.menu ul.layout:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.aboutService {
	background: #EFEFEF;
	border: 1px solid #E4E4E4;
	clear: both;
	color: #333333;
	line-height: 120%;
	margin-top: 12px;
	padding: 5px;
	font-size: 90%;
	text-align:left;
}

.aboutService p {
	margin: 0;
	padding: 0;
}
/*
グローバルフッタ
------------------------------*/

#globalFooter {
	font-size: 90%;
	margin: 10px auto;
	font-family: "MS UI Gothic", "Osaka－等幅", monospace;
	line-height: 1.4;
	color: #000000;
}

#globalFooter strong {
	font-weight: normal;
}

#globalFooter div.brief {
	border-top: 1px solid #C5C5C5;
	width:100%;
}

#globalFooter div.brief p {
	background: transparent url(http://oshiete.asp-net.jp/club/images/line_dotted_gray_02.gif) repeat-x scroll left bottom;
	font-size: 83%;
	line-height: 1.3;
	padding: 8px 5px 7px;
	text-align: left;
}

#globalFooter div.brief ul {
	padding: 7px 5px 3px;
}

#globalFooter div.brief ul.about li {
	padding-right: 7px;
}

#globalFooter ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#globalFooter ul.about,
#globalFooter ul.about li,
#globalFooter ul.etc li,
#globalFooter p.logo {
	float: left;
}

#globalFooter ul.etc,
#globalFooter p.copyright {
	float: right;
}

#globalFooter div.information {
	background: transparent url(http://oshiete.asp-net.jp/club/images/bg_lined_01.gif) repeat-x scroll center top;
	clear: both;
	margin-top: 2px;
	overflow: hidden;
}

#globalFooter div.information ul {
	padding: 7px 5px;
}

#globalFooter div.information ul li {
	background: transparent url(http://oshiete.asp-net.jp/club/images/f_line_v_01.gif) no-repeat scroll right center;
	margin-right: 10px;
	padding-right: 10px;
}

#globalFooter div.information ul li.last, #globalFooter div.unit dl dd.last {
	background: transparent none repeat scroll 0 0;
	margin-right: 0;
	padding-right: 0;
}

#globalFooter div.credit {
	background: transparent url(http://oshiete.asp-net.jp/club/images/f_bg_cpy_01.gif) repeat-x scroll center top;
	clear: both;
	padding: 6px 0 4px;
}

#globalFooter div.credit p.logo img {
	margin-left: 5px;
}

#globalFooter div.credit p.copyright img {
	margin: 7px 5px 0 0;
}

#globalFooter div.brief div.briefwrap,
#globalFooter div.information,
#globalFooter div.credit,
#ok_main,
#ok_sub {
	zoom: 1;
}

#globalFooter div.brief:after,
#globalFooter div.information:after,
#globalFooter div.credit:after,
#ok_main:after,
#ok_sub:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

