@charset "utf-8";

@import "common.css";


/* 紙段ボールのレイアウトCSS */

/* タイトルlayout */

/* 紙ダンボール TOPタイトル */
#cardboard-content { 
	background-image: url(../img/tl_cardboard.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
	width: 860px;
	height: 150px;
	text-indent:-9999px;
}

#waku-inner {
	margin-top: -50px;
	margin-left:15px;
	position: relative;
}

/* 汎用クラス 2009-05-07 */

/* 汎用ボックス外側 */
.box {
	width: 600px;
	margin: 0px  0px 30px 5px;
	overflow:hidden;	
}

/* タイトル部分 */
.title {
	display:block; 
	background-image: url(../img/tl_model.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009; 
	margin:0 0 0 3px; 
	height:31px; 
	line-height:22px; 
	position:relative;
}
.title h4{
	padding:6px 0px 0px 0px; 
	margin:0px 0px 0px 5px; 
	font-weight: bolder;
	color:#7C4D1E;	
}
.box h5 {
	border-bottom:1px #C10009 dotted;
	color:#C10009; 
	font-weight:bolder;
}
.box h6{
	color:#C10009; 
	font-weight:bolder;
}

/* テキスト */
.box p{
	padding:0px 0px 0px 5px;
	margin:5px 0px 0px 5px; 
}

/* リスト青 */
.box ul.list-b li {
	background-image: url(../img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding: 3px 0px 3px 26px;	
}
/* リストグレー */
.box ul.list-g li {
	background-image: url(../img/i_circle_gr.gif);
	background-repeat: no-repeat;
	background-position: 6px 7px;
	padding: 3px 0px 3px 26px;	
}
/* 番号付きリスト */
.box ol li {
	list-style:decimal outside;
	marker-offset:auto;
	padding: 2px 0px 2px 0px;	
	margin-left:30px;
}

/* テーブル 2009-05-12 */
.box table{
	border-collapse: collapse;
	width:590px;
}
.box td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
	
}
.box th,.box th.w120 {
	background: #EFEFEF;
	font-weight: normal;
}
.box th.w120 {
	width:120px;
}
.box tr.first {
	background:#F7F4ED;
}

/* 二段組リスト写真付き */

.list2item {
	width:600px;
	padding:5px 0px 15px 0px;
}

.itemimg {
	float: left;
	position:static;
}

.items {
	float: left;
	display: inline;
	position:static;
	width: 155px;
	padding:0px 0px 0px 5px;
}

.list2item a:link {
	font-weight:bolder;
	color: #C7000A;
	text-decoration: none;
}
.list2item a:visited {
	font-weight:bolder;
	color: #6122A8;
	text-decoration: none;
}
.list2item a:hover {
	font-weight:bolder;
	color: #A82222;
	text-decoration: underline;
}

/* 汎用クラスここまで 2009-05-07 */



/* 紙ダンボールのメインイメージの設定 */

#cardboard-img {
	width: 620px;
	padding-bottom:20px;
	height:280px;	
}

#cardboard-img-inner {
	background-image: url(../img/t_cardboard.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	height:280px;
	position: relative;		
}

#cardboard-img-inner .twin01 {
	float: left;
	width: 450px;
	display: inline;
}

#cardboard-img-inner .twin02 {
	float: left;
	width: 160px;
	display: inline;
	padding-top:10px;
	padding-left:10px;
}

#cardboard-img-inner .size-box {
	background-image:url(../img/i_careboard_size.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:427px;
	height:104px;
	position:absolute;
	margin-left:20px;
}

#cardboard-img-inner .hurry-box {
	background-image:url(../img/i_careboard_hurry.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:152px;
	height:238px;
	position:absolute;
	margin-left:10px;
}

#cardboard-img-inner .same-box {
	background-image:url(../img/i_careboard_same.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:434px;
	height:139px;
	position:absolute;
	margin-left:20px;
}

#cardboard-img-inner .new-box {
	background-image:url(../img/i_careboard_new.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:427px;
	height:104px;
	position:absolute;
	margin-left:20px;
}

#cardboard-img-inner #cardboard-img01 {
	float: left;
	width: 427px;
	display: inline;
	padding-bottom:10px;
	top:0px;
	position:absolute;
}

