/*-----------------------------
          base style 
-----------------------------*/

/* margin */
.m0  {margin: 0!important;} 

.mt2  {margin-top:  2px;} 
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt40 {margin-top: 40px;}
.mt-25{margin-top:-25px;}

.mr2  {margin-right:  2px;} 
.mr5  {margin-right:  5px;} 
.mr11 {margin-right: 11px!important;}
.mr15 {margin-right: 15px!important;}
.mr17 {margin-right: 17px!important;}
.mr19 {margin-right: 19px;}
.mr28 {margin-right: 28px;}
.mr30 {margin-right: 30px;}
.mr56 {margin-right: 56px;}
.mr65 {margin-right: 65px;}

.ml30 {margin-left:30px;}

.mt5b10  {margin:5px 0 10px;}
.mt40btm-25{margin:40px 0 -25px;}
.mtb30  {margin:35px 0;}

.mbtm5  {margin-bottom: 5px;}
.mbtm30 {margin-bottom:30px;}
.mbtm40 {margin-bottom:40px;}
.mbtm50 {margin-bottom:50px;}
.mbtm54 {margin-bottom:54px;}


/* padding */
.prl20 {padding:0 20px;}
.prl38 {padding:0 38px;}
.prl43 {padding:0 43px;}



/* float clearfix */
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}    
.clearfix { display: inline-table; } 


/* img */
img { line-height:0px; margin:0px; vertical-align:bottom;}

a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background:none!important;
}

/*-----------------------------
            text
-----------------------------*/

/* 納品事例トップページ */
#works {}

#works p {
	font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 25px;
    color: #646464;
}

div.back {
	background: #EBE9E8;
	padding: 10px 38px 35px;	
}

/* Newの表記を重ねる */
div.relative {
	width: 348px;
	position: relative;
}
.absolute {
	position: absolute;
}



/* 事例各個ページ */
#case {}

#case p {
	font-size:14px;
	letter-spacing:1px;
	line-height:24px;
	margin:0;
}

#case .text p {
	font-size:15px;
	letter-spacing:1px;
	line-height:20px;
	margin: 0;
}

#case p .text2 {
	font-size:12.5px;
	letter-spacing:0px;
	line-height:10px;
	margin:0 0 8px 0;
}

#case .text3 p {
	font-size:14px;
	letter-spacing:0px;
	line-height:30px;
}

.leftbox  {width:315px;}
.rightbox {width:380px;}
.rightbox_02 {
	width:380px;
	color: #555555;
	margin-left: 16px;

}

#case .date {
	font-size:10px;
	text-align:right;
}

#case .pbc-box {
	background:#F7F7F7;
	padding:20px;
	width: 720px;
	margin:20px 0 50px;
}

#case .leftbox p.text-space {
	margin:15px 0;
}


#case .borderBox {
	width: 530px;
    text-align: center;
    padding: 0 135px;
   	background:url('/material/works/case/coutulife/img/Aborder_middle.png') repeat-y center 0;
}

#case .borderBox p {
	font-size:13px;
	letter-spacing:0px;
	line-height:28px;
	margin:0 0 10px 0;
	color:#929292;
	text-align: center;
}


/* 個別ページ */

#case .introbox {
	background: #F1F7EF;
	padding: 15px 30px;
	width:700px;
	height:210px;
}

#case .introbox p {
	font-size:12px;
	letter-spacing:0px;
	line-height:22px;
	color:#929292;
}

/* gs */
#case div.introbox-gs {
    background: #EFEFEF;
    padding: 18px;
    width: 724px;
    height: 248px;
}

#case div.introbox-gs p {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 29px;
    color: #231815;
}

#case div.img00 {
	float: left;
	margin-right: 10px
}


.shopname {
	font-size: 20px;
}


 #case .pb-checkpoint{
	position: relative;
	margin-bottom: 30px;
}

 #case .pb-checkpoint_text {
	position: absolute;
	color: #646464;
	width: 341px;
	font-size: 12.5px;
	top: 80px;
	left: 30px;
	line-height:24px;
}

#case .pb-checkpoint_text02 {
	position: absolute;
	top: 300px;
	left: 30px;
}



#case .shopinfo01 {
	position: absolute;
	color: #777777;
	font-size: 19.5px;
	top: 94px;
	left: 111px;
	font-weight: bold;
	line-height:24px;
}

#case .shopinfo-img {
	position: absolute;
	top: 153px;
	left: 30px;
}

 #case .shopinfo02 {
	position: absolute;
	color: #646464;
	width: 312px;
	font-size: 12.5px;
	top:  153px;
	left: 380px;
	line-height:22px;
}

 #case .shopinfo03 {
	position: absolute;
	color: #646464;
	width: 312px;
	font-size: 12.5px;
	top:  280px;
	left: 380px;
	line-height:22px;
}

