@charset "EUC-JP";

/*----------------------------------------  common area  ----------------------------------------*/


.adNav {
	margin-bottom : 15px ;
}

.adNav li{
	margin : 0px ;
}



.adFootNav {
	width            : 550px   ;
	height           : 23px    ;
	font-size        : 0px     ;
	margin-top       : 40px    ;
	padding          : 0px     ;
	background-color : #ac303a ;
}


.adList li{
	font-size      : 120% ;
	line-height    : 140% ;
	padding-left   : 15px ;
	padding-bottom : 5px  ;
	background     : url(../i/ad_howto/mark_arw.gif) no-repeat left 2px ;
}


h4.floatHead {
	font-size : 120%             ;
	margin    : 0px 0px 10px 0px ;
	padding   : 0px              ;
	float     : left             ;
	display   : inline           ;
}




/*-----------------------------------------  電柱広告とは？  -----------------------------------------*/


.rolltype {
	width         : 267px           ;
	height        : 126px           ;
	margin        : 10px 0 30px 5px ;
	float         : left            ;
	display       : inline          ;
}


.sleevetype {
	width          : 267px           ;
	height         : 126px           ;
	margin         : 10px 5px 30px 0 ;
	float          : right           ;
	display        : inline          ;
}


.meritRight {
	width         : 450px  ;
	margin-bottom : 20px   ;
	float         : right  ;
	display       : inline ;
	background    : url(../i/ad_howto/img_picture.jpg) right top no-repeat ;
}




/*-----------------------------------------  電柱広告の種類  -----------------------------------------*/



.classifiedLeft {
	width          : 112px  ;
	height         : 325px  ;
	margin-top     : 10px   ;
	>margin-bottom : 20px   ;
	float          : left   ;
	display        : inline ;
}

.classifiedRight {
	width          : 438px  ;
	height         : 325px  ;
	margin-top     : 10px   ;
	>margin-bottom : 20px   ;
	float          : right  ;
	display        : inline ;
}

	.cfrA {
		margin-top : 7px ;
	}
	
	.cfrB {
		margin-top : 12px ;
	}




/*--------------------------------------------  デザイン  --------------------------------------------*/

.qrHead {
	margin-bottom : 0px ;
}

.adDesignList{
	margin-bottom    : 15px ;
	padding-left     : 10px ;
	padding-right    : 15px ;
}

.adDesignList li{
	font-size      : 120% ;
	line-height    : 140% ;
	padding-left   : 15px ;
	padding-bottom : 5px  ;
	background     : url(../i/ad_design/mark_square.gif) no-repeat left 2px ;
}

.fontDesignList{
	margin-top    : -12px ;
	margin-bottom    : 15px ;
	padding-left     : 10px ;
	padding-right    : 15px ;
}

.fontDesignList li{
	font-size      : 120% ;
	line-height    : 140% ;
	padding-left   : 15px ;
	padding-bottom : 2px  ;
	background     : url(../i/ad_design/mark_arw.gif) no-repeat left 2px ;
}


.designTable {
		padding : 0 ;
		margin:0;

}

	.designTable th {
		width : 90px ;
		border-left  : 5px solid #0066b3 ;
		padding : 0 ;
		margin:0;
	}

.designWrapper {
	width         : 550px ;
	height        : 100%  ;
	margin-bottom : 20px  ;
	border-left   : 5px solid #0066b3 ;
}
	
	h4.designLeft {
		width        : 90px            ;
		font-size    : 120%             ;
		margin       : 0px              ;
		padding      : 0px              ;
		padding-top  : 2px              ;
		padding-left : 5px              ;
		float        : left             ;
		display      : inline           ;
	}
	
	.designRight {
		width        : 450px            ;
		font-size    : 120%             ;
		margin       : 0px              ;
		padding      : 0px              ;
		padding-top  : 2px              ;
		float        : left             ;
		display      : inline           ;
	}

		.drMarkText {
			width        : 420px ;
			font-weight  : bold  ;
			padding-left : 15px  ;
			background   : url(../i/ad_design/mark_arw.gif) no-repeat left 2px ;
		}
		
		.drPdngText {
			padding-left   : 15px ;
		}
		
		.drText {
			margin-top    : -5px ;
			margin-bottom : 15px ;
			line-height   : 160% ;
		}
		
		.colorTable {
			margin-top    : 10px ;
		}
		
			.colorTable td{
				padding-right  : 15px   ;
				padding-bottom : 5px    ;
				text-align     : center ;
			}
			
			.colorTable td.colorNum{
				padding-bottom : 15px    ;
			}


#fontSelectTable {
	margin : 15px 0 15px 0 ;
}

		
	#fontSelectTable td.fontListArea {
		width : 120px ;
	}
	
	#fontSelectTable td.fontListArea input {
		margin-bottom : -2px ;
		margin-right : 3px ;
	}
	
	
	.fontList li{
		padding-bottom : 5px ;
	}		
		

.qrTop {
	margin-bottom : 20px ;
	margin-left   : 10px ;
	padding-right : 40px ;
	float:left;
	display:inline;
	background     : url(../i/ad_design/img_arrow.gif) no-repeat right 70px ;
}

.qrBottom {
	>margin-bottom : 10px ;
	margin-right   : 10px ;
	padding-left : 40px ;
	float:left;
	display:inline;
	background     : url(../i/ad_design/img_arrow.gif) no-repeat left 70px ;
}

.qrText {
	color      : #808284 ;
	text-align : center  ;
}

/*------------------------------------  デザインシミュレーション  ------------------------------------*/

.simurationFlash {
	width   : 550px ;
	height  : 430px ;
	padding : 10px 0px 5px 0px ;
}


.flashPlayer {
	padding-top    : 10px ;
	padding-bottom : 15px ;
}

.fpLeft {
	>margin-bottom  : 20px   ;
	float           : left   ;
	display         : inline ;
}

.fpRight {
	>margin-bottom : 20px   ;
	margin-left    : 10px   ;
	float          : left   ;
	display        : inline ;
}

.simulationText {
	font-size     : 120% ;
	margin-bottom : 10px ;
	padding-left  : 0px  ;
	line-height   : 100% ;
	color         : #888 ;
}


/*--------------------------------------------  ご利用例  --------------------------------------------*/

.sampleLeft {
	width      : 260px  ;
	margin-top : 15px   ;
	float      : left   ;
	display    : inline ;
}

	.rollImg img {
		float         : left   ;
		display       : inline ;
		padding-left  : 5px    ;	
		margin-bottom : 15px   ;	
	}
	

.sampleRight {
	width      : 290px  ;
	margin-top : 15px   ;
	float      : right  ;
	display    : inline ;
}

	.sleeveImg img {
		float         : left   ;
		display       : inline ;
		padding-left  : 10px   ;	
		margin-bottom : 15px ;	
	}
	
	.LEDImg img {
		float        : left   ;
		display      : inline ;
		padding-left : 10px   ;		
	}

/*----------------------------------------  アフターサービス  ----------------------------------------*/

.afterText {
	width     : 200px  ;
	font-size : 120%   ;
	margin-left : 10px ;
	margin-right : 10px ;
	float     : left   ;
	display   : inline ;
}

.afterImg {
	
	float     : right   ;
	display   : inline ;
}

.afterImg img {
	margin-right:10px;
}

/*----------------------------------------  電柱広告掲出料金  ----------------------------------------*/