#cardboard-img-inner #cardboard-img02 {
	float: left;
	width: 152px;
	display: inline;
	position:absolute;
	top:20px;
	left:440px;	
}

#cardboard-img-inner #cardboard-img03 {
	float: left;
	width: 434px;
	display: inline;
	position:absolute;
	top:62px;
}

#cardboard-img-inner #cardboard-img04 {
	float: left;
	width: 427px;
	display: inline;
	position:absolute;
	top:174px;
}

#cardboard-img-inner .size-box h3 {
	padding-top:50px;
	padding-left:100px;
	color:#5C370C;
	font-weight:bolder;
	font-size:131%;
}

#cardboard-img-inner .hurry-box h3 {
	padding-top:70px;
	padding-left:30px;
	color:#5C370C;
	font-weight:bolder;
	font-size:131%;
}

#cardboard-img-inner .same-box h3 {
	padding-top:70px;
	padding-left:110px;
	color:#5C370C;
	font-weight:bolder;
	font-size:131%;
}


#cardboard-img-inner .new-box h3 {
	padding-top:48px;
	padding-left:90px;
	color:#5C370C;
	font-weight:bolder;
	font-size:131%;
}

#cardboard-img-inner a:link {
	  color: #5C370C;
	  text-decoration: none;
}

#cardboard-img-inner a:visited {
	  color: #6122A8;
	  text-decoration: none;
}

#cardboard-img-inner a:hover {
	  color: #A82222;
	  text-decoration: underline;
}

/* 紙ダンボール新規製作のメインイメージ */

#car-model-img {
	width: 620px;
	height:41px;
	overflow:hidden;	
	padding-bottom:10px;	
}

#car-model-img-inner h3 {
	background-image: url(../img/tl_cardboard.png);
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc) ;		
	background-repeat: no-repeat;
	background-position: 0 0;
	width:619px;
	height:41px;
	padding:10px 0px 0px 10px;
	font-weight:bolder;
	font-size:131%;
	color:#FFFFFF;
}

/* bata部分詳細layout */

/* 紙ダンボール規格サイズの設定 */

#cardboard-size {
	width: 620px;
	margin: 0px  0px 5px 0px;
	overflow:hidden;	
}

#cardboard-size-inner {
	display:block; 
	background-image: url(../img/tl_cardboard_size.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009; 
	margin:0 0 0 3px; 
	padding:6px 0px 0px 0px; 
	height:31px; 
	line-height:22px; 
	position:relative;
}

#cardboard-size-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#7C4D1E;	
}

#car-size {
	padding:0px 0px 5px 0px;
	font-size:93%;
}

#car-size table {
	border-collapse: collapse;
}

#car-size th {
	border: #B5B5B6 1px solid;
	padding: 5px 3px 5px 5px;	
	background: #EFEFEF;
	font-weight: normal;
	width: 55px;
}

#car-size .first {
	background:#F6F1EB;
}

#car-size .line01 {
	padding: 5px 3px 5px 5px;
	border-top: #B5B5B6 1px solid;
	border-bottom: #B5B5B6 1px solid;
	border-right: #B5B5B6 1px dotted;
}

#car-size .line02 {
	padding: 5px 3px 5px 5px;
	border-top: #B5B5B6 1px solid;
	border-bottom: #B5B5B6 1px solid;
	border-right: #B5B5B6 1px solid;
}

#car-size-box {
	padding:10px 0px 20px 0px;
	overflow:hidden;	
}

.waku-620 .car-size-twin01 {
	float: left;
	width: 410px;
	display: inline; 
	text-align:right;
	padding-top:20px; 
	font-weight:bolder;
	color:#C7000A;
}

.waku-620 .car-size-twin02 {
	float: right;
	width: 210px;
	display: inline;
}

/* ダンボール製作・新規オーダーの設定 */

#car-make-box {
	overflow:hidden;	
	padding:0px 0px 20px 0px;
}

.waku-620 .car-make-twin01 {
	float: left;
	width: 300px;
	display: inline; 
}

.waku-620 .car-make-twin02 {
	float: right;
	width: 300px;
	display: inline;
}

