@charset "utf-8";


/* 全項目共通 */
html{ font-size: 62.5%; }

* {
    margin:0;
    padding:0;
    font-family:"メイリオ", Meiryo;
    list-style-type: none;
    font-size: 100%;
    text-decoration:none;
}


body#works{
    color: #4B4B4B;
    list-style-type: none;
    font-size:14px; font-size:1.4rem;
}


a:link {
    text-decoration: underline;
    color: #0066CC;
}
a:visited {
    text-decoration: underline;
    color: #6633CC;
}
a:hover {
    text-decoration: none;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #000000;
}
table {
    border-collapse:collapse;
}
.clear {
    clear: both;
}



body#works #contents{
	width:980px;
	}

#h_wrapper {
    width:100%;
    margin:0 auto;
    height:20px;
}

#h_wrapper:after{
    clear:both;
}

#h_container {
    width:980px;
    margin:0 auto;
    height:20px;
    color:#FFF;
    font-size:12px;
}











/************  共通  ************/
.section{
    width:100%;
    padding:0;
}

.section_sub{
    margin: 0 auto;
    padding: 30px 0 0;
    width: 980px;
}

.section_sub:after{
    clear:both;
}


.section_sub h2 {
    clear: both;
    color: #FFFFFF;
    font-size: 30px;
    height: auto;
    line-height: 150%;
    margin: 0 auto 40px;
    padding: 15px 0 10px 20px;
    width: 940px;
    background:url(../img/works/sub_h2_bg.jpg) no-repeat 0 0  !important;
    text-shadow: 1px 1px 1px #111111;
}


.section_sub h2 span{
    font-size: 120%;
    padding: 0 10px 0 0;
}

.section_sub h2 span.sml{
    font-size: 70%;
    padding: 0 0 0 30px;
    position:absolute;
}

.section_sub h2 a{
    color:#FFF;
}

.section h3 {
    clear: both;
    color: #E7582E;
    font-size: 22px;
    line-height: 150%;
    margin: 0 auto 20px;
    text-shadow: 1px 1px 1px #DCDCDC;
}

.section_sub h3 {
    clear: both;
    font-size: 22px;
    line-height: 150%;
    margin: 0 auto 20px;
    text-shadow: 1px 1px 1px #DCDCDC;
    color: #E7582E;
}

.sec_content{
    width:960px;
    margin:0 auto;
    padding:0 10px;
    background:#fff;
    position:relative;

}

.sec_content2{
    width:600px;
    margin:0 auto;
    padding:0 10px;
    background:#fff;
    position:relative;
    float:left;

}

.section .align_center{
    display:block;
    margin:0 auto;
}

.section_sub .align_center{
    display:block;
    margin:0 auto;
}


.rootbtn_a {
    width:960px;
    margin:0 auto 5px;
    text-align:center;
    clear: both;
}
.rootbtn_a a {
    background: url(../img/common/rootbtn.jpg) no-repeat 0 top;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    height: 49px;
    margin: 0 15px;
    padding: 21px 11px 0;
    text-decoration: none;
    width: 338px;
}

.mgn_10{
    margin-bottom:10px !important;
}

.mgn_20{
    margin-bottom:20px !important;
}

.mgn_30{
    margin-bottom:30px !important;
}

.mgn_40{
    margin-bottom:40px !important;
}

.mgn_60{
    margin-bottom:60px !important;
}

.mgn_80{
    margin-bottom:80px !important;
}

.mgn_100{
    margin-bottom:100px !important;
}

.rootbtn_text{
    width:745px;
    margin:0 auto 60px;
    text-align:center;
    clear: both;

}

.rootbtn_text:after{
    clear:both;
}

.rootbtn_text p{
    float: left;
    font-size: 14px;
    width: 350px;
    border-bottom: 1px dashed #AA0000;
    color: #AA0000;
    padding:0 0 2px;
    line-height: 140%;
}
.rootbtn_text p.left{
    margin:0 45px 0 0;
}
.rootbtn_text p.center{
    float:none;
    margin:0 auto;
}

.rootbtn_text a:link,
.rootbtn_text a:visited{
    color: #E7582E;
    text-decoration:none;
}

.rootbtn_text a:hover{
    color: #DDD;
}

.rootbtn_a a:hover {
    color:#DDD;
}

.link_text{
    text-align:right;
}

b.red{
    color:#C00;
    font-weight:bold;
}


#sub_top_wrapper {
    height: 100px;
    margin: 0 auto;
    padding: 95px 0 0;
    _padding:0;
    width: 100%;
    background:url(../img/common/sub_main_bg.jpg) repeat-x center 95px;
    _background:url(../img/common/sub_main_bg.jpg) repeat-x center 0;
}
#sub_top {
    background:url(../img/shaken/shaken_main.jpg) no-repeat 0 0;
    width:980px;
    height:100px;
    _height:auto;
    margin:0 auto;
    padding:0 0 0;
}


