/************************************************************************************************************************

共通

*************************************************************************************************************************/
/*h1/h2/h3...*/
div#leftside h1 span,
div#leftside h2 span,
div#leftside h3 span,
div#leftside h4 span,
div#leftside h5 span { display:none; }

/* --- その他--- */
img.img_l { float:left; }

img.img_r { float:right; }

img.img_left {
	float:left;
	margin-top:7px;
	margin-right:15px;
}

img.img_center {
	margin:0 auto;
	display:block;
}

img.img_right {
	float:right;
	margin-left:15px;
	margin-bottom:8px;
}

.m_b50 { margin-bottom:50px; }

.m_b20 { margin-bottom:20px; }

.p_b20 { padding-bottom:20px; }

.m_t10 { margin-top:10px; }

.smlnote {
	font-size:11px;
	line-height:140%;
}


/************************************************************************************************************************

コンテンツトップ(index.html)

*************************************************************************************************************************/
h1 {
	display:block;
	width:709px;
	height:auto;
}

/*コンテンツ一覧へリンク*/
p.back_contentsList {
	display:block;
	float:left;
	width:350px;
	height:16px;
	background:url(/html-files/it/common/images/icon_cmn_07.gif) no-repeat scroll 1px center transparent;
	font-size:12px;
	padding-left:18px;
	margin-top:7px;
	line-height:16px;
}

p.back_contentsList a {
	color:#0073af;
	text-decoration:underline;
}

p.back_contentsList a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/*前置きテキスト------------*/
p.intro {
	display:block;
	float:left;
	width:710px;
	height:auto;
	font-size:14px;
	line-height:140%;
	padding-top:15px;
	padding-bottom:25px;
}

/*ピックアップ記事-----------------------------------------*/
h2#pickup {
	display:block;
	float:left;
	width:710px;
	height:13px;
	margin-bottom:15px;
}

/*IE7*/
*+html p#pickup { margin-bottom:10px; }

div.archive {
	float:left;
	width:710px;
	height:auto;
	margin-bottom:10px;
}

/*記事見出し(タイトルが1行の場合)-----*/
div.archiveBox_top {
	float:left;
	width:709px;
	height:46px;
	background:url(/html-files/it/common/images/article/bg_article_01.jpg) no-repeat scroll left top transparent;
}

div.archiveBox_top p.date {
	display:block;
	float:left;
	width:71px;
	height:20px;
	background:#313131;
	color:#FFFFFF;
	border-left:#ff9900 solid 5px;
	font-size:12px;
	margin-top:10px;
	margin-left:11px;
	padding-left:8px;
	line-height:20px;
}

/*IE6*/
* html div.archiveBox_top p.date { line-height:22px; }

/*IE7*/
*+html div.archiveBox_top p.date { line-height:22px; }

/*IE8*/
div.archiveBox_top p.date/***/ { line-height:22px; }

div.archiveBox_top h3 {
	display:block;
	float:left;
	width:570px;
	height:20px;
	margin-top:13px;
	margin-left:11px;
}

div.archiveBox_top h3 a {
	color:#0073af;
	text-decoration:underline;
	font-weight:bold;
	font-size:16px;
}

div.archiveBox_top h3 a:hover {
	color:#ff6a00;
	text-decoration:underline;
	font-weight:bold;
	font-size:16px;
}

/*記事見出し(タイトルが2行の場合)------*/
div.archiveBox_top02 {
	float:left;
	width:707px;
	background:url(/html-files/it/common/images/article/bg_article_all.gif) repeat-x bottom;
	background-color:#F7F8F9;
	border-top:1px solid #D5DBDF;
	border-right:1px solid #D5DBDF;
	border-left:1px solid #D5DBDF;
	padding-bottom:15px;
}

div.archiveBox_top02 p.date {
	display:block;
	float:left;
	width:71px;
	height:20px;
	background:#313131;
	color:#FFFFFF;
	border-left:#ff9900 solid 5px;
	font-size:12px;
	margin-top:10px;
	margin-left:11px;
	padding-left:8px;
	line-height:20px;
}