.car-make-twin01 .make-box {
	background-image: url(../img/cardboard/b_careboard_make.jpg); 
	background-repeat: no-repeat; 
	background-position: left top;
	widht:300px;
	height:195px;
}

.car-make-twin02 .new-box {
	background-image: url(../img/cardboard/b_careboard_new.jpg); 
	background-repeat: no-repeat; 
	background-position: left top;
	widht:300px;
	height:195px;
}

.car-make-twin01 .samp {
	color:#FFFFFF;
	padding:58px 0px 0px 10px;
	width:280px;
	font-size:93%;
}

.car-make-twin01 .address {
	color:#000000;
	padding:10px 0px 0px 25px;
	width:280px;
	font-size:93%;
	line-height:140%;
}

.car-make-twin02 .order {
	color:#FFFFFF;
	padding:42px 0px 0px 10px;
	width:280px;
	font-size:93%;
}

.car-make-twin02 .btn {
	padding:5px 0px 0px 15px;
}


/* 紙ダンボール各種包装資材販売の設定 */

#car-materials {
	width: 620px;
	margin: 0px  0px 30px 0px;
}

#car-materials-inner {
	display:block; 
	background-image: url(../img/tl_cardboard_size.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009;
	margin:0 0 0 3px; 
	padding:6px 0 0 0; 
	height:31px; 
	line-height:22px; 
	position:relative;
}

#car-materials-inner h4 a {
	width: 50px;
	height: 19px;
	display: inline; 
	float: right;
	right: 0px;
	margin: 0;
	top:7px;
	position:absolute;
}

#car-materials-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#7C4D1E;
}

#car-materials-box {
	width: 615px;
	padding-bottom:20px;
	margin-left:2px;
	border:#945F29 1px solid;
	background:#EFE5D9;
}

#car-materials-box-inner {
	height:360px;
	position:relative;
	overflow:hidden;	
}

/* 文字が4行以上の場合の背景の設定 */

#car-materials-box-inner .car-box {
	background-image:url(../img/i_sheet_bg3.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:290px;
	height:115px;
	position:absolute;
	margin-left:8px;
	top: -5px;
}

/* 文字が3行以内の場合の背景の設定 */
#car-materials-box-inner .car-box2 {
	background-image:url(../img/i_sheet_bg.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:290px;
	height:89px;
	position:absolute;
	margin-left:8px;
	top: -5px;
}

/* 文字が3行以内の場合の背景の設定 */
#car-materials-box-inner .car-box3 {
	background-image:url(../img/i_sheet_bg4.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:290px;
	height:89px;
	position:absolute;
	margin-left:8px;
	top: -5px;
}

#car-materials-box-inner #car-type01 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:20px;
}

#car-materials-box-inner #car-type02 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:20px;
	left:310px;	
}

#car-materials-box-inner #car-type03 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:150px;
}

#car-materials-box-inner #car-type04 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:150px;
	left:310px;		
}

#car-materials-box-inner #car-type05 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:255px;
}

#car-materials-box-inner #car-type06 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:255px;
	left:310px;		
}

/* 文字が4行以上の場合の設定 */

#car-materials-box-inner .car-box img {
	padding-top:7px;
	padding-left:6px;
}

#car-materials-box-inner .car-box .twin01 {
	float: left;
	width: 74px;
	display: inline;
}

#car-materials-box-inner .car-box .twin02 {
	float: left;
	width: 200px;
	display: inline;
	padding-top:10px;
	padding-left:10px;
}

#car-materials-box-inner .car-box .twin01 h3 {
	font-weight:bolder;
	color:#C7000A;
}

#car-materials-box-inner .car-box .twin02 h3 {
	font-weight:bolder;
	color:#C7000A;
}

/* 文字が3行以内の場合の設定 */

#car-materials-box-inner .car-box2 img {
	padding-top:7px;
	padding-left:6px;
}

#car-materials-box-inner .car-box2 .twin01 {
	float: left;
	width: 74px;
	display: inline;
}

#car-materials-box-inner .car-box2 .twin02 {
	float: left;
	width: 200px;
	display: inline;
	padding-top:10px;
	padding-left:10px;
}

