@charset "utf-8";

/* ----------------------------------------------- */
/* 記事タイトル周辺部分                              */
/* ----------------------------------------------- */

/* 記事タイトル全体（右寄せ背景のカンバンとタイトル文字全体） */
#title-parts{
  width:605px;
  float:left;
	background-position:right top;
}

/* 記事タイトル（テキストの部分だけ）*/
#title{
	width:400px;
	height:120px;
	padding:5px 10px;
	background-color:#fff;
}
* html #title{
	width:420px;
}
/* ▼ h1はメインタイトル、h2はサブ、h3はコラムタイトル ▼ */
#title h1{
	font-size:1.4em;
	line-height:1.1em;
	width:400px;
	background-color:#fff;
	margin-bottom:5px;
}
#title h2{
	font-size:1.0em;
	line-height:1.2em;
	font-weight:normal;
	width:400px;
	margin-bottom:5px;
}
#title h3{
	font-size:0.8em;
	font-weight:bold;
	border-bottom: 1px dotted #808080;
	margin-bottom:5px;
	width:400px;
}
#title h3 a{
	color:#808080;
}
#title h3 a:hover{
	color:#000000;
}

.date{
	font-size:0.8em;
	font-weight:bold;
}
.author{
	font-size:1.0em;
	font-weight:bold;
}

/*
*****************************************************
▼筆者プロフィール、コラムについて、関連記事（枠線とか）▼
*****************************************************
*/
#column-Detail{
	width:584px;
	height:80px;
	background-color:#fff;
	padding:8px;
	border-left:solid 1px #787575;
	border-right:solid 1px #787575;
	border-bottom:solid 1px #787575;
	border-top:solid 1px #787575;
	/*overflow-y:scroll;*/
	/* overflow-y:auto; */
	overflow:auto;
	clear:both;
}
* html #column-Detail{
	width:602px;
	height:98px;
}
/* 筆者の顔写真 */
#column-Detail * .figure-left {
	float:left;
	clear:none;
	margin-right:10px; /* 本文との右余白 */

}
#column-Detail * .figure-left span{
	font-size:12px;
	color:#808080;
}
#column-Detail * p{ /* 筆者、コラム紹介の本文 */
	font-size:12px;
	line-height:16px;
	color:#808080;
}


/* */
/*▼筆者プロフィール、コラムについて、関連記事の中身▼*/
/* 初期状態で表示、非表示を指定する */
#DTab1-box{
  display:block; /* 変更不可 */
}
#Dtab2-box{
  display:none; /* 変更不可 */
}

/*筆者プロフ、コラムについてなどのリンク設定*/

#Dtab1-box a, #Dtab2-box a {
	color:#181c8c;
}
#Dtab1-box .more, #Dtab2-box .more{
	clear:both;
	float:right;
	font-size:12px;
}
#Dtab1-box a:hover, #cDetail2 a:hover{
	color:#00968c;
}
.Detail-mobilecode{/*このコラムについてにQRコード*/
	float:right;
	margin-left:10px;
}

/* ▼ ↑上記部分のタブ ▼ */
#Dtab1{
	margin-right:1px;
	margin-left:0px;
	width:111px;
	height:21px;
	float:left;
	background-image:url(http://wedge.ismedia.jp/common/images/v1/article/Dtab1-b.gif);
	cursor:pointer;
}
#Dtab2{
	margin-right:5px;
	width:111px;
	height:21px;
	float:left;
	background-image:url(http://wedge.ismedia.jp/common/images/v1/article/Dtab2-a.gif);
	cursor:pointer;
}

/*タブタイトル（非表示）*/
#Dtab1 span,#Dtab2 span{
	display:none;
}
/*▼サービスメニュー（プリント、RSS、フォントサイズレイアウト）▼*/
#service-menu{
	float:right;
	height:15px;
	margin:10px 7px 0px 0px;
	padding:0px;
	font-size:13px;
}
#service-menu img {
	margin-right:5px;
}
/* toolbar start */
.tools{
        cursor:pointer;
        width:68px;
        float:left;
        margin-left:0px;
        margin-left:3px;
        padding:1px;
        text-align:left;
}
.tools img{
        border:none;
        margin:2px;
        margin-right:3px;
        vertical-align: middle;
}
.tools ul{
        list-style-type: none;
        list-style-position: outside;
        margin:0px;
        padding:0px;
}
* html .tools ul {
        position:absolute;
}
.tools ul li a{
        display: block;
}
* html .tools ul li a {
        display:inline;
        width:72px;
}
* html .tools ul li.on a {
        display:block;
        width:72px;
}
.tools ul li ul{
        display: none;
}
.tools ul li.off ul{
        display: none;
}
.tools ul li.on ul {
        display: block;
        position: absolute;
        z-index: 999;
        border:solid 1px #ccc;
        background-color:#000;
        /*width:130px;*/
}
.tools ul li.on ul li {
        display:block;
        float:left;
        /*width:120px;*/
        line-height:0px;
        padding:3px 5px;
        background-color:#fff;
}
* html .tools ul li.on ul li a{
        /*width:130px;*/
}

#toolsbm ul li.on ul {width:170px;}
#toolsbm ul li.on ul li {width:160px;}
* html #toolsbm ul li.on ul li a{width:170px;}

#toolresize ul li.on ul {width:120px;}
#toolresize ul li.on ul li {width:110px;}
* html #toolresize ul li.on ul li a{width:120px;}
/* toolbar end */