@charset "utf-8";

@import "common.css";

/* CSS Document */


/* alpha部分詳細レイアウト */

/* プラダンケース TOPタイトル */

#box-content { 
	background-image: url(../img/tl_box.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;
}

/* プラダンケースタイトルの設定 */

#box-item {
	width: 620px;
	margin: 0px  0px 5px 0px;
	overflow:hidden;	
}

#box-item-inner {
	display:block; 
	background-image: url(../img/tl_box_item.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;
}

#box-item-inner h4 {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#0068B7;	
}

#box-item-inner .text01 {
	margin:0 0 0 20px; 
	color:#565656;	
	font-weight:normal;
}

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

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

/* タイトル部分 */
.title {
	display:block; 
	background-image: url(../img/tl_box_atype.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:#004DA2;	
}
.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-07-13 */
table.noline td{
	border: 1px none;
}

/* 線有りテーブル 2009-07-13 */
table.line td{
	border: #B5B5B6 1px solid;
}

/* テーブル 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;
}

/* 2009-07-13 基本セットのフォーム
form.baseset{
	background-color:#FFFFCC;
	border:2px solid #FF6600;
}*/

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

.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 */




/* プラダンケースA式のタイトル */


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

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

/* プラダンA式とはの設定 */
#box-atype {
	width:600px;
	padding:0px 0px 30px 0px; 
	overflow:hidden;
}

#box-atype .twin01 {
	float: left;
	width: 340px;
	display: inline;
	padding:10px 10px 0px 10px;
}

#box-atype .twin02 {
	float: left;
	width: 230px;
	display: inline;
	padding:0px 0px 0px 10px;
}


/* プラダンケース 商品一覧の設定 */

#box-list {
	width: 620px;
	margin: -20px  0px 30px 0px;
}

/* プラダンA式の大枠 */

#box-list-box {
	width: 615px;
	margin-left:2px;
	border:#3885C7 1px solid;
	background:#C7D8EF;
}

#box-list-box-inner {
	height:660px;
	position:relative;
	overflow:hidden;	
}

#box-list-text {
	width:590px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 0px 10px;
	border-bottom:#5B99D1 1px solid;
}

/* プラダンコンテナの大枠 */

#box-list-box2 {
	padding-bottom:20px;
	background:#C7D8EF;
}

#box-list-box-inner2 {
	height:350px;
	position:relative;
	overflow:hidden;	
}

#box-list-text2 {
	width:590px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 0px 10px;
	border-bottom:#5B99D1 1px solid;
	position:relative;
}

/* 折り畳みコンテナの大枠 */

#box-list-box3 {
	padding-bottom:10px;
	background:#C7D8EF;
}

#box-list-box-inner3 {
	height:340px;
	position:relative;
	overflow:hidden;	
}

#box-list-text3 {
	width:590px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 0px 10px;
	border-bottom:#5B99D1 1px solid;
	position:relative;
}

/* プラダンコンテナC式の大枠 */

#box-list-box4 {
	background:#C7D8EF;
}

#box-list-box-inner4 {
	height:340px;
	position:relative;
	overflow:hidden;	
}

#box-list-text4 {
	width:590px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 0px 10px;
	border-bottom:#5B99D1 1px solid;
	position:relative;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の背景画像：通常 */

#box-list-box-inner .item-box, 
#box-list-box-inner2 .item-box,
#box-list-box-inner3 .item-box,
#box-list-box-inner4 .item-box{
	background-image:url(../img/i_box_bg.png);
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:290px;
	height:140px;
	position:absolute;
	margin-left:8px;
	top: -5px;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の背景画像：薄い色 */