#car-materials-box-inner .car-box2 .twin01 h3 {
	font-weight:bolder;
	color:#C7000A;
}

#car-materials-box-inner .car-box2 .twin02 h3 {
	font-weight:bolder;
	color:#C7000A;
}

#car-materials-box-inner a:link {
	  color: #C7000A;
	  text-decoration: none;
}

#car-materials-box-inner a:visited {
	  color: #6122A8;
	  text-decoration: none;
}

#car-materials-box-inner a:hover {
	  color: #A82222;
	  text-decoration: underline;
}


/* 紙ダンボール 新規製作についての設定 */

#car-model-main {
	width: 600px;
	margin: 0px  0px 5px 5px;	
}

#car-model-main-inner {
	display:block; 
	background-image: url(../img/tl_model.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009; 
	margin:0 0 0 3px; 
	padding:6px 0px 0px 0px; 
	height:31px; 
	line-height:22px; 
	position:relative;
}

#car-model-main-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#7C4D1E;
}

#car-model-box {
	width: 600px;
	display: inline;
}

#car-model-box-inner {
	width:600px;
	margin:10px 0px 8px 10px;	
	overflow:hidden;	
}

#car-model-box-inner h4 {
	font-weight:bolder;
	color:#C7000A;
}

#car-model-box .text {
	padding-left:7px;
}

#car-model-box .waku-620 .img01, .waku-620 .img03, .waku-620 .img05, .waku-620 .img07  {
	float: left;
	display: inline;
	position:static;
	width: 120px;
	font-size: 93%;
}

#car-model-box .waku-620 .img02, .waku-620 .img04, .waku-620 .img06 {
 	float: left;
	display: inline;
	position:static;
	width: 28px;
	padding:35px 5px 0px 5px;
}


/*　紙ダンボール形状の設定　*/

#car-model-type {
	width: 600px;
	margin: 20px  0px 5px 5px;	
}

#car-model-type-inner {
	display:block; 
	background-image: url(../img/tl_model.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color: #C10009; 
	margin:0 0 0 3px; 
	padding:6px 0px 0px 0px; 
	height:31px; 
	line-height:22px; 
	position:relative;
}

#car-model-type-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#7C4D1E;
}

#model-mikan-box, #model-c-box, #model-ta-box, #model-ka-box, #model-ji-box {
	width:600px;
	padding-bottom:10px;
	padding-left:5px;	
}

#model-n-box {
	width:600px;
	padding-bottom:20px;
	padding-left:5px;	
}

.waku-620 .model-type01 {
	float: left;
	display: inline;
	position:static;
	width: 130px;
}

.waku-620 .model-type02  {
	float: left;
	display: inline;
	position:static;
	width: 130px;
}

.waku-620 .model-type03 {
	float: left;
	display: inline;
	position:static;
	width: 320px;
	padding:0px 0px 0px 10px;
}

.waku-620 .model-type03 h4 {
	font-weight:bolder;
	padding:10px 0px 0px 0px;
}

#model-mikan-box a:link, #model-c-box a:link, #model-ta-box a:link, #model-ka-box a:link, #model-ji-box a:link, 
#model-n-box a:link {
	  color: #C7000A;
	  text-decoration: none;
}

#model-mikan-box a:visited, #model-c-box a:visited, #model-ta-box a:visited, #model-ka-box a:visited, #model-ji-box a:visited, 
#model-n-box a:visited {
	  color: #6122A8;
	  text-decoration: none;
}

#model-mikan-box a:hover, #model-c-box a:hover, #model-ta-box a:hover, #model-ka-box a:hover, #model-ji-box a:hover, 
#model-n-box a:hover {
	  color: #A82222;
	  text-decoration: underline;
}


/*　紙ダンボール ダミー部分の設定　*/

/* 2009-05-01 追記 ここから */
table.cardboard{
	border-collapse: collapse;
}

table.cardboard td,th {
	border: #B5B5B6 1px solid;
	padding: 5px;
}

table.cardboard th {
	background: #EFEFEF;
	font-weight: normal;
	text-align:center;	
}

table.cardboard .first {
	background:#F7F4ED;
}