div.archiveBox_top02 p.lecturer2 {
	display:block;
	float:left;
	width:auto;
	height:20px;
	background:#FF6600;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-left:6px;
}

div.archiveBox_top02 p.lecturer {
	display:block;
	float:left;
	width:auto;
	height:20px;
	background:#016FDC;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-left:6px;
}

/*IE6*/
* html div.archiveBox_top02 p.date,
* html div.archiveBox_top02 p.lecturer { line-height:22px; }

/*IE7*/
*+html div.archiveBox_top02 p.date,
*+html div.archiveBox_top02 p.lecturer { line-height:22px; }

/*IE8*/
div.archiveBox_top02 p.date/***/,
div.archiveBox_top02 p.lecturer/***/ { line-height:22px; }

div.archiveBox_top02 h3 {
	display:block;
	float:left;
	width:680px;
	height:auto;
	margin-top:9px;
	margin-left:11px;
}

div.archiveBox_top02 h3 a {
	color:#0073af;
	text-decoration:underline;
	line-height:130%;
	font-weight:bold;
	font-size:16px;
}

div.archiveBox_top02 h3 a:hover {
	color:#ff6a00;
	text-decoration:underline;
	line-height:130%;
	font-weight:bold;
	font-size:16px;
}

/*記事部分--------------------------*/
div.archiveBox_btm {
	float:left;
	width:681px;
	height:auto;
	border:#d5dbdf solid 1px;
	border-top:none;
	padding:12px 13px;
}

div.archiveBox_btm p.text {
	font-size:12px;
	line-height:140%;
}

div.archiveBox_btm p.text a { text-decoration:underline; }

/*詳しくはこちらリンク*/
p.goto_details {
	display:block;
	float:left;
	width:100px;
	height:21px;
	background:url(/html-files/it/common/images/icon_cmn_14.gif) no-repeat scroll 0px center transparent;
	padding-left:17px;
	margin-top:7px;
	font-size:12px;
	line-height:21px;
}

p.goto_details a {
	color:#0073af;
	text-decoration:underline;
}

p.goto_details a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/*過去記事一覧-----------------------*/
div#archive_list {
	float:left;
	width:709px;
	height:auto;
	border-bottom:#cccccc dotted 1px;
	padding-top:10px;
	margin-bottom:5px;
}

/*IE7*/
*+html div#archive_list { padding-top:20px; }

div#archive_list dl {
	display:block;
	float:left;
	width:708px;
	height:20px;
	font-size:12px;
	color:#666666;
}

div#archive_list dt {
	display:block;
	float:left;
	width:85px;
	height:15px;
	background:url(/html-files/it/common/images/icon_cmn_15.gif) no-repeat scroll 0px 5px transparent;
	padding-left:12px;
}

div#archive_list dd a {
	color:#0073af;
	text-decoration:underline;
}

div#archive_list dd a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/*すべての記事を見るリンク----------*/
p.all_articles {
	display:block;
	float:right;
	width:110px;
	height:21px;
	background:url(/html-files/it/common/images/icon_cmn_14.gif) no-repeat scroll 1px center transparent;
	padding-left:18px;
	margin-top:10px;
	margin-bottom:17px;
	font-size:12px;
	line-height:21px;
}

p.all_articles a {
	color:#0073af;
	text-decoration:underline;
}

p.all_articles a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/************************************************************************************************************************

記事詳細

*************************************************************************************************************************/
div#new_articleArea {
	width:709px;
	height:100%;
	clear:both;
}

div#new_articleArea h2 {
	display:block;
	width:709px;
	height:auto;
	padding-top:15px;
	padding-bottom:10px;
}

/*記事内 参照リンク*/
div#new_articleArea .link_reference a.icon_anchor {
	display: inline-block;
	background:url(/html-files/it/common/images/icon_cmn_03.gif) no-repeat scroll 3px 4px transparent;
	padding-left: 15px;
}

