@charset "utf-8";
/**********************************************/
/* 導入事例用CSS                             */
/**********************************************/
@import 'sidebar_cstudy.css';

/* グローバルナビ背景変更 */
.topnavi {
	background: url("/common_img/topnavi_bg_05.jpg");
}

/* サイドバータイトル背景変更 */
.sidebar-inner-top {
    background: url("/common_img/navi_head_cstudy.jpg") no-repeat top;
    width:100%;
    height:60px;
}

.sidebar-inner-top h2{
  display: none;
}

.sidebar-inner-content-list-inner h3 { 
  line-height: 110%;
}

/* ここがポイント用テキスト */
span.em_sub_text {
	font-size:85%;
	font-weight:800;
	line-height: 125%;
 }

/***********************/
/* 導入事例TOPページ用CSS    */
/***********************/

span.cs_jirei {
	font-size:90%;
	}


.title_bar_inner_right h2{
	font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", sans-serif;
}
#main_contents{
	padding:20px 30px;
	color:#6F6F6F;
	font-size:12px;
	font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", sans-serif;
}
#main_contents h2{
	background:url(/common_img/global/bg_h2top.gif) left top no-repeat;
	padding-top:6px;
	font-size:15px;
	margin:0 0 0.75em 0;
}
#main_contents h3,
#main_contents h4,
#main_contents p{
	margin:0;
}
#main_contents h2 span{
	background: url(/common_img/global/bg_h2btm.gif) left bottom no-repeat;
	padding:4px 0 10px 16px;
	display:block;
	font-weight:bold;
	color:#FFF;
}
#main_contents ul.cstudylist{
	margin:0 0 2em 0;
}
#main_contents ul.cstudylist li{
	padding-left:16px;
	list-style:none;
	margin-bottom:1em;
}
#main_contents ul.cstudylist li.link{
	background:url(/common_img/global/arrow_green.gif) left .4em no-repeat;
	margin-bottom:.5em;
}
#main_contents table.linktable{
	width:540px;
	border-collapse:collapse;
	border-bottom:#b8c4d2 1px solid;
	margin-bottom:5px;
}
#main_contents table.linktable tr th{
	border-right:#FF3333 4px solid;
	width:144px;
	text-align:center;
}
#main_contents table tr th,
#main_contents table tr td{
	font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック", sans-serif;
}
#main_contents table.linktable tr td.title{
	background-color:#e0e6ec;
	padding:0;
	vertical-align:middle;
}
#main_contents table.linktable tr td.detail{
	background:url(cstudy/images/dot001.gif) repeat-x;
	padding:15px 10px;
	vertical-align:middle;
	font-size:85%;
}
#main_contents table.bottomtable{
	width:100%;
	border-collapse:collapse;
	border-top:#b8c4d2 1px solid;
	border-bottom:none;
}
#main_contents table.bottomtable tr th{
	border-right:#FF3333 4px solid;
	width:144px;
	text-align:center;
	padding-bottom:1px;
	background:url(cstudy/images/dot001.gif) bottom repeat-x;
}
#main_contents table.bottomtable tr td{
	vertical-align:middle;
	text-align:center;
	background:url(cstudy/images/dot001.gif) bottom repeat-x;
	background-color:#e0e6ec;
}

#main_contents .linktext_right{
	text-align:right;
	margin-bottom:1em;
}
#main_contents .pagetop{
	margin:10px 0;
}
#main_contents .linktext_right{
	text-align:right;
}
#main_contents .linktext_right a{
	padding:1px 0 1px 16px;
	background:url(/common_img/global/arrow_green.gif) left .25em no-repeat;
}
#main_contents ul#point{
	margin:0 0 30px 0;
}
#main_contents ul#point li{
	list-style:none;
	margin:0 0 10px 0;
}
#main_contents ul#point li span{
	text-indent:15px;
}

#main_contents .box{
	position:relative;
	padding-left:100px;
	margin-top:10px;
}
#main_contents .boxAll{
	margin-top:10px;
}
#main_contents .box h4,
#main_contents .boxAll h4{
	margin:20px 0 10px 0;
}
#main_contents .box p,
#main_contents .boxAll p{
	margin-bottom:.75em;
}
#main_contents .box .userphoto{
	position:absolute;
	left:0px;
	_left:-100px;
	width:86px;
}
#main_contents .box .userphoto p span{
	padding-top:1em;
	display:block;
	font-size:9px;
	line-height:1.2;
	color:#000;
}
#main_contents .box h4{
	margin-top:15px;
}
#main_contents .box h4.border,
#main_contents .boxAll h4.border{
	margin:15px 0 10px 0;
	font-size:14px;
	color:#0a3190;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:#0a3190 2px solid;
}
#main_contents .point{
	margin:20px 0;
	position:relative;
	background:url(/cstudy/images/round_lb.gif) top no-repeat;
	padding:15px 0 0 0;
}
#main_contents .point p{
	background: url(/cstudy/images/round_lb_btm.gif) bottom no-repeat;
	padding:0 15px 10px 15px;
	line-height:1.8;
	font-weight:bold;
	font-size:85%;
}
#main_contents .point p span{
	color:#2c76bc;
	padding-right:.5em;
}
#main_contents .point h5{
	position:absolute;
	left:10px;
	top:-10px;
}
#main_contents h4.userinfo{
	margin-top:20px;
}
#main_contents .username{
	border-bottom:#80a9bc 1px solid;
	border-right:#80a9bc 1px solid;
	border-left:#80a9bc 1px solid;
	position:relative;
	min-height:44px;
	_height:44px;
	padding: 15px 20px 15px 160px;
	_padding: 15px 5px 15px 160px;
	margin-bottom:15px;
	line-height:1.5;
}
#main_contents table.user_info{
	width:370px;
}
#main_contents table.user_info tr td{
}
#main_contents table.user_info tr th{
	width:10px;
	color:#80a9bc;
	vertical-align:top;
	font-size:14px;
}

#main_contents .username .userlogo{
	position:absolute;
	top:15px;
	left:20px;
}
#main_contents dl{
	background: url(/common_img/tensen01.gif) bottom repeat-x;
	margin:0;
}
#main_contents dl dt{
	float:left;
	clear:left;
	width:100px;
	padding:10px 0;
	color:#0000ee;
}
#main_contents dl dd{
	margin-left:120px;
	padding:10px 0;
	line-height:1.6;
}
#main_contents dl.relate dd a{
	padding:1px 0 1px 20px;
	background:url(/common_img/global/arrow_green.gif) 2px .25em no-repeat;
}
#main_contents dl.info dd a{
	padding:1px 0 1px 20px;
	background:url(/common_img/mail_blue.gif) left .25em no-repeat;
}
#main_contents .photoRsmall .text{
	float:left;
	width:370px;
}
#main_contents .photoRsmall .photo{
	float:right;
	width:150px;
}

/** Utility Class
-----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 1%;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
	zoom:1;
	height: 1px;
}
*+html .clearfix {
	zoom:1;
}
/** Table
-----------------------------------------*/
#main_contents table.normal{
	border-collapse:collapse;
	margin:0 0 20px 0;
	width:100%;
}
#main_contents table.normal tr td,
#main_contents table.normal tr th{
	border:#CED5DB 1px solid;
	padding:.5em;
	vertical-align:middle;
}
#main_contents table.normal tr th{
	background-color:#E4EBF0;
	padding-left:15px;
}
#main_contents table.normal tr td.cord{
	width:90px;
	text-align:center;
}

#main_contents .phototwo p{
	float:left;
	margin-right:5px;
	line-height:2;
}