@charset "utf-8"; 

/* ---------------
product.css
製品紹介のレイアウト・構成の形を定義しています。
--------------- */

/* ------ 製品紹介 トップページ ------ */
/* 製品の囲い */
.productUnit{
	margin-bottom: 30px;
	background-color: #FFF;
	border-top: solid 4px #26228B;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: none;
}


.productUnit h2{
	padding: 10px 25px 10px 30px;
	background: url(../../try110/images/midasiType1.gif) no-repeat 15px 12px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* トップページ製品 全体の囲み */
.productType{
	background: url(../../try110/images/bg3column.gif) repeat-y left top;
}

/* トップページ製品 3つずつの囲み */
.productUnit .boxLoop{
	border-bottom: solid 1px #CCC;
}

/* トップページ製品1件囲み */
.productTopItem {
	float: left;
	width: 232px;
}

.productType .boxLoop div.productTopItem:last-child {
    width: 233px;
}

/* トップページ製品1件囲み　ビガーリンク用設定 */
.productUnit .bl-hover{
	background-color: #EEE;
}

/* トップページ製品1件囲み　写真 */
.productType .photo{
	padding: 7px 0;
	border-bottom: dotted 1px #CCCCCC;
	text-align: center;
}

/* 製品テキスト部分 */
.productType .text{
	width: 200px;
	margin: 0 auto;
	padding: 20px 0;
}

/* 製品タイトル */
.productType .text h3,
#productIndexSub .unit .link{
	margin: 20px 0 0 0;
	padding-left: 20px;
	background: url(../../try110/images/iconLinkType3.gif) no-repeat left 3px;
	font-weight: normal;
}

.productType .text h3 a{
	color: #0066CC;
}

/* 製品紹介トップページ用バナー */
ul.productTopBanner {
	clear: both;
	background-color: #D4D3E8;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 10px 0 10px 10px;
}
ul.productTopBanner li {
	float: left;
	width: 218px;
	margin: 0 10px 10px 0;
}

/* 製品紹介トップページ用 サブユニット */
#productSubUnitBox{
	margin-bottom: 50px;
}

.productSubUnit{
	float: left;
	width: 218px;
	margin-right: 20px;
	background-color: #FFF;
	border-top: solid 4px #333333;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;

}

#productSubUnitBox .last{
	margin-right: 0;
}


.suppleTextLabel {
	background-color:#CC0000;
	-moz-border-radius:3px 3px 3px 3px;
	color:#FFFFFF;
	font-size:10px;
	line-height:1;
	padding:2px 10px;
}



/* 製品紹介トップページ用 サブユニット：見出し */
.productSubUnit h4{
	padding: 10px 20px 10px 30px;
	background: url(../../try110/images/midasiType1.gif) no-repeat 15px 13px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* 製品紹介トップページ用 サブユニット：リスト */
.productSubUnit ul{
	width: 178px;
	margin: 0 auto;
	padding: 20px 0;
}

.productSubUnit ul li{
	padding-left: 22px;
	background: url(../../try110/images/iconLinkType2.gif) no-repeat left 5px;
}

.productSubUnit ul li a{
	color: #333;
}

/* 製品紹介トップページ用 サイド：バナー */
#productTopBanner li{
	margin-bottom: 10px;
	border: solid 1px #CCC;
	_border: none;
}

.kawaraTopEntryWrapper {
	padding: 10px;
	border-bottom: 1px solid #CCCCCC;
}

.topEntryImage {
	float: right;
	margin: 0 0 10px 10px;
}

/* ----- 詳細ページ ----- */
#productIndexSub{
	padding: 0;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	background: #FFF url(../../try110/images/bg3column.gif) repeat-y left top;
}

#productIndexSub .unit{
	float: left;
	width: 192px;
	padding: 20px;
}

#productIndexSub .unit h4{
	margin: 0 0 20px 0px;
	padding-left: 20px;
	background: url(../../try110/images/midasi3.gif) no-repeat left 10px;
	font-size: 15px;
	color: #666666;
	overflow: hidden;
	zoom: 1;
}

#productIndexSub .bl-hover{
	background-color: #EEE;
}

/* ----- カラーバリエーション ----- */
#main .colorBoxGroup{
	margin-bottom: 30px;
}

/* 外観の写真 */
#main .colorBoxGroup .appearancePhoto{
	float: left;
	width: 372px;
	margin: 0 20px 0 0;
	border: solid 4px #E0E0E0;
}

#main .colorBoxGroup .miniPhoto{
	float: left;
	width: 230px;
}

/* 製品（単独） */
#main .colorBoxGroup .singularityPhoto{
	margin: 0 0 20px 0;
}

/* 製品（複数） */
#main .colorBoxGroup .plurallyPhoto{
	width: 222px;
	/*border: solid 4px #E0E0E0;*/
	margin: 0;
}

/* 解説 */
#main .colorBoxGroup .text{
	margin-top: 5px;
	font-size: 11px;
	color: #666666;
}

/* プレミアムカラー （単独） */
.premiumColorPhoto .Singul{
	float: left;
	width: 117px;
	margin-right: 20px;
}

.premiumColorPhoto .Plurally{
	float: left;
	width: 222px;
}

/*製品トップピックアップ*/
table.entryFormTable tr.productTop-fade td a.productTop-fade-head {
	display:block;
	outline:0 none;
	padding:7px 0;
	text-align:center;
	width:100%;
}
table.entryFormTable tr.productTop-fade th, 
table.entryFormTable tr.productTop-fade td, 
table.entryFormTable tr.productTop-fade-body th, 
table.entryFormTable tr.productTop-fade-body td {
	background-color:#D4D3E8 !important;
}
table.entryFormTable tr.productTop-fade td {
	padding: 0 !important;
}


table.entryFormTable tr.productKawaraTop-fade td a.productKawaraTop-fade-head {
	display:block;
	outline:0 none;
	padding:7px 0;
	text-align:center;
	width:100%;
}
table.entryFormTable tr.productKawaraTop-fade th, 
table.entryFormTable tr.productKawaraTop-fade td, 
table.entryFormTable tr.productKawaraTop-fade-body th, 
table.entryFormTable tr.productKawaraTop-fade-body td {
	background-color:#D4D3E8 !important;
}
table.entryFormTable tr.productKawaraTop-fade td {
	padding: 0 !important;
}


table.entryFormTable tr.productKawaraColor-fade td a.productKawaraColor-fade-head {
	display:block;
	outline:0 none;
	padding:7px 0;
	text-align:center;
	width:100%;
}
table.entryFormTable tr.productKawaraColor-fade th, 
table.entryFormTable tr.productKawaraColor-fade td, 
table.entryFormTable tr.productKawaraColor-fade-body th, 
table.entryFormTable tr.productKawaraColor-fade-body td {
	background-color:#D4D3E8 !important;
}
table.entryFormTable tr.productKawaraColor-fade td {
	padding: 0 !important;
}

/* ----- 記事作成画面 ----- */
#main940 {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 30px 9px 30px 29px;
    text-align: left;
}

/* ----- カスタムフィールドグループ ----- */

/* カスタムフィールドグループ 開閉ボタン */
/* ファイルアイコン */
#main940 .fileiconImg{
	margin: 0;
}

/* ファイルパス */
#main940 .fileiconPath{
	margin: 0 0 10px;
}

/* カスタムフィールドグループ テーブル全体 */
#main940 .fieldGroupBox{
	margin-bottom: 35px;
}

#main940 .fieldGroupBox .box{
	border: solid 1px #CCC !important;
}