/* CSS Document */

/* contents */
/* -------------------------- */

#contents:before, #contents:after { content: ""; display: block; overflow:hidden;}
#contents:after { clear: both; }
#contents { zoom: 1; }

#contents{
	width:1020px;
	min-height:400px;
	margin:0 auto 70px auto;
	text-align:left;
}
#contents_left{
	width:720px;
	float:left;
}
#sideWrap{width:/*260px*/240px; float:right;}

#contents_right{
	width:/*260px;*/240px;
	float:right;
	position: relative;
}

#contents_left a,#contents_left a:link,#contents_left a:active{
	color:#5C91AD;
	text-decoration: none;
}
#contents_left a:hover {
	text-decoration: underline;
}


/* contents_right */
/* -------------------------- */

#side_contact_box{
	background:#7EA8BE;
	margin-bottom:20px;
	clear:both;
}
.side_contact_in{
	padding:20px 10px 15px 10px;
}

.side_contact_in h3{
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	margin-bottom:12px;
}
.side_contact_txt{
	font-size:11px;
	line-height:18px;
	color:#FFF;
	text-align:center;
}
.side_contact_tel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color:#FDE465;
	background:url(../image/common/icon_tel.gif) no-repeat 5px 0;
	padding-left:42px;
	margin:5px 0;
}

.side_contact_btn a{
	background:#42758B url(../image/common/icon_contact.png) no-repeat 15px center;
	padding:10px 20px 10px 55px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#FFF !important;
	text-align:center;
	display:block;
}
.side_contact_btn a:hover{
	background-color:#D76465;
	text-decoration:none;
}


/* blog */
/*------------------------------------------------------------------------------*/

.blog_list:before, .blog_list:after { content: ""; display: block; overflow:hidden;}
.blog_list:after { clear: both; }
.blog_list { zoom: 1; }

.blog_list{
	padding:30px 0 15px;
}

.blog_list .fl01{
	width:230px;
	height:152px;
	float:left;
	overflow:hidden;
	text-align:center;
}
.blog_list .fl01 img{
	height:152px;
}
.blog_list .fl02{
	width:480px;
	float:right;
}

.blog_list h4{
	font-size:150%;
	line-height:150%;
	font-weight:bold;
	margin-bottom:10px;
}

.blog_date {
	float:left;
	font-size:90%;
}

.wb_red{
	float:right;
	font-size:80%;
	color:#999;
}
.wb_red span{
	font-size:90%;
	background:url(../image/common/wb_red.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	font-size:12px;
	font-weight:bold;
	color:#CC3333;
}
#contents_left .wb_red a{
	color:#CC3333;
}
.blog_icon {
	height: 23px;
}
.blog_icon li {
	float:left;
	margin-right:6px;
	margin-bottom:7px;
	background:#0099CC;
	font-size:90%;
	padding:2px 7px;
	color:#FFF;
	min-width:70px;
	text-align:center;
}
#contents_left .blog_icon li a {
	color:#FFF;
}

.blog_icon_blue,
.blog_icon .it_news,
.it_news {
	background:#0099CC;
}
.blog_icon_green,
.blog_icon .seo,
.seo {
	background:#6DAB36;
}
.blog_icon_red,
.blog_icon .web_production,
.web_production, .blog_icon .cat01 {
	background:#E86D65;
}
.blog_icon .ownedmedia,
.ownedmedia, .blog_icon .cat02 {
	background:#E77E23;
}
.blog_icon .database,
.database, .blog_icon .cat03 {
	background:#333;
}

