@charset "Shift_JIS";

/*------------------------------------------------
	共通
------------------------------------------------*/
.pageTop
{
	float			: left;
	width			: 90%;
	text-align		: right;
	margin			: 10px auto;
}

.topicPath
{
	width			: 95%;
	text-align		: left;
	margin			: 10px auto;
	border-left		: 3px solid #274171;
	padding-left	: 8px;
}

.dec_grayLine
{
	padding			: 1px; 
	margin			: 0; 
	border			: 3px solid #f0f0f0; 
	background		: #bbb; 
	text-decoration	: none;
}

.dec_whiteLine
{
	border			: 1px solid #ccc;
	padding			: 2px;
	margin			: 5px;
}

.tableBg_90per
{
	width			: 90%;
	padding			: 4px;
	background		: #f9f9f9;
	margin-left		: auto;
	margin-right	: auto;
}

.frm_Box
{
	width			: 240px;
	background		: url(../images/common/frame/box_bg.gif) repeat-y;
	margin			: 0 auto;
}

#content_right{
	width:737px;
	float:right;
}

#side{
	width			: 236px;
	padding-left	: 3px;
	float: left;
}
/*------------------------------------------------
	トップページ
	main
------------------------------------------------*/

#main
{
	float:left;
	text-align: right;
	width:470px;
}
.main_gray
{
	background: #eee;
	width: 410px;
	padding: 15px;
	text-align: left;

}

.main_gb_left
{
	float:left;
	text-align: right;
}

.main_gb_right
{
	width: 280px;
	float: left;
	padding-bottom: 0px;
	text-align: left;
}
#reason{
	float:left;
	width:241px;
}

#fukkyuu{
	float:left;
	width:470px;
}

/*------------------------------------------------
	6つの無料
	free
------------------------------------------------*/

#free
{
	width:737px;
	float:right;
	text-align: center;
}

#free h2
{
	margin: 20px auto 5px;
}

#free ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

#free li
{
	padding:0em 0.1em;
	margin-left: 5px;
	display:inline;
}

#free span.left
{	
	
	padding:0em 0.1em;
	margin-left: 45px;
	float: left;
}

#free span.right
{
	width:350px;
	padding-right:50px;
	padding-bottom:30px;
	text-align: left;
}

/*------------------------------------------------
	事例登録システム
	カテゴリ表示サイドメニュー
------------------------------------------------*/

/* ---------------------------------------------------------
	CSS Document Contents Right
--------------------------------------------------------- */

#right_category {
	margin-top: 10px;
}

#right_category li {
	border-bottom: solid 1px #d0d0d0;
	border-left: solid 1px #d0d0d0;
	border-right: solid 1px #d0d0d0;
	list-style :none;
	line-height: 220%;
	text-align:left;
	color: #666;
}

#right_category li:after {
	
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

#right_category li a {
	display: block;
	padding: 3px 0 2px 10px;
	background: url(/images/menu.jpg) no-repeat left;
	color: #666;
}

#right_category li a.none {
	border: 0;
}

* html #right_category li a {
	height: 10px;
}

#right_category li ul {
	margin: 0 5px;
	padding: 8px 0 8px 8px;
	border-top: dotted 1px #d0d0d0;
}

#right_category li ul li {
	border: 0;
	padding: 0;
	line-height: 110%;
}

#right_category li.this a {
	background: url(/img/menu_this.jpg) no-repeat left;
	font-weight: bold;
	color: #006ac5;
}

#right_category li a.this {
	background: url(/img/menu_this.jpg) no-repeat left;
	font-weight: bold;
	color: #006ac5;
}

/*------------------------------------------------
	事例登録システム
	カテゴリ表示テーブル部分
------------------------------------------------*/

#category_table th
{
	text-align:center;
	color:#FFFFFF;
	background:#1E3358;
	border: #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
	padding: 5px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#category_table td
{
	padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
    text-align: left;
}

#case_table th
{
	text-align:center;
	color:#FFFFFF;
	background:#1E3358;
	border: #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
	padding: 5px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

#case_table td
{
	padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
}

#case_table_list td
{
	padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
    text-align: center;
}

/*------------------------------------------------
	事例登録システム
	カテゴリ・事例の追加、編集テーブル表示部分
------------------------------------------------*/

#add_edit_table th
{
	width:90px;
	text-align:center;
	color:#FFFFFF;
	background:#1E3358;
	border: #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
	padding: 5px;
    font-weight: bold;
    line-height: 120%;
    text-align:	center;
}

#add_edit_table td
{
	padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px 1px 1px 1px;
    text-align:center;
}
/*------------------------------------------------
	事例登録システム
	ボタン周辺部分
------------------------------------------------*/

#add_edit_button
{
	padding: 5px;
    border: 0px;
    border-width: 0px 0px 0px 0px;
    text-align:center;
}

#add_edit_button td
{
    border: 0px
}

/*------------------------------------------------
	事例登録システム
	main
------------------------------------------------*/

#c_side
{
	width:427px;
	padding-left:10px;
	float:left;
}

img.left{
	float:left;
}

/*------------------------------------------------
	itpro
------------------------------------------------*/

h2#itpro_title{
	background-image:url(../images/itpro/title_bg.jpg);
	background-repeat:no-repeat;
	height:43px;
	width:735px;
	text-align:left;
	margin:0;
	padding:0;
}

h2#itpro_title img{
	padding:12px;
}

#free h3.special_title{
	border-left:5px solid #CCC;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳＰゴシック',arial,helvetica,clean,sans-serif;
	color:#333;
	font-size:1.8em;
	font-weight:bold;
}

#special{
	text-align:left;
	margin-bottom:20px;
}

.special_left{
	float:left;
	padding-left:10px;
	
}

.special_left p{
	line-height:2em;
	padding-top:15px;
}

.special_right{
	float:right;
	padding-right:5px;
}

p.caution{
	padding-top:20px;
	padding-left:10px;
	font-size:0.8em;
}

.special_left_w{
	float:left;
}

.special_right_w{
	width:300px;
	float:right;
}

.special_right_w ul#w_sub{
	margin-top:20px;
}

.special_right_w ul li{
	line-height:2em;
	font-size:0.9em;
}

.special_right_w ul li span.num{
	font-size:1.1em;
	font-weight:bold;	
}

#roll_r05{
	padding-top:15px;
}

#torihiki_jisseki{
	border:#CCCCCC 1px solid;
}

ul.left_baner li{
	margin-top:5px;
}

td.right_baner{
	text-align:left;
	float:right;
}