#box-list-box-inner .item-box2,
#box-list-box-inner2 .item-box2,
#box-list-box-inner3 .item-box2,
#box-list-box-inner4 .item-box2 {
	background-image:url(../img/i_box_bg2.png); 
	background-repeat:no-repeat;
	background-position:left;
	behavior: url(http://www.yamakoh.com/js/iepngfix2.htc);
	width:290px;
	height:140px;
	position:absolute;
	margin-left:8px;
	top: -5px;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の1番目の位置 */

#box-list-box-inner #list-type01, 
#box-list-box-inner2 #list-type01,
#box-list-box-inner3 #list-type01,
#box-list-box-inner4 #list-type01{
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:40px;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の2番目の位置 */

#box-list-box-inner #list-type02,
#box-list-box-inner2 #list-type02,
#box-list-box-inner3 #list-type02,
#box-list-box-inner4 #list-type02 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:40px;
	left:310px;	
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の3番目の位置 */

#box-list-box-inner #list-type03,
#box-list-box-inner2 #list-type03,
#box-list-box-inner3 #list-type03,
#box-list-box-inner4 #list-type03{
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:195px;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の4番目の位置 */

#box-list-box-inner #list-type04,
#box-list-box-inner2 #list-type04,
#box-list-box-inner3 #list-type04,
#box-list-box-inner4 #list-type04{
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:195px;
	left:310px;		
}

/* プラダンA式の5番目の位置 */

#box-list-box-inner #list-type05 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:350px;
}

/* プラダンA式の6番目の位置 */

#box-list-box-inner #list-type06 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:350px;
	left:310px;		
}

/* プラダンA式の7番目の位置 */

#box-list-box-inner #list-type07 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:505px;
}

/* プラダンA式の8番目の位置 */

#box-list-box-inner #list-type08 {
	float: left;
	width: 310px;
	display: inline;
	position:absolute;
	top:505px;
	left:310px;		
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の右枠画像の位置 */

#box-list-box-inner .item-box .twin01 img,
#box-list-box-inner2 .item-box .twin01 img,
#box-list-box-inner3 .item-box .twin01 img,
#box-list-box-inner4 .item-box .twin01 img {
	padding-top:8px;
	padding-left:8px;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の右枠のサイズ */

#box-list-box-inner .item-box .twin01,
#box-list-box-inner2 .item-box .twin01,
#box-list-box-inner3 .item-box .twin01,
#box-list-box-inner4 .item-box .twin01{
	float: left;
	width: 120px;
	display: inline;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式の左枠のサイズ */

#box-list-box-inner .item-box .twin02,
#box-list-box-inner2 .item-box .twin02,
#box-list-box-inner3 .item-box .twin02,
#box-list-box-inner4 .item-box .twin02{
	float: left;
	width: 145px;
	display: inline;
	padding-top:10px;
	padding-left:13px;
}

/* プラダンA式・プラダンコンテナ・折り畳みコンテナ・プラダンC式のアイコンの配置 */

#box-list-box-inner .icon-box,
#box-list-box-inner2 .icon-box,
#box-list-box-inner3 .icon-box,
#box-list-box-inner4 .icon-box {
	width:145px;
	padding:0px 0px 10px 0px;

}

#box-list-box-inner .icon-box li,
#box-list-box-inner2 .icon-box li,
#box-list-box-inner3 .icon-box li,
#box-list-box-inner4 .icon-box li{
	width:48px;
	float:left;
	display:inline;
}

/* プラダンケース 商品一覧のリンク */

#box-list a:link {
		font-weight:bolder;
	  color: #C7000A;
	  text-decoration: none;
}

#box-list a:visited {
	font-weight:bolder;
	  color: #6122A8;
	  text-decoration: none;
}

#box-list a:hover {
	font-weight:bolder;
	  color: #A82222;
	  text-decoration: underline;
}


/* プラダンケース バナー設定 */

#box-link {
	width: 620px;
	margin: 0px  0px 15px 0px;
	overflow:hidden;	
}

#box-link li{
	width:310px;
	float:left;
	display:inline;
	padding:0px 0px 5px 0px;
}

/* プラダンケース 目的で選ぶ設定 */