.it_news a,
.seo a,
.web_production a,
.ownedmedia a,
.database a
 {color:#FFF;}

.sns_icon li {
	float: left;
	margin-right: 5px;
}
.sns_icon li.tw {
	width:90px;
}
.sns_icon li.fb {
	width:103px;
}

.blog_section01 .blog_thum_wide img{
	max-width:100%;
	height:auto;
}
.blog_text01 img {
	max-width:100%;
	height:auto;
}

/*blog_css_140908*/
/*------------------------------------------------------------------------------*/

.blog_date01 {
    font-weight: bold;
	line-height: 120%;
	font-size:110%;
}
.blog_subtitle01 {
	font-size: 150%;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 5px;
	color:#5c91ad;
}

.blog_subtext01 {
	font-size: 110%;
    font-weight: bold;
    line-height: 130%;
    margin-bottom: 5px;
}
.blog_section02 {margin-bottom: 7px;}
.blog_pager01 {margin-top:3px;}

.blog_dlist01 { margin-bottom:7px; clear:both;}
.blog_dlist01 dt{float:left; width:50px;}
.blog_dlist01 dd { display:inline;}

.blog_dlist01 dd a{
	margin-right:6px;
	min-width: 70px;
    padding: 2px 7px;
    text-align: center;
	background:#244960;
	font-size:90%;
	color:#FFF !important;
}

.blog_searchbox {margin-bottom:20px;}
.blog_search_input {
	width:248px;
	padding:5px;
}
.blog_pull_right {text-align:right;}
.blog_pager01 {text-align:right;}


.blog_sidetitle01 {
	background: none repeat scroll 0 0 #EFEFEF;
    border-left: 5px solid #FF9900;
    color: #FF6600;
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    margin: 0 0 4px;
    padding: 0 10px;
}

.blog_sidelist01 {margin-bottom:20px;}

.blog_sidelist01 li{
    border-bottom: 1px solid #e6e6e6;
	font-size:90%;
	line-height:160%;
	padding:3px 0;
	text-indent:10px;
}
.blog_sidelist01 li a {color:#5c91ad;}
.blog_subtitle04 {margin-top:3px;}

.blog_month_list {
	margin-top:5px;
	list-style-position: inside;
    list-style-type: none;
}
.blog_month_list li {
    display: inline-block;
	margin-right:6px;
}

.blog_list {
	list-style-position: inside;
    list-style-type: none;
}

.blog_list > li {
    display: inline-block;
	margin-right:4px;
	padding-right:5px;
	margin-bottom:7px;
}
.blog_list > li > a {
    display: block;
    padding: 2px 3px;
    text-align: center;
    width: 100%;
	color:#FFF !important;
}

.blog_list > li a {
	background: #A3BBC8;
	color: #fff !important;
}

.blog_list > li.current a {
    background:#5c91ad;
    color: #fff !important;
}

.blog_article01 {margin:15px 0}

.blog_subtitle02 {
	font-size: 180%;
    font-weight: bold;
    line-height: 150%;
    margin: 10px 0;
}

.detail_text h1 {
	background:#42758B;
	color:#FFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 200%;
	text-indent:13px;
	margin:20px 0;
}

.detail_text h2 {
    border-bottom: 5px solid #42758B;
    font-size: 20px;
    line-height: 155%;
    margin:20px 0;
}

.detail_text h3 {
    border-bottom: 2px solid #7EA8BE;
    font-size: 18px;
    line-height: 150%;
    margin:15px 0;
}

.detail_text h4 {
	color:#42758b;
	font-size: 16px;
    font-weight: bold;
    line-height: 140%;
	border-bottom: 1px solid #ddd;
    margin: 12px 0;
}

.detail_text h5 {
	font-size: 16px;
    font-weight: bold;
    line-height: 140%;
    margin: 8px 0;
}

.detail_text h6 {
    font-weight: bold;
    margin: 5px 0;
}

.blog_feedback {
	text-align:center;
	border-top: 1px dotted #ddd;
	margin-top:10px;
	padding-top:10px;
}


.blog_pager_detail_list01:before, .blog_pager_detail_list01:after { content: ""; display: block; overflow:hidden;}
.blog_pager_detail_list01:after { clear: both; }
.blog_pager_detail_list01 {
	zoom: 1;
	overflow: hidden;
	margin-bottom: 20px;
}

.blog_pager_detail_box01 {margin-bottom:40px;}
.blog_pager_detail_list01 .prev {float:left;}
.blog_pager_detail_list01 .next {float:right;}

.blog_subtitle03 {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 5px solid #42758b;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
	margin-bottom:10px;
	margin-top:35px;
	clear:both;
}
.blog_subtitle03.none,
.blog_list.none{
	margin-top: 0;
	padding-top: 0;
}

.blog_section01 {margin-bottom:30px;}
.blog_facebook_comment {
    box-sizing: border-box;
    height: auto !important;
    padding: 14px;
}
.blog_facebook_comment iframe {margin: 0 auto;}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
   /* width: 100% !important;*/
}
.blog_facebook_btn iframe {
  /*  width: 110px !important;*/
}

.blog_related_list li {
	width:230px;
	float:left;
	margin-right:12px;
	margin-bottom:15px;
	border:1px solid #ddd;
}

.blog_cover_thum_xsmall {
	width:230px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.blog_cover_thum_xsmall img {
	max-width:230px;
	max-height: 160px;
	height:auto;
	margin:auto;
}

blog_cover_thum_xsmall {
	max-height: 160px;
    overflow: hidden;
}

.blog_cover_text_xsmall {
	font-size:90%;
	line-height:140%;
	padding:0 8px;
}

.blog_related_list li:nth-child(3n) {
    margin-right: 0;
}
.blog_related_list li:nth-child(3n+1) {
    clear: both;
}
.sns_icon {clear: both;}

/* ---------------------------------------------------- */
/*最近の投稿*/
/* ---------------------------------------------------- */

li.blog_article01 {
    box-sizing: border-box;
    display: block;
    float: left;
    list-style-type: none;
    margin-bottom: 0;
    padding:0 0 10px 0;
    width: 100%;
}
.thum_wrap_small {
    background: none repeat scroll 0 0 #dfdfdf;
    float: left;
    height: 76px;
    margin-right: 10px;
    overflow: hidden;
    text-align: center;
    width: 76px;
	border:1px solid #ccc;
}
.thum_wrap_small img {
    display: inline;
    height: 100%;
    max-width: inherit;
    width: auto;
	margin-left:-10px;
}
.text-muted {
	font-size:90%;	
}
.side-title01 {
	font-size:90%;
	line-height:150%;
}

div.blog_list{
	border-bottom:1px dotted #000;
	padding-bottom:25px;
}


/* screens smaller than 1020---------------------------------------------------------- */
@media only screen and (min-width:721px) and (max-width:1019px) {
/* contents */
/* -------------------------- */

#wrapper {
	margin:0 auto;
}
#contents{
	width:720px !important;
	margin-bottom:40px;
}
#contents_left{
	width:720px;
	float:none;
	margin-bottom:40px;
}
#sideWrap{width:720px; float:none;}

