@charset "utf-8";
/* CSS Document */

/* 実績ブログ専用 */




/*SIDEBAR*/

#works_sidebar {
padding:20px 10px;
border: 10px solid #eee;
	font-size: 14px;
	margin-bottom: 20px;

}

#works_sidebar p{
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
    border-bottom: 1px solid #222;
    border-left: 10px solid #222;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 5px 5px 5px 10px;
    text-align: left;
}
#works_sidebar h4{
	background: #f5f8f8;
	margin: 0;
	padding: 3px 0 3px 18px;
	text-align: left;
	font-weight: normal;
	color: #999;
	font-size: 10px;
}
#works_sidebar ul{
    padding: 15px 10px 5px 10px;
}



#works_sidebar ul li {
    background-image: url("http://www.cams-repair.com/works/img/common/ar06.gif");
    background-position: left center;
    background-repeat: no-repeat;
    clear: both;
    line-height: 130%;
    margin-bottom: 3px;
    padding-left: 10px;
    text-align: left;
	font-size: 12px;
}
#works_sidebar ul li.no_entry{
    color:#999;
}
#works_sidebar .tags{
    margin: 0 0 30px;
    padding: 0 5px;
    text-align: left;
}

#works_sidebar .tags a{
    font-size: 12px;
    margin-right: 10px;:;
    text-align: left;
}

#works_sidebar .tags span.no_entry{
    padding: 0 10px;
    color:#999;
}



/*page main*/
img{
    border:none;
}

.blog_item h3.blog_title{
    background: url("http://www.cams-repair.com/works/img/common/top_1px_bg.jpg") repeat-x scroll left top #fff5ee;
    clear: both;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 15px 15px 15px 20px;
    text-decoration: none;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
	line-height: 150%;
}

.link2skcs {
	border-left: 5px solid #DA2238;
	border-bottom: 1px solid #DA2238;
	color: #222;
	padding: 0 0 3px 10px;
	margin: 0 0 20px;
	clear: both;
	font-size: 12px;
	text-align: left;
}
.thumb_box {
	width: 210px;
	float: left;
	margin: 0 25px 40px 0px;
	padding: 0;
}
.thumb_box_right{
        margin-right:0px;
}
.contentBody {
    font-size: 90%;
    line-height: 180%;
    padding: 15px;
    clear: both;
    border: 1px solid #E2EBEB;
    background:#fff;
    margin:0 auto 15px;
}

.contentBody iframe{
    width: 100%;
    height: 345px;
}
.contentBody strong,.contentBody b{
    font-weight: bold;
}
.contentBody i{
    font-style: italic;
    font-family: none;
}
.contentBody u{
    text-decoration: underline;
}
.contentBody strike{
    text-decoration: line-through;
}

.contentBody span{
    font-size: inherit;
}
.contentBody u,.contentBody i,.contentBody strike{
    color: inherit;
}

.contentBody a:link{
    color: #0000ff;
    text-decoration: underline;
}
.contentBody a:visited{
    color: #800080;
    text-decoration: underline;
}



.contentBody p {
    clear: both;
    margin-bottom: 10px;
}

.contentBody_thumb {
    clear:both;
    width:210px;
    margin:0 auto;
	text-align:center;
}

.contentBody_thumb img {
	margin-bottom: 10px;
}