#box-choice {
	width: 620px;
	margin: 0px  0px 5px 0px;
	overflow:hidden;	
}

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

#box-choice-inner h4{
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#0068B7;	
}

/* プラダンケース コストダウンの設定 */

#box-costdown {
	width:620px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 10px 0px;
	border-bottom:#5B99D1 1px solid;
	position:relative;
}

#box-costdown-inner {
	width:620px;
}

#box-costdown-inner li{
	width:155px;
	float:left;
	display:inline;
}


/* プラダンケース プラダンことを知りたい・機能UPの設定 */

#box-know {
	width:620px;
}

#box-know .twin01 {
	float: left;
	width: 310px;
	display: inline;
}

#box-know .twin01 p,
#box-know .twin02 p{
	width:305px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 10px 0px;
	border-bottom:#5B99D1 1px solid;
	position:relative;
}

#box-know .twin01 li{
	width:155px;
	float:left;
	display:inline;
}

#box-know .twin02 {
	float: left;
	width: 310px;
	display: inline;
}

#box-know .twin02 li{
	width:155px;
	float:left;
	display:inline;
}


/* プラダンケース 箱を探しているの設定 */

#box-search {
	width:620px;
	font-weight:bolder;
	font-size:108%;
	color:#0068B7;
	margin:10px 0px 10px 0px;
	border-bottom:#5B99D1 1px solid;
	position:relative;
}

#box-search-inner {
	width:620px;

}

#box-search-inner li{
	width:155px;
	float:left;
	display:inline;
	padding:0px 0px 20px 0px;
}

/* 業界別提案・プラダンで解決の設定 */
#box-pladan {
	width:620px;
	padding:0px 0px 30px 0px;
}

#box-pladan .twin01 {
	float: left;
	width: 300px;
	display: inline;
	border:#007F3E 1px solid;
	margin:0px 5px 0px 0px;
	height:auto;
}

#box-pladan .twin01 p{
	width:290px;
	padding:8px 0px 12px 8px;

}

#box-pladan .twin02 {
	float: left;
	width: 300px;
	display: inline;
	border:#007F3E 1px solid;
}

#box-pladan .twin01 img,
#box-pladan .twin02 img {
	padding:4px 0px 0px 4px;
}

#box-pladan .twin01 li {
	background-image: url(../img/i_ya_gn.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding: 5px 0px 5px 15px;
	float:left;
	width:60px;	
}

#box-pladan .twin02 ul{ 
	clear:both;
}

#box-pladan .twin02 li {
	background-image: url(../img/i_ya_gn.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
	padding: 5px 5px 5px 15px;
	float:left;
	display:inline;
}

/* プランダシートA式とはの設定 */

#box-atype-main {
	width: 600px;
	margin: 0px  0px 5px 5px;	
}

#box-atype-main-inner {
	display:block; 
	background-image: url(../img/tl_box_atype.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;	
}

#box-atype-main-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#004DA2;	
}

/* こういうときはプラダンA式がいいの設定 */

#box-atype-best {
	width:600px;
	padding-bottom:30px;
	padding-left:5px;
}

#box-atype-best h4 {
	border-bottom:1px #407AB9 dotted;
	color:#004DA2; 
	font-weight:bolder;
}

#box-atype-best li {
	background-image: url(../img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;	
}

/* 各部名称・寸法設定 */

#box-atype-name {
	width:600px;
	padding-bottom:30px;
	padding-left:5px;
}

#box-atype-name li {
	background-image: url(../img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;	
}


#box-atype-name h4 {
	border-bottom:1px #407AB9 dotted;
	color:#004DA2; 
	font-weight:bolder;
}



/* プラダンA式の形状 */

#box-atype-style {
	width: 600px;
	margin: 0px  0px 5px 0px;
	overflow:hidden;	
}

#box-atype-style-inner {
	display:block; 
	background-image: url(../img/tl_box_atype.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;
}