#zai-box01 {
	width:600px;
	padding-bottom:20px;
	padding-left:5px;
}

#zai-box01 p{
	line-height:140%; 
}

#zai-box01 h4 {
	font-weight:bolder;
	color:#C7000A;
	padding-top:2em;
}

#zai-box01 li {
	background-image: url(../img/i_circle_br.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 0px 20px;	
}

#car-color-box {
	width: 600px;
	display: inline;
}

#car-color-box-inner {
	width:600px;
	margin:10px 0px 33px 10px;	
	overflow:hidden;	
}

#car-color-box-inner h4 {
	font-weight:bolder;
	color:#C7000A;
}

#car-color-box .text {
	padding-left:7px;
}

.inlineimg{
	margin:3px 5px;
	display:inline;
	float:left;
}

#tai-box {
	width: 600px;
	display: inline;
}

#tai-box-inner {
	width:600px;
	margin:10px 0px 33px 10px;
	overflow:hidden;
}

#tai-box-inner h4 {
	font-weight:bolder;
	color:#C7000A;
}

#tai-box .text {
	padding-left:7px;
}

#tai-box p{
	line-height:140%;
}

#syou-box {
	width: 600px;
	display: inline;
}

#syou-box-inner {
	width:600px;
	margin:10px 0px 33px 10px;
	overflow:hidden;
}

#syou-box-inner h4 {
	font-weight:bolder;
	color:#C7000A;
}

#syou-box .text {
	padding-left:7px;
}

#syou-box p{
	line-height:140%; 
}

/* 2009-05-01 追記 ここまで */

#model-box02 {
	width:600px;
	padding-bottom:20px;
	padding-left:5px;
}

#model-box02 h4 {
	border-bottom:1px #7C4D1E dotted;
	color:#7C4D1E; 
	font-weight:bolder;
	margin-top:2em;
}

#model-box02 li {
	background-image: url(../img/i_circle_br.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}



#model-box03 {
	width:600px;
	padding-bottom:20px;
	padding-left:5px;	
}

#model-box03 table {
	border-collapse: collapse;
}

#model-box03 td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
	text-align:center;	
}

#model-box03 th {
	background: #EFEFEF;
	font-weight: normal;
	width: 150px;
}

#model-box03 .first {
	background:#F7F4ED;
}

#model-box02 .first {
	background:#F7F4ED;
}

#model-box04 {
	width:600px;
	padding-bottom:20px;
	padding-left:10px;	
}

#model-box04-inner {
	width:580px;
}

#same-box {
	width:600px;
	padding-bottom:20px;
	padding-left:5px;
}

#same-box li {
	background-image: url(../img/i_circle_br.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}

#same-box h4 {
	border-bottom:1px #7C4D1E dotted;
	color:#7C4D1E; 
	font-weight:bolder;
	margin-top:2em;
}


#model-box05 {
	width:600px;
	padding-bottom:20px;
	padding-left:10px;	
}

#model-box05 li {
	background-image: url(../img/i_circle_br.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}

#model-box06 {
	width:600px;
	padding-bottom:30px;
	padding-left:10px;	
}

#model-box06 li {
	background-image: url(../img/i_circle_br.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 5px 0px 5px 20px;	
}


/* alpha部分の設定 */

/* 紙ダンボール お急ぎの方はお電話で */

#cardboard-tel {
	width:200px;
	padding:0 0 20px 5px;
}

#cardboard-tel-inner {
	border:#EC3D33 1px solid;
	background:#FFFFFF;
	padding:0px 0px 10px 0px;
}

#cardboard-tel-inner h4 { 
	font-weight:bolder;
	color:#B5281B;
	font-size:131%;
}

#cardboard-tel-inner #icon { 
	behavior: url(http://www.yamakoh.com/js/iepngfix3.htc) ;
	padding:10px 0px 0px 90px;
}

#cardboard-tel-inner img {
	padding-bottom:3px;
}

#cardboard-tel-inner .text {
	width:180px;
	padding-left:10px;	
}

#cardboard-tel-inner p {
	padding-top:5px;
}

#tel_img{
	padding:10px 0 10px 5px;
}