.contentBody_thumb h2 {
    clear:both;
    margin-bottom:10px;
    font-size:75%;
    background-image:url(http://www.cams-repair.com/works/logo/blog/icon_jiturei.gif);
    background-repeat:no-repeat;
    background-position:left 2px;
    padding-left:25px;
    padding-top:3px;
    padding-bottom:3px;
}

.contentBody_thumb h4{
	margin: 0;
	overflow: hidden;
}

.contentBody_thumb h4 a:link {
	color: #CB1D8E !important;
	text-decoration: none;
	font-size: 14px;
	font-weight:normal;
}
.contentBody_thumb h4 a:visited {
	color: #CB1D8E !important;
	text-decoration: none;
}


.section p.item_date {
    font-size:75%;
    border: 1px dashed #CCCCCC;
    background:#FFF;
    clear:both;
    margin-bottom:10px;
    padding:5px;
}

.blog_item{
    background:#f5f8f8;
	padding: 20px;
	border: 1px solid #E2EBEB;
	margin:0 0 40px;
}


.blog_item p.item_date {
    font-size:75%;
    border: 1px dashed #CCCCCC;
    background:#FFF;
    clear:both;
    margin-bottom:10px;
    padding:5px 5px 5px 20px;
}

.contentBody_thumb p.item_date_thumb {
	font-size: 10px;
	color: #aaa;
}

.contentBody_thumb p.item_link_thumb {
    font-size:14px;
    clear:both;
    padding-bottom:5px;
    margin:5px 0 0 0;
	text-align: right;
	padding-right: 5px;
}

.contentBody_thumb p.item_link_thumb a:link{
	color: #333;
}

.contentBody_thumb p.item_text{
	font-size: 12px;
}

.contentBody_thumb a{
    display:block;
}



.pagertitle {
    font-size:12px;
}


.pre_page {
    display: block;
    text-align: left;
    float: left;
}
.next_page {
    text-align: right;
    display: block;
    float: right;
}

.pager:after,.prenext_navi:after,.tags:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

.pager {
    clear: both;
    width: 580px;
    margin-bottom: 20px;
    font-size: 12px;
}
.pager span {
    display: block;
    float: left;
    height: 17px;
    line-height: 17px;
    text-align: center;
    padding:0 5px;
    margin-right: 5px;
    background-color: #CCCCCC;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    color:#333;
}
.pager a {
    display: block;
    float: left;
    height: 17px;
    line-height: 17px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
    background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
}
.pager strong{
    display: block;
    float: left;
    height: 17px;
    line-height: 17px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 5px;
}
.pager:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}
.pager a:link,.pager a:visited {
    text-decoration: none;
}
.pager a:hover,.pager a:active {
    text-decoration: none;
    background-color: #FF9999;
}
.pager_index {
    font-size: 12px;
    clear: both;
    margin-bottom: 15px;
}


.section p.prenext_navi {
    clear: both;
    margin-bottom: 20px;
    font-size: 12px;
}
.section p.prenext_navi a{
    font-size: 12px;
}


.pre_page {
    display: block;
    text-align: left;
    float: left;
}
.next_page {
    text-align: right;
    display: block;
    float: right;
}
.prenext_navi:after {
    height: 0;
    visibility: hidden ;
    content: ".";
    display: block ;
    clear: both ;
}

.section p.item_author,
.section p.item_category,
next_page,pre_page{
font-size: 12px;
}

.section p.item_author{
  padding: 0 0 10px 20px;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px;
}
.section p.item_category{
background: #E2EBEB;
  padding: 10px 20px;
  margin: 0 0 10px;
}

.box4author{
font-size: 12px;
margin-bottom: 10px;
}

#subMenu{
font-size: 15px;
text-align: left;
padding:20px 10px;
border: 10px solid #eee;
}




h2{
    font-size: 40px;
}



/******　ここからブログトップページサムネ部分　******/


.thumb_box{
	width: 210px;
	float: left;
	margin: 0 25px 30px 0;
}
.thumb_box img{
	width: 100%;
	margin: 0 0 5px;
	box-shadow: 2px 2px 3px #ccc;
}
.thumb_box_right{
	margin: 0;
}
.thumb_box a{
	display: block;
	margin: 0 0 5px;
	position:relative;
}
.thumb_box h4{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #888;
}
.thumb_box p.item_text{
	text-align: center;
	font-size: 12px;
	height: 40px;
}

.thumb_box a span.blog_cat_syuri{
	background:url(../img/common/flag_syuri.png) repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	height: 80px;
	width: 80px;
}

.thumb_box a span.blog_cat_coding{
	background:url(../img/common/flag_coding.png) repeat 0 0;
	position:absolute;
	top:0;
	left:0;
	height: 80px;
	width: 80px;
}


@media screen and (max-width: 480px) {

.contentBody iframe{
    height: 205px;
}

}