#box-atype-style-inner h4{
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#0068B7;	
}

#atype-style-box {
	width:600px;
	padding-bottom:30px;
	padding-left:3px;	
}

#atype-style-box table {
	border-collapse: collapse;
}

#atype-style-box td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
}

#atype-style-box td.w90 {
	width:90px;
	text-align:center;	
}

#atype-style-box th {
	background: #EFEFEF;
	font-weight: normal;
	width: 140px;
}

#atype-style-box .first {
	background:#F7F4ED;
	text-align:center;	
}

/* プラダンA式の形状（バリエーション）タイプの設定 */

#atype-style-type01,
#atype-style-type02,
#atype-style-type03,
#atype-style-type04,
#atype-style-type05
 {
	width:600px;
	padding:0px 0px 15px 0px;
}

.style-item01, 
.style-item02, 
.style-item03, 
.style-item04,
.style-item05 {
	float: left;
	display: inline;
	position:static;
	/*padding:0px 0px 0px 5px;*/
	width: 145px;
}
.jswap_l img{
	vertical-align:bottom;
}
.style-img-box li{
	float: left;
	display: inline;
	width:45px;
	margin-top:3px;
	padding:0;
}

#atype-style-type01  a:link,
#atype-style-type02  a:link,
#atype-style-type03  a:link,
#atype-style-type04  a:link,
#atype-style-type05  a:link {
	font-weight:bolder;
	color: #C7000A;
	text-decoration: none;
}

#atype-style-type01  a:visited,
#atype-style-type02  a:visited,
#atype-style-type03  a:visited,
#atype-style-type04  a:visited,
#atype-style-type05  a:visited {
	font-weight:bolder;
	  color: #6122A8;
	  text-decoration: none;
}

#atype-style-type01  a:hover,
#atype-style-type02  a:hover,
#atype-style-type03  a:hover,
#atype-style-type04  a:hover,
#atype-style-type05  a:hover {
	font-weight:bolder;
	  color: #A82222;
	  text-decoration: underline;
}

#style-type{
	width:600px;
	padding:0px 0px 20px 0px;
}

#style-type li{
	background-image: url(../img/i_circle_gr.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;
}

/* 組み立て方法（かしめ方） */

#box-structure {
	width: 600px;
	margin: 0px  0px 5px 0px;
	overflow:hidden;	
}

#box-structure p{
	padding:0px 0px 0px 5px;
}

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

#box-structure-inner h4{
	padding:6px 0px 0px 0px; 
	margin:0 0px 0 5px; 
	font-weight: bolder;
	color:#0068B7;	
}

#atype-structure-box {
	width:600px;
	padding-bottom:10px;
	padding-left:3px;	
}

#atype-structure-box table {
	border-collapse: collapse;
}

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

#atype-structure-box td {
	width:100px;
}

#atype-structure-box th {
	background: #EFEFEF;
	font-weight: normal;
	width: 150px;
}

#atype-structure-box .first {
	background:#F7F4ED;
}

#atype-structure-point {
	width:600px;
	padding:0px 0px 10px 5px;
}

#atype-structure-point li { 
	list-style-type:decimal;
	list-style-position:inside;
}

/* 組み立て方法（かしめ方）例の設定 */

#box-ex {
	width:600px;
	padding:0px 0px 20px 0px;
}

#box-ex .twin01 {
	float: left;
	width: 35px;
	display: inline;
	padding:5px 0px 0px 0px;
}

#box-ex .twin02 {
	float: left;
	width: 550px;
	display: inline;
}

#box-ex .twin02 li{
	background-image: url(../img/i_circle_gr.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;
}

/* 導入後の運用方法についての設定 */
#box-atype-way {
	width: 600px;
	margin: 0px  0px 20px 0px;
}

#box-atype-way-inner {
	display:block; 
	background-image: url(../img/tl_box_atype.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;
}