div#new_articleArea .link_reference a.icon_blank {
	display: inline-block;
	background:url(/html-files/it/common/images/icon_cmn_target-blank.gif) no-repeat scroll 0px 4px transparent;
	padding-left: 15px;
}

/*前月翌月サポートへのリンク*/
#links_pre_back {
	clear:both;
	font-size:12px;
	padding:15px 0 0;
	margin-bottom:20px;
}

#links_pre_back img { vertical-align:top; }

#links_pre_back #link_previous {
	width:48%;
	float:left;
	text-align:left;
}

#links_pre_back #link_next {
	width:48%;
	float:right;
	text-align:right;
}

#links_pre_back .link_support {
	clear:both;
	padding:20px 0;
}

#links_pre_back .link_support img { float:left; }

#links_pre_back .link_support div {
	float:left;
	padding-top:3px;
	margin-left:10px;
}

#links_pre_back .link_support div p {
	text-indent:-1.5em;
	padding-left:1.5em;
}

#links_pre_back .link_support div a {
	background-image:url(/html-files/it/common/images/icon_cmn_01.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:underline;
	padding-left:1.5em;
}

/*各ページへもどるリンク*/
p.goto_backpage {
	float:left;
	width:400px;
	background:url(/html-files/it/common/images/icon_cmn_07.gif) no-repeat scroll 1px center transparent;
	font-size:12px;
	line-height:16px;
	padding-left:18px;
	margin-top:7px;
}

p.goto_backpage a {
	color:#0073af;
	text-decoration:underline;
}

p.goto_backpage a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

/*このページをクリップボタン*/
p.clip {
	display:block;
	float:right;
	width:150px;
	height:21px;
	margin-top: 7px;
	margin-bottom: 5px;
}

/*前置きテキスト--------------*/
p#lead {
	display:block;
	width:709px;
	height:auto;
	font-size:12px;
	line-height:140%;
	color:#333333;
	padding-top:10px;
	padding-bottom:15px;
}

p.lead {
	display:block;
	width:709px;
	height:auto;
	font-size:12px;
	line-height:140%;
	color:#333333;
	padding-top:10px;
	padding-bottom:15px;
}

/*関連リンク------------------*/
ul#relation_link {
	display:block;
	width:652px;
	font-size:12px;
	background:url(/html-files/it/common/images/icon_cmn_18.jpg) no-repeat scroll left top transparent;
	padding-left:57px;
	padding-bottom:10px;
	clear:both;
}

ul#relation_link li {
	background:url(/html-files/it/common/images/icon_cmn_16.gif) no-repeat scroll 1px 4px transparent;
	margin-bottom:3px;
	line-height:1.5em;
}

ul#relation_link li.icon-blank {
	background:url(/html-files/it/common/images/icon_cmn_target-blank.gif) no-repeat scroll 0px 4px transparent;
	padding-left: 5px;
	margin-left: -5px;
}

ul#relation_link li.no-blt { background: none; }

ul#relation_link li a {
	color:#0073af;
	text-decoration:underline;
	font-weight:bold;
	padding-left:10px;
}

ul#relation_link li a:hover {
	color:#ff6a00;
	text-decoration:underline;
	font-weight:bold;
	padding-left:10px;
}

ul#relation_link p {
	padding-left:10px;
	margin-bottom:8px;
}

/*その他リンク----------------*/
div#other_link {
	width:709px;
	clear:both;
	border-top:#CCCCCC dotted 1px;
}

/* バナーつき関連リンク------------------ */
ul.linklist_relation {
	width:652px; margin:10px 0 0; padding-left:57px; padding-bottom:10px;
	font-size:12px; clear:both; }