#contents_right{
	width:720px;
	float:none;
	margin:0 auto;
}

/* contents_right */
/* -------------------------- */

.side_contact_in{
	width:240px;
	margin:0 auto;
}

.side_contact_btn a{
	padding:10px 0;
}

.tab_rss li{
	padding:15px 15px 10px 15px;
	color:#FFF;
}
}

/* screens smaller than 720---------------------------------------------------------- */
@media only screen and (max-width:720px) {

#wrapper {
	margin:0 auto;
}
/* contents */
/* -------------------------- */

#contents{
	width:auto;
	padding:0 10px;
	margin-bottom:40px;
}
#contents_left{
	width:auto;
	float:none;
	margin-bottom:30px;
}
#sideWrap{width:auto; float:none;}

#contents_right{
	width:auto;
	float:none;
}
/* blog_list---------------------------------------------------------- */

.blog_list .fl01 {
    float: none;
    margin-bottom: 20px;
    width: auto;
}
.blog_list .fl02 {
    float: none;
    width: 100%;
}
.blog_img {
    text-align: center;
}
.blog_section01 {
    padding-top: 5px;
}
.blog_related_list li {
    width: 100%;
}
.blog_cover_thum_xsmall {
    max-height: 180px;
    min-height: 180px;
    overflow: hidden;
    width: 230px;
}
.blog_cover_thum_xsmall img {
    height: auto;
    max-width: 100%;
}




}