#box-atype-way-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#004DA2;
}

#box-atype-way h4 {
	border-bottom:1px #407AB9 dotted;
	color:#004DA2; 
	font-weight:bolder;
}

#box-atype-way li {
	background-image: url(../img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;	
}

#box-atype-way p{
	padding:5px 0px 5px 5px;
}


/* 製造の様子 */

#box-atype-manufacture {
	width: 600px;
	margin: 0px 0px 80px 0px;
}

#box-atype-manufacture-inner {
	display:block; 
	background-image: url(../img/tl_box_atype.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;
}

#box-atype-manufacture-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#004DA2;
}

/*　プランダシートケースA式 よくある質問の設定　*/

#box-atype-fq {
	width: 600px;
	margin: 0px  0px 10px 0px;
}

#box-atype-fq-inner {
	display:block; 
	background-image: url(../img/tl_box_atype.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;
}

#box-atype-fq-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#004DA2;
}

#box-atype-fq li {
	background-image: url(../img/i_circle_bl.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;
}		


#box-atype-fq .line-r {
	border-bottom: #9F9FA0 1px dotted;
	margin: 0px 4px 0px 4px;
}

#box-atype-text {
	padding:0px 20px 30px 0px;
	text-align:right;
}


/* 関連資材 */

#box-atype-materialconnect {
	width: 600px;
	margin: 0px 0px 20px 0px;
	position:relative;
	clear:both;
	display:block;
}

#box-atype-materialconnect:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#box-atype-materialconnect-inner {
	display:block; 
	background-image: url(../img/tl_box_atype.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;
}

#box-atype-materialconnect-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#004DA2;
}
#box-atype-materialconnect ul{
	width:100%;
	position:relative;
}
#box-atype-materialconnect li{
	position:static;
	width:120px;
	display:inline-block;
	float:left;
}
#box-atype-materialconnect img{
	margin:0 10px 0 10px;
}
#box-atype-materialconnect li p{
	text-align:center;
}


/* bata部分詳細設定 */

/* プラダンケース コストシミュレーターの設定*/

button#answer{
	width:74px;
	height:24px;
	border:0;
	margin-left:50px;
	background-color:#DFF2FC;
	padding:0;
	cursor:pointer;
}

#box-cal {
	width:200px;
	border:#0080CC 1px solid;
	background:#DFF2FC;
	padding:7px 0px 7px 0px;
	position:relative;
	margin:0 0 20px 5px;
}

.box-cal-inner{
	position:static;
	width:100%;
}

#box-cal ul { 
	clear:both;
}

#box-cal li{
	float:left;
	display:inline;
	width:auto;
	padding:0px 2px 3px 2px;
	text-align:left;
}
#box-cal li.name{
	width:3em;
}

#box-cal h4 { 
	padding-left:5px;
	font-weight:bolder;
	color:#0080CC;
	font-size:108%;
}

#box-cal p{ 
	float:right;
	display:inline;
	padding:0px 9px 5px 10px;
	background:url(../img/i_result_ya.gif); 
	background-repeat:no-repeat;
	background-position:0 3px;
}
 
#box-cal input.ans1{
	border:0;
	border-bottom:1px dotted #B6B2B3;
	background:#FDEDFC;
	width:103px;
	text-align:right;
}

ul#result {
	width:176px;
	margin:5px;
	padding:5px;
	border:#C7000A 2px solid;
	background:#FDEDFC;
}
ul#result li {
	float:none;
	display:block;
	clear:both;
}

ul#result h5 {
	color:#C7000A;
	font-weight:bold;
}

ul#result li ul li{
}
ul#result li ul span.name{
	width:5em;
	display:inline-block;
}

.down{
	margin-left:7px;
}

/* プラダンケース 定番商品の設定*/


#box-standard {
	width:200px;
	padding-bottom:20px;
	margin-left: 5px;		
}

#box-standard-inner {
	background:url(../img/t_box_standard.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:200px;
	height:118px;
}