ul.linklist_relation .pic  { float: left; width: 220px;}
ul.linklist_relation .pic img { width: 218px; height: auto; border: 1px solid #ccc; border-radius: 5px; }
ul.linklist_relation .text { float: right; width: 410px; margin-bottom: 8px;}
ul.linklist_relation a { font-weight: bold; }
ul.linklist_relation .text p:first-child {}
ul.linklist_relation .text p.title a.icon_blank {
	display: inline-block;
	background:url(/html-files/it/common/images/icon_cmn_target-blank.gif) no-repeat scroll 0px 0.5em;
	padding-left: 15px; }
ul.linklist_relation .text p.title + p { margin: 5px 0 0 15px; line-height: 1.4em; }

/*IE6*/
* html div#keiri { margin-bottom:30px; }

* html div.keiri { padding-top:30px; }

* html div#btm_ie6 { margin-top:0px; }

* html div#btm_ie602 { margin-top:-20px; }

* html div.btm_ie602 { padding-top:30px; }

/*-----------------------------------------------------------------------------------------------

記事詳細 - 実務者のためのCAD読本[cad_lecture]

------------------------------------------------------------------------------------------------*/
div#introduction {
	width:709px;
	height:auto;
	background:url(/html-files/it/cad_lecture/images/201109/bg_201109_01.jpg) repeat-y;
}

div#introduction p#introduction_title {
	display:block;
	width:709px;
	height:41px;
}

div#introduction p#introduction_text {
	display:block;
	width:680px;
	height:auto;
	font-size:12px;
	line-height:150%;
	padding-top:12px;
	margin-left:15px;
}

div#introduction_btm {
	width:709px;
	height:30px;
	background:url(/html-files/it/cad_lecture/images/201109/bg_201109_02.jpg) no-repeat;
	margin-bottom:10px;
}

div#cad_lecture_textArea {
	width:678px;
	height:auto;
	border:#4d6688 solid 2px;
	border-top:none;
	padding:22px 13px 22px 14px;
	margin-bottom:5px;
}

div#cad_lecture_textArea h3 {
	margin-top:20px;
	margin-bottom:15px;
}

div#cad_lecture_textArea h4 {
	margin-top:0.5em;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

div#cad_lecture_textArea h5 {
	margin-top:0.25em;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
}

div#cad_lecture_textArea h5.larger {
	background:url(/html-files/it/cad_lecture/images/201207/kgr_201207_01.jpg) no-repeat;
	margin-top:0.25em;
	padding:10px 0 10px 0em;
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

div#cad_lecture_textArea p.text {
	font-size:12px;
	line-height:150%;
}

div#cad_lecture_textArea p.btext {
	font-size:12px;
	line-height:150%;
	font-weight:bold;
}

div#cad_lecture_textArea p.text_clear {
	font-size:12px;
	line-height:150%;
	clear:both;
}

div#cad_lecture_textArea p.text span { font-weight:bold; }

div#cad_lecture_textArea p span.caution {
	font-weight:normal;
	color:#f00;
}

div#cad_lecture_textArea p span.bcaution {
	font-weight:bold;
	color:#f00;
}

div#cad_lecture_textArea div.boxText {
	border:1px solid #D8D8D8;
	padding:10px;
	background-color:#F4F3F2;
	margin-bottom:20px;
}

p#reference {
	font-size:10px;
	text-align:right;
	margin-top:14px;
}

.m_tb10 { margin:10px 0; }

.m_t7 { margin-top:7px; }

.m_t10b20 { margin:10px 0 20px; }

.m_tb15 { margin:15px 0; }

div#cad_lecture_textArea img.m_t10b20c {
	display:block;
	margin:10px auto 20px auto;
}

.clear_both { clear:both; }

/* 20140108 add cad_lecture_textAreaのクラス↓*/

div.cad_lecture_textArea {
	width:678px;
	height:auto;
	border:#4d6688 solid 2px;
	border-top:none;
	padding:22px 13px 22px 14px;
	margin-bottom:5px;
}

div.cad_lecture_textArea h3 {
	margin-top:20px;
	margin-bottom:15px;
}