.sub_large_blk{
    height: 250px;
    margin: 0 0 60px;
}
.sub_large_blk img{
    float:left;
    margin:0 30px 0 0;
}
.sub_large_blk h4{
    float: left;
    font-size: 22px;
    line-height: 130%;
    margin: 0 0 10px;
    width: 470px;
    text-shadow: 1px 1px 1px #DCDCDC;
    color: #E7582E;
}
.sub_large_blk p{
    font-size:14px;
    margin:0;
}



.sub_large_blk2{
    background: none repeat scroll 0 0 #FDFAEE;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 0 #EEEEEE;
    height: 250px;
    margin: 0 0 60px;
    padding: 20px;
}
.sub_large_blk2 img{
    float:left;
    margin:0 30px 0 0;
}
.sub_large_blk2 h4{
    color: #A4730C;
    float: left;
    font-size: 22px;
    line-height: 130%;
    margin: 0 0 10px;
    width: 440px;
}
.sub_large_blk2 p{
    font-size:14px;
    margin:0;
}



.sub_large_blk3{
    height: 250px;
    margin: 0 0 60px;
}
.sub_large_blk3 img{
    float:right;
    margin:0 0 0 0;
}
.sub_large_blk3 h4{
    float: left;
    font-size: 22px;
    line-height: 130%;
    margin: 0 30px 10px 0;
    width: 470px;
    text-shadow: 1px 1px 1px #DCDCDC;
    color: #E7582E;
}
.sub_large_blk3 p{
    font-size:14px;
    margin:0;
    width: 480px;
}





/******** カラム画像＆テキスト ********/

.column3_image li{
    width:310px;
    float:left;
    padding:0 10px 0 0;
    margin:0 0 5px;
    line-height:120%;
}

.column3_image li.last {
    width:310px;
    float:left;
    padding:0;
    margin:0;
}

.column3_text li{
    width:310px;
    float:left;
    padding:0 15px 0 0;
    margin:0;
    line-height:120%;
}

.column3_text li.last {
    width:280px;
    float:left;
    padding:0;
    margin:0;
}

.column3_text li p{
    margin:0;
    line-height:140%;
}



.column3_text h4{
    background: url(../img/common/h4_bg.png) no-repeat 0 center;
    padding:3px 0 7px 0px;
    margin:0 0 5px;
    border-bottom:1px dotted #C00;
}
.column3_image{
    padding: 0;
    margin: 0;
    width: 960px;
    height: 187px;
    font-size:1px;
}

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





/*----------↓----ブログ関連css ※後ほどjb.cssに移動する------↓--------*/


.thumb_box {
    background: none repeat scroll 0 0 #E1E1E1;
    border: 1px solid #eee;
    margin:0 33px 40px 0;
    padding: 10px 8px 10px;
    width: 280px;
}

.top_thumb_box_shaken{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
	border-top:5px solid #8C0000;
    margin: 0 0 20px;
	width: auto;

}

.top_thumb_box_mitsumori{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
	border-top:5px solid #805F00;
    margin: 0 0 20px;
	width: auto;

}

.top_thumb_box_voice{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
	border-top:5px solid #00206F ;
    margin: 0 0 20px;
	width: auto;

}

.top_thumb_box_shaken h4 {
    background: url(../img/top/h3_syaken.jpg) no-repeat 0 center;
	padding: 12px 0 10px 30px !important;
}
.top_thumb_box_mitsumori h4 {
    background: url(../img/top/h3_mitsumori.jpg) no-repeat 0 center;
	padding: 12px 0 10px 30px !important;
}
.top_thumb_box_voice h4 {
    background: url(../img/top/h3_voice.jpg) no-repeat 0 center;
	padding: 12px 0 10px 35px !important;
}












.contentBody_thumb {
  clear:both;
  margin:0;
  width:275px;
}

.contentBody_thumb h4 {
  border-bottom-color:#CCCCCC;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  color:#333333;
  font-family:"メイリオ", Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
  font-size:14px;
  margin:0 0 10px;
  overflow:hidden;
  padding:6px 0 5px 30px;
  line-height:100%;
  float:left;
  width:180px;
}

.contentBody_thumb h4 a:link {
  color:#333333;
  text-decoration:none;
}

.contentBody_thumb p.item_text {
  font-family:"メイリオ", Meiryo;
  font-size:12px;
  font-weight:normal;
  margin:0 0 5px;
  clear:both;
}

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

.contentBody_thumb img {
  margin:0 10px 5px 0;
  width:50px;
  float:left;
}

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

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

.thumb_box_right {
  margin-right:0;
}

.otoiawase_btn {
    width: 920px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 30px 0;
    background:#FFF;
}


.company_section {
    width:425px;
    float:right;
    margin:0 0 40px 0;
}
.option_img {
    float:left;
    width:534px;
    height:600px;
    margin:0 94px 0 0;
    padding:110px 0 0;
}

.company_img_left {
    width:470px;
    float:left;
    margin:0 20px 0 0;
}
.company_img_right {
    width:450px;
    float:right;
    margin:0 0 0 40px;
}