#box-standard-inner p{
	color:#FFFFFF;
	padding:75px 0px 0px 8px;
}

#box-standard-inner li{
	width:200px;
	display:inline;
	float:left;
}

/* 1番目の背景画像 */

.standard-item01 {
	background:url(../img/b_box_standard01.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:200px;
	height:167px;
}

/* 2番目の背景画像 */

.standard-item02 {
	background:url(../img/b_box_standard02.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:200px;
	height:168px;
}

/* 3番目の背景画像 */

.standard-item03 {
	background:url(../img/b_box_standard03.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:200px;
	height:167px;
}

/* 4番目の背景画像 */

.standard-item04 {
	background:url(../img/b_box_standard04.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:200px;
	height:167px;
}

/* 5番目の背景画像 */

.standard-item05 {
	background:url(../img/b_box_standard05.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:200px;
	height:174px;
	margin-bottom:5px;
}

/* 1-5番目の画像の位置 */
.standard-item01 img,
.standard-item02 img,
.standard-item03 img,
.standard-item04 img,
.standard-item05 img {
	padding:15px 0px 0px 25px;
}

.standard-item01 p,
.standard-item02 p,
.standard-item03 p,
.standard-item04 p,
.standard-item05 p{
	font-weight:bolder;
	text-align:center;
}

/* 1-5番目のリンク設定 */


.standard-item01  a:link,
.standard-item02  a:link,
.standard-item03  a:link,
.standard-item04  a:link,
.standard-item05  a:link {
		font-weight:bolder;
	  color: #C7000A;
	  text-decoration: none;
}

.standard-item01  a:visited,
.standard-item02  a:visited,
.standard-item03  a:visited,
.standard-item04  a:visited,
.standard-item05  a:visited {
	font-weight:bolder;
	  color: #6122A8;
	  text-decoration: none;
}

.standard-item01  a:hover,
.standard-item02  a:hover,
.standard-item03  a:hover,
.standard-item04  a:hover,
.standard-item05  a:hover {
	font-weight:bolder;
	  color: #A82222;
	  text-decoration: underline;
}

/* プランダシート 新着情報・お客様の声・用途事例の設定 */

#sheet-new-box {
	width: 620px;
	border: #9F9FA0 1px solid;
	margin: 0px  0px 30px 0px;
}

#sheet-new-box-inner {
	display:block; 
	background-image: url(../img/tl_new_g.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;
}

#sheet-new-box-inner .text {
	margin:0 0 0 5px; 
	font-weight: bolder;
	color:#3B9E3A;
}

#sheet-new-box h4 a {
	width: 50px;
	height: 19px;
	display: inline; 
	float: right;
	right: 3px;
	margin: 0;
	top:7px;
	position:absolute;
}

#sheet-new-box li {
	padding-left: 4px;
	margin-bottom: 4px;
	height:22px;
	vertical-align:bottom;
}

#sheet-new-box .line-r {
	border-bottom: #9F9FA0 1px dotted;
	margin: 0px 4px 0px 4px;
}

#sheet-new-box .line-r-last {
	margin: 0px 4px 0px 4px;
}

/* 2009-07-16 基本セット用フォームのチェック */
div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../img/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../img/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}

