@charset "UTF-8";

img.l{
	float:none;
	margin:5px auto;
}

/*----------------------------- 
コラム　トップ
----------------------------- */

div.column_waku{
}
div.column_waku:after{
    content: "";
    display: block;
    clear: both;
}


div.column_waku div.column_box{
	width:48%;
	float:left;
	line-height:140%;
	font-size:13px;
	margin:10px 4% 20px 0;
}

div.column_waku div.column_box:nth-of-type(2n+2){
	margin:10px 0 20px 0;
}

div.column_waku div.column_box h3{
	font-size:16px;
	letter-spacing: -0.5px;
}

div.column_waku div.column_box h3 a{
	color:#333;
	text-decoration:none;
}

div.column_waku div.column_box h3 a:hover{
	text-decoration:underline;
}


/*----------------------------- 
コラム　一覧
----------------------------- */

div.kiji_item span.to_detail{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	
	background:#2181c9;
	padding:0 10px;
	text-align:center;
	width:150px;
	float:right;
	margin:30px 0 30px 0;
}

div.kiji_item span.to_detail a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	display:block;
	padding:5px 10px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	
}

/*----------------------------- 
コラム　共通サイドバー
----------------------------- */

div.blog_box{
	border:1px solid #ccc;
	margin-bottom:25px;
}

div.blog_box h3{
	margin:5px 0;
	padding:5px;
	background-color: #ffffff;
	border: 0px;
	font-size:16px;
	line-height:120%;
	text-align:left;
	color:#996d3e;
	border-bottom: 1px solid #CCCCCC;
} 

div.blog_box ul{
	margin:0 0 0 0;
	list-style:disc;
    list-style-position:inside;
	padding:5px 5px 0 5px;
	font-size:14px;
}

div.blog_box ul li{
	color:#bda579;
	margin:0 0 5px 0;
	border-bottom:1px dotted #bda579;
	padding: 2px 10px 3px 5px;
}

div.blog_box ul li:last-child{
	margin:0;
	border:0;
}

div.blog_box ul li a{
	text-decoration:none;
	color:#333;
}

div.blog_box ul li a:hover{
	text-decoration:underline;
	color:#0000FF;
}


/** ページャー **/


div.pager{
	width:100%;
	height:auto;
	display: block;
	margin:50px 0 0 0;
	line-height:140%;
	border:1px solid #ACAFC6;
  	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	font-size:85%;
}

div.pager:after{
    content: "";
    display: block;
    clear: both;
}


div.pager span{
	display:block;
	width:42%;
	height:105px;
	box-sizing:border-box;
	float:left;
	text-align: center;
}

div.pager span.no_kiji{
	text-align:center;
	padding:0 5px;
	color:#666;
  	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;
}

div.pager span.prev{
	width:43%;
	background:url(../../images/joho/prev.png) no-repeat center left;
	padding:20px 10px 20px 14px;
  	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;
}


div.pager span.list{
	width:14% !important;
}

div.pager span.list a{
	display:block;
	width:100% !important;
	height:105px;
	padding:30px 8px;
	text-align:center;
	font-size:18px;
	color:#4f7897;
	text-decoration:none;
	font-weight:bold;
	float:left;
  	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-right:1px solid #ACAFC6;
	border-left:1px solid #ACAFC6;
}

div.pager a:hover{
	text-decoration:underline!important;
}

div.pager span.next{
	width:43%;
	background:url(../../images/joho/next.png) no-repeat center right;
	padding:20px 12px 20px 10px;
  	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;          /* 2 */
    justify-content: center;/* 3 */
    align-items: center;
}

div.pager a{
	color:#4f7897;
	text-decoration:none;
}

/** 詳細 **/


span.to_detail_blog{
	display:block;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	
	background:#2181c9;
	padding:5px 10px;
	text-align:center;
	width:150px;
	float:right;
	margin:40px 0 20px 0;

}

span.to_detail_blog a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
}

/** 記事、右のおすすめ**/

div.joho_rbun{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background:#E8F8E3;
	padding:20px;
	margin:10px 0 5px 0;
	width:100%;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


div.joho_rbun ul{
}

div.joho_rbun ul li{
	background:url(../../images/service/check.png) no-repeat 0 0.4em;
	padding:5px 0 0 25px;
	font-size:14px;
	border-bottom:1px dotted #ccc;
}

/** 記事、右のおすすめ2**/

div.joho_rbun2{
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background:#E8F8E3;
	padding:20px;
	margin:10px 0 5px 0;
	width:100%;
    box-sizing: border-box;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}


div.joho_rbun2 ul{
}


div.joho_rbun2 ul li{
	background:url(../../images/service/check.png) no-repeat 0 0.4em;
	padding:5px 0 0 25px;
	font-size:14px;
	border-bottom:1px dotted #ccc;
}


.it_joho_p{
	margin:0;
	padding:0; 
	height:auto;
	background:url(../../images/base/a25_p2.gif);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}


.joho_box{
	margin:0 0 15px 0;
	padding:10px; 
	height:auto;
	background:url(../../images/base/a1_lt8.gif);
	color:#663333;
}


.joho_box_b{
	margin:0 0 15px 0;
	padding:10px; 
	border:solid #CCCCCC 1px;
	height:auto;
	background:url(../../images/base/bg_blue.jpg) repeat-x;
}