div.cad_lecture_textArea h4 {
	margin-top:0.5em;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

div.cad_lecture_textArea h5 {
	margin-top:0.25em;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
}

div.cad_lecture_textArea h5.larger {
	background:url(/html-files/it/cad_lecture/images/201207/kgr_201207_01.jpg) no-repeat;
	margin-top:0.25em;
	padding:10px 0 10px 0em;
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
}

div.cad_lecture_textArea p.text {
	font-size:12px;
	line-height:150%;
}

div.cad_lecture_textArea p.btext {
	font-size:12px;
	line-height:150%;
	font-weight:bold;
}

div.cad_lecture_textArea p.text_clear {
	font-size:12px;
	line-height:150%;
	clear:both;
}

div.cad_lecture_textArea p.text span { font-weight:bold; }

div.cad_lecture_textArea p span.caution {
	font-weight:normal;
	color:#f00;
}

div.cad_lecture_textArea p span.bcaution {
	font-weight:bold;
	color:#f00;
}

div.cad_lecture_textArea div.boxText {
	border:1px solid #D8D8D8;
	padding:10px;
	background-color:#F4F3F2;
	margin-bottom:20px;
}

div.cad_lecture_textArea img.m_t10b20c {
	display:block;
	margin:10px auto 20px auto;
}
/* 20140108 add cad_lecture_textAreaのクラス↑*/


/*-----------------------------------------------------------------------------------------------

記事詳細 - 経理ママ・改善尚未のなるほど！経理給与[keiri_mama] 

------------------------------------------------------------------------------------------------*/

div.conversationArea {
	width:677px;
	height:auto;
	min-height:190px;
	background:url(/html-files/it/keiri_mama/images/201109/bg_201109_01.gif) repeat-y scroll left top transparent;
	padding:11px 16px;
}

div.conversationArea p {
	font-size:12px;
	line-height:190%;
}

div.conversationArea .m_t3 { margin-top:3px; }

div.conversationArea .m_t8 { margin-top:8px; }

span.president {
	color:#0066cc;
	font-weight:bold;
	margin-right:13px;
}

span.mama {
	color:#ff3366;
	font-weight:bold;
	margin-right:13px;
}

span.chiezo {
	color:#73af0e;
	font-weight:bold;
	margin-right:13px;
}

span.president2 {
	color:#0066cc;
	font-weight:bold;
}

span.mama2 {
	color:#ff3366;
	font-weight:bold;
}

span.chiezo2 {
	color:#73af0e;
	font-weight:bold;
}

span.attention {
	color:#FF0000;
	font-weight:bold;
}

p.attention { margin-top: 20px; }

div.conversationArea_btm {
	width:709px;
	height:4px;
	background:url(/html-files/it/keiri_mama/images/201109/bg_201109_02.gif) no-repeat;
	margin-bottom:13px;
}

img.bashi { margin-right:557px; }

img#mama_left {
	float:left;
	margin-top:7px;
	margin-right:15px;
	margin-bottom:20px;
}

/*IE6*/
* html div.conversationArea img#mama_left { margin-bottom:0px; }

/*IE7*/ 
*+html div.conversationArea img#mama_left { margin-bottom:0px; }

/*IE8*/
div.conversationArea img#mama_left/***/ { margin-bottom:0px; }

div#charactersArea {
	float:left;
	width:679px;
	background:url(/html-files/it/keiri_mama/images/201109/bg_201109_03.gif) repeat-y;
	padding:11px 14px 11px 16px;
}

* html div#new_articleArea h4.character_tit { margin-top:-20px; }

div.character {
	float:left;
	width:226px;
	font-size:12px;
	line-height:130%;
}

div.character img {
	float:left;
	margin-right:5px;
}

div.character p {
	display:block;
	float:left;
	width:122px;
}

div.character p.name { margin-bottom:5px; }

div#charactersArea_btm {
	clear:both;
	width:709px;
	height:4px;
	background:url(/html-files/it/keiri_mama/images/201109/bg_201109_04.gif) no-repeat;
	margin-bottom:5px;
}

* html div#charactersArea_btm { margin-bottom:-20px; }

/*201202*/
div.articleArea {
	width:673px;
	height:auto;
	min-height:190px;
	background:url(/html-files/it/keiri_mama/images/201109/bg_201109_01.gif) repeat-y scroll left top transparent;
	padding:11px 18px;
}