#case .shopinfo04 {
	position: absolute;
	color: #646464;
	font-size: 9px;
	bottom: 26px;
	right:  25px;
	line-height:23px;
}


/* goffin */
.top{width:800px; height:155px; background-color:#EFEEED; margin:auto;}
.content_box{width:712px; height:auto; margin:42px auto 46px auto; }
.content_image{width:299px; height:auto;}
.content{width:383px; height:245px; float:right; line-height:160%; font-size:11pt;}
.movie_title{font-size:15pt;}
.section_title{font-weight:bold; color:#555555;}
.section_message{font-size:11pt; line-height:160%; margin:18px 0 0 0; color:#646464;}

.checkpoint{width:713px; height:701px; margin:auto;}
.checkpoint_message_box{width:713px; margin-bottom:50px;}
.checkpoint_message{width:316px; height:auto; padding:94px 0 0 40px; font-size:9pt; line-height:210%; letter-spacing:0.5px; color:#646464; float:left;}
.flyer_box{float:right; }
.flyer{width:285px; height:auto; padding:50px 45px 0 0;}
.flyer_shopper{width:330px; height:0; text-align:right;}
.flyer_shopper img{width:180px; height:auto; position:relative; top:-160px; right:10px;}

.popup_box{margin:50px 0 0 0;}
.one{width:214px; height:151px;}
.popup_box li{list-style:none; display:inline; margin:0 5px;}
.popup_box ul{text-align:center; margin:0 0 0 -40px;}

/* hibiki */
.hibiki-font{}
.hibiki-top{width:800px; height:155px; background-color:#EFEEED; margin:auto;}
.hibiki-content_box{width:650px; height:auto; margin:42px auto 46px auto; }
.hibiki-content_image{width:167px; height:auto; padding: 0px 0 0 44px;}
.hibiki-content{width:383px; height:245px; float:right; line-height:160%; font-size:11pt;}
.hibiki-movie_title{font-size:15pt;}
.hibiki-section_title{font-weight:bold; color:#555555;}
.hibiki-section_message{font-size:10pt; line-height:172%; margin:18px 0 0 0; color:#646464;}

.hibiki-checkpoint{width:713px; height:780px; margin:auto;}
.hibiki-checkpoint_message_box{width:713px; margin-bottom:18px;}
.hibiki-checkpoint_message{width:316px; height:auto; padding:94px 0 0 40px; font-size:9pt; line-height:195%; letter-spacing:0.5px; color:#646464; float:left;}
.hibiki-flyer_box{float:right;}
.hibiki-flyer{width:285px; height:auto; padding:91px 45px 0 0;}
.hibiki-flyer_shopper{width:330px; height:0; text-align:right;}
.hibiki-flyer_shopper img{width:180px; height:auto; position:relative; top:-160px; right:10px;}

.hibiki-popup_box{margin:38px 0 0 0;}
.hibiki-one{width:214px; height:151px;}
.hibiki-popup_box li{list-style:none; display:inline; margin:0 5px;}
.hibiki-popup_box ul{text-align:center; margin:0 0 0 -40px;}
.hibiki-popup_box a {text-decoration: none;}

.hibiki-popup_box2{margin:15px 0 0 0;}
.hibiki-one{width:214px; height:151px;}
.hibiki-popup_box2 li{list-style:none; display:inline; margin:0 5px;}
.hibiki-popup_box2 ul{text-align:center; margin:0 0 0 -40px;}
.hibiki-popup_box2 a {text-decoration: none;}

/*coutulife*/
 #case .shopinfo-img2{position:absolute; top:153px;left: 30px;}
 #case .shopinfo04 { position: absolute; color: #646464; width: 312px; font-size: 12.5px; top:  340px; left: 380px; line-height:22px;}
#case .pb-checkpoint_text03 { position: absolute; top: 340px; left: 38px;}
.margin_box{width:100%; height:20px;}
 #case .pb-checkpoint2{position: relative;margin-bottom: 30px; margin-left:42px;}
 #case .shopinfo_coutulife{position: absolute; color: #777777; font-size: 17px; top: 94px; left: 115px; font-weight: bold; line-height:24px;}

 

/*global*/
 #case .shopinfo_globalstyle{position: absolute; color: #777777; font-size: 19.5px; top: 94px; left: 141px; font-weight: bold; line-height:24px;}


/*otium*/
#case .pb-checkpoint_text04 { position: absolute; top: 305px; left: 16px;}




/*common*/