.company_img_right2 {
    width:470px;
    float:right;
    margin:0 0 0 20px;
    right:-13px;
}
.charge {
    padding: 20px 0 20px 70px;
    border-bottom: 1px dotted #222;
    background: url(../img/company/tantou.jpg) no-repeat 0 center;
}
.txt_company {
    padding: 20px 0 ;
    border-bottom: 1px dotted #222;
    color:#cc0000;
}
.commnet {
    padding:40px 0 0 0 ;
    background: url(../img/company/comment.jpg) no-repeat 0 10px;
}
.company_table {
    width:960px;
}

.company_table td.c_td_left {
    padding: 20px 0;
    width: 30%;
    text-align: center;
    background: #EAEAEA;
    border: 1px solid #ccc;
}
.company_table td.c_td_right {
    padding: 20px 0 20px 30px;
    text-align: left;
    background: #fff;
    border: 1px solid #ccc;
}


.border {
    width:100%;
    margin:0 0 40px 0;
    border-bottom: 1px dotted #111;
}






#thumb_box_wrapper {
    width:720px;
    float:left;
}

#thumb_box_wrapper:after{
    content: "";
    display: block;
    clear: both;
}
#thumb_box_side {
    width:200px;
    padding: 80px 10px 20px 10px;
    float:right;
    background:#F2F2F2 url(../img/works/side_top.jpg) no-repeat center top;
}

.thumb_h3 {
    color: #333;
    font-size: 18px;
    float: left;
    border: none;
    padding: 0;
    width:100%;
    margin:0;
}

.works_thumb_box {
  float:left;
  margin:0 20px 20px 0;
  _margin:0 10px 20px 0;
  padding:10px 10px 0;
  width:200px;
  background:#F2F2F2;
  height: 270px;
}

.works_thumb_box img {
  width:200px;
  height:140px;
}
.works_thumb_box .contentBody_thumb {
clear: both;
margin: 0 auto;
width: 200px;
}
.thumb_box_right {
    margin:0 0 40px 0;
}
.thumb_img {
    float:left;
}
.works_thumb_box .contentBody_thumb {
    width:198px;
    clear:both;
    margin:0 auto;
}

.works_thumb_box .contentBody_thumb h4 {
    clear: both;
    color: #333333;
    font-size: 14px;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 10px 0 5px 20px;
    line-height: 100%;
	width:170px;
}

.thumb_box_shaken {
    background:#FEF4F1;
	border: 1px dotted #cc0000;
	border-top: 5px solid #8c0000;
}
.thumb_box_mitsumori {
    background:#FFFEF0;
	border: 1px dotted #A08F30;
	border-top: 5px solid #805F00;
}
.thumb_box_voice {
    background:#F0F8FF;
	border: 1px dotted #20209F;
	border-top: 5px solid #00206F;
}

.thumb_box_shaken h4 {
    background: url(../img/works/h3_syaken.jpg) no-repeat 0 center;
	padding: 12px 0 10px 30px !important;
	border-bottom:1px dotted #cc0000;
}
.thumb_box_mitsumori h4 {
    background: url(../img/works/h3_mitsumori.jpg) no-repeat 0 center;
	padding: 12px 0 10px 30px !important;
	border-bottom:1px dotted #A08F30;
}
.thumb_box_voice h4 {
    background: url(../img/works/h3_voice.jpg) no-repeat 0 center;
	padding: 12px 0 10px 35px !important;
	border-bottom:1px dotted #20209F;
}

#thumb_box_side p {
    background: url(../img/works/side_h3.jpg) no-repeat 0 center;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 0px 5px 10px 30px;
    text-align: left;
}

#thumb_box_side h4 {
    font-size:12px;
}

#thumb_box_side ul li {
    background-image: url(../img/works/blog_arw.jpg);
    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;
}

#thumb_box_side ul {
    padding: 15px 10px 5px 20px;

}
.tags {
    padding:10px;
    font-size:12px;
}
.pager {
    margin:0 0 20px 0;
    width:620px;
    height:21px;
    clear:both;
    overflow: hidden;
}
.pager span,.pager a {
    background: url(../img/works/no.jpg) no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    text-align: center;

}
.pager_index {
    clear:both;
    width:620px;
}

#left_content{
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    padding: 20px;
    width: 650px;
}

#left_body{
    background: none repeat scroll 0 0 #FFF;
    padding: 20px;
    margin:0 0 20px;
}

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

.contentBody {
  margin:0 0 40px;
}

.blog_item{
    margin:0 0 40px;
}

.works_title_m{
    padding:0 10px;
}

.top_blg_container{
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 20px 60px 0;
    _margin: 0 10px 60px 0;
    padding: 10px;
    width: 284px;
}


.top_blg_container_right{
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 0 0 0 0;
    padding: 10px;
    width: 286px;
    
}

.top_blg_container_right:after{
    clear:both;
}

.top_blg_cntn_inner{
}




/*--------------ブログ関連css ここまで--------------*/





/*2014-04-01　元兼追記*/


#works .section_sub h3{
	background:none;
	padding:0 !important;
	text-indent:0;
    clear: both;
    font-size:22px !important;
    line-height: 150% !important;
    margin: 0 auto 20px !important;
    text-shadow: 1px 1px 1px #DCDCDC;
    color: #E7582E;
	font-weight:normal;

	}