div.articleArea .article { margin-left:1em; }

div.articleArea p {
	font-size:12px;
	line-height:150%;
}

div.articleArea h4 {
	font-weight:bold;
	font-size:14px;
}

div.articleArea h5 {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
}

div.articleArea h5.mdbrt {
	font-weight:bold;
	font-size:12px;
	color:#630;
}

div.articleArea h6 {
	margin-top:1em;
	font-weight:bold;
	font-size:12px;
	color:#630;
}

div.articleArea #list_index {
	margin-top:5px;
	font-weight:bold;
	color:#f30;
}

div.articleArea ul#links {
	margin:0 0 50px 1em;
	font-size:12px;
	line-height:200%;
	list-style:url(/html-files/it/common/images/icon_cmn_16.gif);
}

div.articleArea ul#links a { font-weight:bold; }

div.articleArea ul#links li ul {
	margin:0 0 15px 1em;
	font-size:12px;
	line-height:200%;
	list-style:url(/html-files/it/common/images/icon_cmn_16.gif);
}

div.articleArea .images { margin-top:10px; }

div.articleArea p.goto_pageLink_list {
	text-align:right;
	margin:1em 0 20px;
	clear:both;
}

div.articleArea .conversation {
	border-top:1px dotted #999;
	padding-top:20px;
}

/*201203*/
div.articleArea ul#links ul {
	margin:0 0 50px 1em;
	font-size:12px;
	line-height:200%;
	list-style:url(/html-files/it/common/images/icon_cmn_16.gif);
}

div.articleArea ul#links ul a { font-weight:normal; }

div.articleArea ol {
	margin:1em 1em;
	list-style-type:none;
	font-size:12px;
	line-height:150%;
}

div.articleArea .article p.caption201203 {
	margin-top:1em;
	font-weight:bold;
}

div.articleArea .article p.caption201203s {
	margin-top:1em;
}

div.articleArea .article p.note201203 {
	margin-top:1em;
	font-weight:bold;
	color:#f00;
}

div.articleArea .article span.note {
	font-weight:bold;
}
div.articleArea span.caution {
	color:#f00;
}

div.articleArea p span {
	font-weight:bold;
}








/*-----------------------------------------------------------------------------------------------

記事詳細 - 仕事効率を上げる「パソコン手帖」[pc_techo]

------------------------------------------------------------------------------------------------*/

div#pageLink_list_top {
	width:709px;
	height:12px;
	background:url(/html-files/it/pc_techo/images/bg_pc_techo_01.jpg) no-repeat;
}

div#pageLink_list_mid {
	width:707px;
	height:auto;
	background:#f7f5ee;
	border-left:#eeeeee solid 1px;
	border-right:#eeeeee solid 1px;
}

/*IE6*/
* html div#pageLink_list_mid { margin-top:-15px; }

ul#pageLink_list {
	display:block;
	width:637px;
	height:auto;
	min-height:44px;
	background:url(/html-files/it/pc_techo/images/prt_pc_techo_01.jpg) no-repeat scroll 10px center transparent;
	padding-left:70px;
}

ul#pageLink_list li {
	line-height:170%;
	font-size:12px;
	background:url(/html-files/it/common/images/icon_cmn_16.gif) no-repeat scroll 1px 6px transparent;
	padding-left:11px;
}

ul#pageLink_list li a {
	color:#0073af;
	text-decoration:underline;
}

ul#pageLink_list li a:hover {
	color:#ff6a00;
	text-decoration:underline;
}

div#pageLink_list_btm {
	width:709px;
	height:12px;
	background:url(/html-files/it/pc_techo/images/bg_pc_techo_02.jpg) no-repeat;
	margin-bottom:20px;
}

h4.howto_title { float:left; }

