@charset "UTF-8";
/* [www.realcom.co.jp]
 * Summary: styles for "vision" category
 * Modified: 2010-02-16 20:26:30.
 */

/* 基本要素 */
img{
	border: 0;
}
.navi {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
sup{
	line-height: .8;
	color: #333;
}

/* #head
 * --------------------- */
#head{
	background-color:#DDD;
	width:763px;
	margin:2px auto;
	padding:0;
}
#head img{
	margin:0;
	padding:0;
}
#head span{
	display:block;
	background-color:#7c7c7c;
	width:760px;
	height:27px;
	margin:1px 0 2px;
	padding:8px 5px auto auto;
	text-align:right;
	font-weight:bold;
	color:#FFF;
}

/* #Contents
 * --------------------- */
#Contents{
	position:relative;
	overflow: hidden;
	background-color:#DDD;
	margin: 0 auto 22px;
	padding-top: 13px;
	width:763px;
	color:#333;
}
#Contents p {
	margin: 10px;
	line-height: 1.4;
	color: #000;
} 
#Contents h1 {
	margin: 5px;
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	color: #333;
}
#Contents h2 {
	margin: 30px 5px 20px 5px;
	padding-left: 5px;
	font-size: 150%;
	vertical-align:middle;
	line-height: normal;
	font-weight: bold;
	color: #006;
	border-left: 6px solid #F60;
}
#Contents h3{
	margin:10px 0 0;
	font-size: 117%;
	line-height: 1.35;
	color: #006;
	font-weight:bold;
}
#Contents h4{
	margin:15px 0 0;
	font-size: 100%;
	line-height: 1.35;
	color: #333;
	font-weight:bold;
}
#Contents ul{
	margin:10px 25px;
}
#Contents ol{
	margin:10px 25px;
}
#Contents li{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.35;
	color: #333;
}
#Contents dl{
	margin: 5px;
	line-height: 1.35;
	color: #333;
}
#Contents dt{
	padding-top:5px;
	font-weight:bold;
	float:left;
}
#Contents dd{
	padding-top:5px;
	margin-top:0;
}
#Contents a {
	color: #06A;
	text-decoration: none;
}
#Contents a:hover {
	color: #F30;
	text-decoration: underline;
}

/* プロフィールエリア用 */
#prof{
	float:left;
	width:130px;
	margin:10px 0 10px 10px;
	display:block;
}
#prof p {
	margin: 5px;
	line-height: 1.35;
	color: #333;
} 
#prof .img {
	margin:10px auto;
	text-align:center
}
#prof a {
	color: #06A;
	font-weight:bold;
	text-decoration: none;
	display:inline;
}
#prof a:hover {
	color: #F30;
	font-weight:bold;
	text-decoration: underline;
	display:inline;
}

/* メインエリア用 */
#main{
	float:right;
	background-color:#FFF;
	width:610px;
	margin-bottom:30px;
	padding:20px 0;
}
#mainTitle{
	padding:20px;
	margin:0;
	text-align:center;
}
#mainText{
	padding:0px 20px;
	margin:0;
}
#mainText img{
	margin:10px;
}
/* 個別クラス */

.text12b {
	font-weight: bold; 
	line-height: 1.35;
	color: #333;
}
.column{
	background-color:#AEB5DB;
	width:550px;
	margin-top:30px;
	padding:10px;
}
.column h3{
	background-image:url('../../report/vision/rq_img/column_icon.gif');
	background-repeat:no-repeat;
	background-position:left center;
	margin:10px 0 0;
	padding:3px 3px 3px 44px;
	font-size: 117%;
	line-height: 1.35;
	color: #006;
	font-weight:bold;
}
.coffee{
	background-image:url('../../report/vision/rq_img/coffee_sm.gif');
	background-repeat:no-repeat;
	border:none;
	padding-top:20px;
	text-indent:50px;
	height:50px;
	display:block;
}
.caption{
	margin:2px 5px;
	font-size: 92%;
	line-height: 1.3;
	color: #333;
	clear:both;
}
dd .caption{
	margin:2px 5px;
	line-height: 1.4;
	color: #333;
}
.caption_l{
	margin:0px 15px;
	line-height: 1.4;
	color: #333;
}
.quot{
	background-color:#D2D5E4;
	margin-left:20px;
	margin-right:20px;
	padding:4px;
}
.underline{
	font-weight:normal;
	text-decoration:underline;
}
.BoxWithLine{
	margin:5px;
	border:1px solid #06A;
}
.center{
	text-align:center;
}
.bottom_navi{
	margin: 15px 5px 5px;
	line-height: normal;
	font-weight: bold;
	color: #006;
	clear:both;
}
.bottom_navi ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.bottom_navi li{
	display:inline;
	margin-right:15px;
}
.bottom_navi a{
	color: #06A;
}
.bottom_navi a:hover {
	color: #F30;
}
.inTextRight{
	margin:5px;
	padding:0;
	float:right;
}
.inTextLeft{
	margin:5px;
	padding:0;
	float:left;
}
.imgCenter{
	text-align:center;
	left: auto;
	right: auto;
	margin: 0;
}
.square{
	list-style-type:square;
}
.interviewer{
	margin:10px;
	border:1px solid #06A;
}
.interviewer img{
	float:left;
}

/* vol12専用　ソースぼろぼろ */
.extender{
	float:none;
}
div.extender{
	margin:30px 5px 5px;
	border:1px solid #06A;
}
h5.extender{
	position:relative;
	margin:0 auto;
	padding:0;
	top:-0.7em;
	width:300px;
	text-align:center;
	background:#FFF;

}
dt.extender,
dd.extender {
	margin-left:20px;
}

/* 角丸ボックス用 */
.RoundBox {
	margin:0 35px;
	padding-bottom: 16px;
	width: 500px;
	background-color: #D3D6E7;
	background-position: bottom;
	background-repeat: no-repeat;
}
.RoundBox h5{
	padding:16px 20px;
	background-repeat: no-repeat;
	line-height: 135%;
	color: #006;
	font-weight:bold;
	font-size: 117%;
}

/* 使ってる？ */
.topMargin10{
	margin-top:10px;
}
.topMargin30{
	margin-top:30px;
}
.indent20{
	margin-left:20px;
	margin-right:20px;
}
.clear{
	clear:both;
}
.none{
	margin:10px ;
	font-size: 0.8em;
	list-style:none;
}