/* フォームパーツ用 */
.form_wh01 {width: 464px; height: 18px; line-height: 18px; border: #999 1px solid;}/* 単・長 */
.form_wh02 {width: 464px; line-height: 18px; border: #999 1px solid;}/* 複・長 */
.form_wh03 {width: 40px; height: 18px; line-height: 18px; border: #999 1px solid;}/* 単・短 */
.form_wh04 {width: 60px; height: 18px; line-height: 18px; border: #999 1px solid;}/* 単・短 */
.form_wh05 {width: 250px; height: 18px; line-height: 18px; border: #999 1px solid;}/* 単・中長 */
.form_wh06 {width: 100px; height: 18px; line-height: 18px; border: #999 1px solid;}/* 単・中 */



/* 汎用画像のサイズ 2009-08-27追加*/

.itemimg-260 {
	padding-right:7px;
	float: right;
	width: 260px;
}

.itemimg-320 {
	padding-right:7px;
	padding-top:10px;
	float: right;
	width: 320px;
}

.itemimg-230 {
	padding-left:20px;
	float: right;
	width: 230px;
}

.itemimg-180 {
	padding-left:20px;
	float: right;
	width: 180px;
}

/* 汎用ボックス外側 下の隙間10px設定 2009-08-27追加*/

.box-10 {
	width: 600px;
	margin: 5px  0px 10px 0px;
	overflow:hidden;	
}

.box-10 .twin01 {
	float: left;
	width: 365px;
	display: inline;
	padding:0px 0px 0px 5px;
}

.box-10 .twin02 {
	float: left;
	width: 205px;
	display: inline;
	padding:0px 0px 0px 25px;	
}

.box-10 p{
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 5px; 
}

.box-10-inner {
	padding-top:2px;
	padding-left:5px;
}

.box-10 .sp {
	margin-top:10px;
}

.box-10 .sp-20 {
	padding-bottom:20px;
}

.box-10 ul{
	padding: 0px 0px 0px 5px;
}

.box-10 .b-br {
	padding-top:10px;
	border:#CCCCCC 1px solid;
	width:350px;
	height:160px;
}

.box-10 ul.list-gr li {
	background-image: url(../img/i_square_gr.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 0px 20px;
}

.box-10 ul.list-bl li {
	background-image: url(../img/i_square_bl.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 0px 20px;
}

.box-10 ul.list-sq li {
	background-image: url(../img/i_circle_mgr.gif);
	background-repeat: no-repeat;
	background-position: 0 12px;
	padding: 5px 0px 0px 10px;	
}

/* 汎用ボックス・テーブル設定 2009-08-27追加*/

.box-10 table{
	border-collapse: collapse;
	/*width:590px;*/
}
.box-10 td,th {
	border: #B5B5B6 1px solid;
	padding: 3px 3px 3px 7px;
	color:#404040;	
}

.box-10 td.first,
.box-10 th.first {
	background:#F7F5EE;
	text-align:left;
	font-weight:normal;
}

.box-10 th {
	font-weight:normal;
	text-align:left;
}

.box-10 td {
	font-weight:normal;
	text-align:center;
}

.box-10 td.gray {
	background:#F2F2F2;
	font-weight:normal;
	width:130px;
	text-align:center;
}

.box-10 td.pink {
	background:#FDF0EF;
	font-weight:normal;
	text-align:left;
}

.box-10 .red {
	background:#FDEEED;
	color:#C7000B;
	font-weight:bolder;
}

.box-10 .blue {
	color:#005FAF;
	font-weight:bolder;
	text-align:right;
	padding-top:10px;
}

.box-10 td.w130 {
	width:130px;
	text-align:left;
	vertical-align:top;
}

.box-10 .blue a:link{
	color:#005FAF;
	font-weight:bolder;
	text-decoration: none;
}

.box-10 .blue a:visited {
	font-weight:bolder;
	color: #6122A8;
	text-decoration: none;
}
.box-10 .blue a:hover {
	font-weight:bolder;
	color: #A82222;
	text-decoration: underline;
}

/* 余白設定 2009-08-27追加*/

.btn-180 {
	padding-left:180px;
}

.btn-50 {
	padding-left:50px;
}

.btn-30 {
	padding-left:30px;
}


/* 汎用テーブル青色 2009-08-27追加*/

.tbl-blu {
	width: 580px;
	border: #4995D0 1px solid;
	background-color:#F2F9FE;
	margin-left: 5px;
	clear:both;
	padding:5px 0px 0px 10px;
}

.tbl-blu-inner {
	display:block; 
	clear:both;
	padding-bottom: 20px;
}

.tbl-blu li{
	background-image: url(../img/i_square_bl.gif);
	background-repeat: no-repeat;
	background-position: 1px 7px;
	padding: 5px 0px 5px 20px;
}

/* 汎用テーブル緑色 2009-08-27追加*/

.tbl-green {
	width: 590px;
	border: #00A756 1px solid;
	background-color:#FFFFFF;
	margin-left: 5px;
	clear:both;
}

.tbl-green-inner {
	display:block; 
	clear:both;
	padding-bottom: 20px;
}

.tbl-green-inner h4 {
	width:578px;
	background-color:#00A756;	
	height:20px;
	color:#FFFFFF;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	padding-top: 5px;
	padding-left:5px;
	font-weight:bolder;
}

.tbl-green-inner p.text{
	padding-right:8px;
	padding-bottom:10px;
}

/* 汎用テーブル灰色 2009-08-27追加*/

.tbl-gr {
	width: 590px;
	border: #C0C0C1 1px solid;
	background-color:#FFFFFF;
	margin-left: 5px;
	clear:both;
}

.tbl-gr-inner {
	display:block; 
	clear:both;
}

.tbl-gr-inner h4 {
	width:578px;
	background-color:#ADADAD;	
	height:20px;
	color:#FFFFFF;
	margin-left: 4px;
	margin-right: 2px;
	margin-top: 2px;
	padding-top: 5px;
	padding-left:5px;
	font-weight:bolder;
}

.tbl-gr .bg_blu {
	margin-left:7px;
	margin-bottom:8px;
	padding:5px;
	width:568px;
	background-color:#E4F4FD;
	color:#787676;
}

.tbl-gr .bg_dblu {
	margin-left:7px;
	margin-bottom:8px;
	padding:5px;
	width:568px;
	background-color:#EDF0F2;
	color:#787676;
}

.tbl-gr .bg_yel {
	margin-left:7px;
	margin-bottom:8px;
	padding:5px;
	width:568px;
	background-color:#FEF3CB;
	color:#787676;
}

.tbl-gr .bg_pnk {
	margin-left:7px;
	margin-bottom:8px;
	padding:5px;
	width:568px;
	background-color:#FDF0EF;
	color:#787676;
}

/* テキストボールド設定 2009-08-27追加*/

.text-green {
	color:#23AB38;
	font-weight:bolder;
}

.text-red {
	color:#C7000B;
	font-weight:bolder;
}

.text-blue {
	color:#005FAF;
	font-weight:bolder;
}

.text-black {
	color:#000000;
	font-weight:bolder;
	margin-top:10px;
	padding:0px 5px 4px 0px;
}

.text-skyblue {
	color:#00ADED;
	font-weight:bolder;
}

.text-dblue {
	color:#5496A3;
	font-weight:bolder;
}

.text-yellow {
	color:#DCA300;
	font-weight:bolder;
}

.text-pink {
	color:#EE7383;
	font-weight:bolder;
}

.text-gr {
	color:#787676;
	font-weight:bolder;
}

/* コストダウンシミュレーターの使い方 2009-08-27追加*/

#price-box {
	width: 600px;
	display: inline;
	line-height:180%;
	overflow:hidden;
}

#price-box-inner {
	width:595px;
	margin:10px 0px 0px 5px;	
	clear:both;
}

#price-box-inner h4 {
	display:block; 
	background-image: url(../img/tl_box_item.jpg); 
	background-repeat: no-repeat; 
	background-position: left top; 
	color:#0068B7;	
	margin:0 0 0 3px; 
	padding:6px 0px 0px 0px; 
	height:31px; 
	line-height:22px; 
	font-weight: bolder;
}
#price-box-inner p {
	padding: 0px 0px 35px 10px;
}

#price-box img {
	float:right;
	display:inline;
	margin:0 0 1em 1em;
}