div.howtoArea {
	float:left;
	width:652px;
	height:auto;
	background:#f7f5ee;
	border-left:#f4f2e8 solid 1px;
	border-right:#f4f2e8 solid 1px;
	padding-left:18px;
	padding-right:27px;
	padding-top:15px;
	padding-bottom:10px;
	margin-left:10px;
}

div.howtoArea_t15 {
	float:left;
	width:652px;
	height:auto;
	background:#f7f5ee;
	border-left:#f4f2e8 solid 1px;
	border-right:#f4f2e8 solid 1px;
	padding-left:18px;
	padding-right:27px;
	padding-top:15px;
	padding-bottom:10px;
	margin-left:10px;
	margin-top:15px;
}

div.howtoArea p {
	font-size:12px;
	line-height:150%;
}

div.howtoArea p.clear_both {
	font-size:12px;
	line-height:150%;
	clear:both;
}

div.howtoArea_top {
	float:left;
	width:699px;
	height:12px;
	background:url(/html-files/it/pc_techo/images/bg_pc_techo_01.jpg) no-repeat;
	margin:0 0 -15px 10px;
}

div.howtoArea_btm {
	float:left;
	width:699px;
	height:12px;
	background:url(/html-files/it/pc_techo/images/bg_pc_techo_03.jpg) no-repeat;
	margin-left:10px;
	margin-bottom:20px;
}

/*IE6*/
* html div.howtoArea { margin-left:5px; }

* html div.howtoArea_btm { margin-left:5px; }

div#columnArea {
	float:left;
	width:659px;
	height:auto;
	border-left:#c4e1ff solid 1px;
	border-right:#c4e1ff solid 1px;
	padding-top:15px;
	padding-left:21px;
	padding-right:27px;
}

div#columnArea p {
	font-size:12px;
	line-height:150%;
}

div#columnArea_btm {
	float:left;
	width:709px;
	height:18px;
	background:url(/html-files/it/pc_techo/images/bg_pc_techo_04.gif) no-repeat;
	margin-bottom:20px;
}

/*目次へ戻るボタン*/
p.goto_pageLink_list {
	text-align:right;
	margin-bottom:20px;
	clear:both;
}

/*クレジット*/
p.credit {
	text-align:right;
	font-size:12px;
	margin-bottom:20px;
	line-height:12px;
}

/*2011年9月記事文字レイアウト////////////////*/
p.howto_text01 {
	display:block;
	float:left;
	width:323px;
	height:auto;
	padding-right:40px;
}

p.howto_text02 {
	display:block;
	float:left;
	width:270px;
	height:auto;
}

p.howto_text03 {
	display:block;
	float:left;
	width:650px;
	height:auto;
}

p.howto_text04 {
	display:block;
	float:left;
	width:361px;
	height:auto;
	margin-bottom:10px;
}

/*2011年10月記事文字レイアウト////////////////*/
p#text201110_01 {
	display:block;
	float:left;
	width:304px;
	height:auto;
	margin-right:43px;
}

p#text201110_02 {
	display:block;
	float:left;
	width:304px;
	height:auto;
}

p#text201110_03 {
	display:block;
	float:left;
	width:325px;
	height:auto;
	margin-right:14px;
}

p.text201110_03 {
	display:block;
	float:left;
	width:325px;
	height:auto;
	margin-right:14px;
}

p#text201110_04 {
	display:block;
	float:left;
	width:313px;
	height:auto;
}

p.text201110_04 {
	display:block;
	float:left;
	width:313px;
	height:auto;
}

p span.num {
	color:#FF6600;
	font-weight:bold;
}

/*2011年11月記事文字レイアウト////////////////*/
p.w304mr43 {
	display:block;
	float:left;
	width:304px;
	height:auto;
	margin-right:43px;
}

p.w304 {
	display:block;
	float:left;
	width:304px;
	height:auto;
}

p.w304clear {
	display:block;
	float:left;
	width:304px;
	height:auto;
	clear:both;
}

/*2011年12月記事文字レイアウト////////////////*/
div#new_articleArea h3 { clear:both; }

div.two_column .lead {
	float:left;
	width:350px;
}

