@charset "utf-8";

/* ===================================================================
CSS information

 file name    column.css
 lastmodified :08/09/12
 style info   .columnページ用CSS
=================================================================== */


/*  コラムTOP
----------------------------------------------------------- */
#contents {
  background: none;
}
ul#topic_path li a {
    background: none;
    margin-right: 0;
    padding-right: 5px;
}
.column p strong a{
	background:url(../casestudy/img/share/ico-mini.gif) left no-repeat;
	text-decoration:none;
	padding-left:20px;
}

.column p strong a:hover{
	text-decoration:underline;
}

.column h4 a{
	text-decoration:none;
}

.column h4 a:hover{
	text-decoration:underline;
}

.section h3.title_top{
	border-top:1px solid #dde3ea;
	background:#f2f5f9;
	border-bottom:1px solid #dde3ea;
	padding:7px 10px;
	color:#3b444f;
	margin-bottom:15px;
}

h2{
	color:#3b444f;
}

.section{
	clear:both;
	width:702px;
}

.section p{
	margin-bottom:20px;
}

dl.new_column {
	zoom:1;
}

dl.new_column dt {
	color:#3b444f;
	width:10em;
	padding:8px 0 8px 1.5em;
	clear:left;
	float:left;
	font-weight:bold;
}

dl.new_column dd {
	color:#333333;
	border-bottom:1px dotted #ccc;
	padding:8px 10px 8px 11em;
}

dl.new_column dd.odd {
	background:#fbfcfd;
}

dl.new_column dd.last {
	border-bottom:none;
}

dl.new_column:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

ul.list_columnist{
	width:702px;
	zoom:1;
}

ul.list_columnist li{
	width:340px;
	float:left;
	height:150px;
	padding-bottom:20px;
	color:#3b444f;
}

ul.list_columnist li.odd{
	padding-left:18px;
}

ul.list_columnist li .imgL{
	width:130px;
	float:left;
	margin:0 0 0 0;
}

ul.list_columnist li .txtR{
	width:199px;
	float:right;
}

ul.list_columnist li .txtR h4{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding:10px;
}

ul.list_columnist li .txtR p{
	padding:10px;
}

/*  コラムニスト
----------------------------------------------------------- */

.column #article #main h2.columnnist_title,
.column #article #main h3.columnnist_title{
	background:url(../column/img/share/bg-name.gif) bottom no-repeat #e5eaf2;
	padding:6px 10px;
	width:680px;
	margin-bottom:20px;
}

.column #article #main h2.columnnist_title strong,
.column #article #main h3.columnnist_title strong{
	background:url(../column/img/share/ico-arrow_columinist.gif) left no-repeat;
	padding-left:25px;
}

.about_columnist{
	width:700px;
	zoom:1;
	margin-bottom:25px;
}

.about_columnist p{
	float:right;
	width:530px;
}

.about_columnist:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.column #article #main h3.column_theme{
	background: url(../img/share/ico-title.gif) no-repeat left;
    font-size: 135%;
    margin-bottom: 8px;
    padding-left: 22px;
	color:#154a95;
}

.column .column_list dl.new_column {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.column .column_list dl.new_column dd {
	background:#fbfcfd;
}

.column .column_list dl.new_column dd.odd {
	background:#ffffff;
}

.column .column_list{
	margin-bottom:30px;
}

/*  下層コラム
----------------------------------------------------------- */

ul.column_link {
}

ul.column_link li {
	color:#333333;
	border-bottom:1px dotted #ccc;
	padding:8px 10px;
}

ul.column_link li.odd {
	background:#fbfcfd;
}

ul.column_link li.last {
	border-bottom:none;
}

h3.title_column_link{
	background:url(../column/img/share/bg-title_index.gif) no-repeat;
	height:33px;
	width:702px;
	color:#fff;
	font-weight:bold;
	padding:8px 0 0 15px;
	line-height:1;
}

/*下層コラム-サイドナビ*/


li.empty{
	display:none;
}


/*ページナビ*/

div.page_nav{
	padding:10px 0;
	width:702px;
	margin-bottom:40px;
	position:relative;
	zoom:1;
}

div.page_nav p.go_back{
	float:left;
	margin-bottom:0px;
}

div.page_nav p.go_back img{
	padding-right:10px;
	vertical-align:top;
}

div.page_nav p.go_next{
	float:right;
	margin-bottom:0px;
}

div.page_nav p.go_next img{
	padding-left:10px;
}

div.page_nav p a{
	text-decoration:none;
}

div.page_nav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/*資料請求ほか*/

.column #article #main div.contact_area{
	zoom:1;
	padding:10px 10px 0 10px;
	background:url(../img/index/bg-contact_area.jpg) no-repeat;
	width:700px;
}

.column #article #main div.contact_area  ul li{
	float:left;
	padding-right:10px;
}

.column #article #main div.contact_area  ul li.last{
	padding-right:0;
}

.column #article #main div.contact_area ul:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.column #article #main div.contact_area p{
	clear:both;
	padding:0 0 20px 37px;
	margin-top:21px;
	width:537px;
}