div.two_column .right_img {
	float:right;
	padding-top:15px;
}

div#columnArea .columnRight {
	width:300px;
	float:right;
	padding-left:20px;
}

div#columnArea .columnRight .caption {
	width:300px;
	padding-top:10px;
	clear:both;
}

div#new_articleArea a { text-decoration:underline; }

/*2012年1月記事文字レイアウト////////////////*/
p.howto_text05 {
	display:block;
	float:left;
	width:290px;
	height:auto;
	margin-left:10px;
}

/*2012年2月記事文字レイアウト////////////////*/
div#new_articleArea h4.text201202 {
	font-size:12px;
	font-weight:bold;
	color:#f30;
}

div#new_articleArea h5.text201202 {
	font-size:12px;
	font-weight:bold;
}

div#new_articleArea p.text201202 { padding-top:0; }

div#new_articleArea p.capL201202 {
	margin:0 0 0 42px;
	display:block;
	float:left;
	width:222px;
	height:auto;
}

div#new_articleArea p.capR201202 {
	margin:0 42px 0 0;
	display:block;
	float:right;
	width:222px;
	height:auto;
}

div#new_articleArea p.capC201202 {
	height:auto;
	text-align:center;
}

div#new_articleArea img.img201202 { margin-bottom:10px; }

div#new_articleArea #columnArea p.img_b201202 { margin-top:10px; }

div#columnArea .columnRight .caption_center {
	width:300px;
	padding-top:10px;
	text-align:center;
	clear:both;
}

/*2012年3月記事文字レイアウト*/
div#new_articleArea .img201203 {
	margin:0 45px;
	width:223px;
}

div#new_articleArea .leftside { float:left; }

div#new_articleArea .rightside { float:right; }

div#new_articleArea h4.text201203 {
	font-size:12px;
	font-weight:bold;
	clear:both;
}

.icon201203 { margin-right:5px; }

div#columnArea p.text201203 {
	margin-bottom:1em;
	clear:both;
}

div#columnArea p.text201203 img { margin:0 0 12px 12px; }


/* パソコン手帖　汎用 */

div#new_articleArea p.content{
	display:block;
	clear:both;
	margin-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	line-height:1.5em;
}

div#new_articleArea p.caption{
	display:block;
	clear:both;
	margin-left: 10px;
	font-size: 11px;
	line-height:1.5em;
}

div#new_articleArea p.imgbox{
	display:block;
	clear:both;
	margin-left: 10px;
	font-size: 12px;
	line-height:1.5em;
}

div#new_articleArea p.content img{
	padding-bottom:15px;
}

div#new_articleArea p.content span.b{
	font-weight:bold;
}








/*-----------------------------------------------------------------------------------------------

記事詳細 - スペシャル・インタビュー縦横無人[interview] 

------------------------------------------------------------------------------------------------*/
div#qaArea {
	width:709px;
	border-bottom:#EAEAEA solid 1px;
	margin-bottom:5px;
}

p.q_text {
	color:#FF3300;
	font-size:12px;
	line-height:150%;
	margin-bottom:3px;
}

p.a_text {
	color:#333333;
	font-size:12px;
	line-height:160%;
	margin-bottom:20px;
}

p.a_text_mb10 {
	color:#333333;
	font-size:12px;
	line-height:160%;
	margin-bottom:10px;
}

p.a_smalltext {
	color:#333333;
	font-size:11px;
	line-height:150%;
	margin-bottom:20px;
}



p#writer {
	font-size:12px;
	margin-top:45px;
	margin-bottom:40px;
}

/*画像・テキストマージン////////////////*/
.btm7 { margin-bottom:7px; }

.btm15 { margin-bottom:15px; }

.btm40 { margin-bottom:40px; }

.top5 { margin-top:5px; }

.top15 { margin-top:15px; }

.top30 { margin-top:30px; }

.auto_center{
text-align:center;
}


/*IE6*/
* html ie6_btm01 { margin-bottom:20px; }


/*特殊文字////////////////*/
.phi {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}