@charset "utf-8";

/*************** ラミネート関連スタイル ****************/

/************** .story styles *****************/

div.story{
clear:both;
}

.storyend{
clear:both;
border-bottom:2px dotted #bbbbbb;
padding-top:15px;
}


/* ----- サブカテゴリ・エントリーのリストカラムレイアウト ----- */

div.twocolumns,
div.threecolumns,
div.fourcolumns{
margin:10px -15px 10px 10px;
clear:both;
}

div.twocolumns div,
div.threecolumns div,
div.fourcolumns div{
float:left;
border:dashed 2px #aaa;
min-height:320px;height:auto !important;height:320px; /* Min-Height Fast Hack */
background:url(images/hair_line_silver.jpg) no-repeat 0 0 transparent;
}

div.twocolumns div{
width:325px;
margin:0 15px 10px 0;
}

div.threecolumns div{
width:220px;
margin:0 5px 10px 0;
}

div.fourcolumns div{
width:165px;
margin:0 4px 10px 0;
}


div.twocolumns h3,
div.threecolumns h3,
div.fourcolumns h3{
margin:0 0 4px 0 !important;
min-height:3em;height:auto !important;height:3em; /* Min-Height Fast Hack */
}

div.twocolumns h4,
div.threecolumns h4,
div.fourcolumns h4{
width:auto !important;
margin:0 0 4px 0 !important;
min-height:3.4em;height:auto !important;height:3.4em; /* Min-Height Fast Hack */
border-left:solid 5px #f59;
font-weight:bold;
}

div.threecolumns p,
div.twocolumns p,
div.fourcolumns p{
margin:5px !important;
font-size:90%;
}

div.twocolumns p.imglinks,
div.threecolumns p.imglinks,
div.fourcolumns p.imglinks{
text-align:center;
margin:5px 0 !important;
}

div.twocolumns p.imgkatalinks,
div.threecolumns p.imgkatalinks,
div.fourcolumns p.imgkatalinks{ /* 型抜きラミ・用紙カテゴリの型一覧 */
text-align:center;
border-top:solid 1px #aaa;
margin-top:25px !important;padding-top:5px;
}

div.twocolumns ul.categorybutton{ /* ボックスレイアウト内のエントリーリンク */
margin-left:50px !important;
margin-right:50px !important;
}

div#orderflowpattern div{ /* 注文の流れページ用 */
min-height:200px;height:auto !important;height:200px; /* Min-Height Fast Hack */
}



div.catdesc p img{ /* カテゴリ概要がカテゴリーでボックスレイアウトされる場合 */
float:left;
margin:0 5px 5px 0;
}



/*************** div.nukimaterial ****************/

/*.nukimaterial p{
padding: 0px 0px 10px 0px;
}

div.nukimaterial{
float:left;
margin:10px 0 30px 0;
}

div.nukimaterial img{
float:left;
}*/


ul.categorybutton{
margin:10px 0 !important;
text-align:center;
}


ul.categorybutton li{
/*float:left;
margin:4px;*/
display:inline;
list-style:none;
text-align:center;
}

/*div.nukimaterial h3{
clear:both;
margin:0;
padding:3px 3px 3px 5px;
border-left:5px solid #ff0000;
font-size:100%;
line-height:130%;
}*/


/*************** div#nashifilmtop,div#nashiyoushitop ****************/

div#nashifilmtop, div#nashiyoushitop{
float:left;
}

div#nashifilmtop img{

padding:0 10px 0 0 !important;
margin:0 10px 0 0 !important;
}

p.comment{
clear:both;
}

div#nashifilmtop h3, div#nashiyoushitop h3{
margin:3px;
width:290px;
text-align:center;
}


/*************** ul#platetype ****************/
/* --- 型抜きタイプ別ページのデザインリスト --- */

ul#platetype{
/*width:685px;*/
margin:0 -10px 0 10px !important;
padding:0;
}

ul#platetype li{
float:left !important;
width:225px;
height:300px;
margin:0;
padding:0;
text-align:center;
list-style:none;
}


/*************** div.specification ****************/


/* --- 仕様部分　---　*/

div.specification img{
float:left;
}

div.specification dl{
margin:0 0 0 300px !important;
}

div.specification dt{
color:#666666;
}

div.specification dd{
font-size:95%;
margin:0 0 0 15px ;
}

/*************** div#a4setdetails ****************/

div#a4setdetails h3,
div#b4setdetails h3,
div#a3setdetails h3{
margin:20px 0 0 0;
padding:3px 3px 3px 5px;
border-left:5px solid #ff0000;
font-size:100%;
line-height:130%;
}
div#a4setdetails p,
div#b4setdetails p,
div#a3setdetails p{
margin:5px 0;
}

/*************** .thumbnaillist ****************/
/* --- 型抜き済みラミ・用紙各ページの型バリエーションリスト --- */
/* --- オリジナルプレートデザイン一覧ページのデザインリスト --- */

ul.thumbnaillist{
clear:both;
margin-left:15px !important;
}

ul.thumbnaillist li{
margin:2px 2px 15px 2px;
padding:4px;
/*height:85px;*/
min-height:70px;height:auto !important;height:70px; /* Min-Height Fast Hack */
font-size:90%;
text-align:center;
list-style-type:none;
float:left;
}



div#designviews h4{ /* オリジナルプレートデザイン一覧ページの子見出し */
padding-top:10px !important;
}




/*************** .nukithumbnaillist ****************/
/* --- 抜き型の一覧＆型No.別ページの「こんな商品も...」リスト --- */

ul.nukithumbnaillist{
height:auto;
clear:both;
}

ul.nukithumbnaillist li{
width:100px;
min-height:120px;height:auto !important;height:120px; /* Min-Height Fast Hack */
padding:2px;
margin:2px 0 15px 0;
font-size:80%;
text-align:center;
list-style-type:none;
float:left;
}


/*************** .pricelist ****************/

table.pricelist{
clear:both;
border:1px solid #cccccc;
border-collapse:collapse;
width:655px;
}

table.pricelist thead th{
border:1px solid #cccccc;
font-weight:bold;
padding:3px 3px;
background-color:#e0e8f2;
color:#336699;
text-align:center;
letter-spacing:1px;
}
table.pricelist tbody th{
border:1px solid #cccccc;
font-weight:normal;
padding:2px;
background-color:#ffffff;
color:#333333;
text-align:left;
}

table.pricelist tbody td{
border:1px solid #cccccc;
padding:3px 3px;
background-color:#faf8fa;
font-weight:bold;
color:#333333;
text-align:center;
}

span.price{
color:#ff0000;
}


/* --- 「対応プリンターの種類から選ぶ」見出し --- */
/* --- 「用紙サイズで選ぶ」見出し --- */
/* --- 「ラミネート厚みで選ぶ」見出し --- */

div.selectby{
clear:both;
padding-top:10px;
}


div.selectby h2{
clear:both;margin-top:10px;
border-left:solid 7px #f00;
padding:3px 10px 2px 5px;
}



/* --- ガイドへのリンクリスト --- */

ul#guidelinklist{
list-style-type:none;
font-size:85%;
}

ul#guidelinklist li{
float:left;
width:110px;
margin:0 10px 10px 0;
min-height:90px;height:auto !important;height:90px; /* Min-Height Fast Hack */
}

/* ----- 用紙とラミネートの仕様 ----- */

dl.compspec{
/*clear:both;*/
margin:5px;
padding:0;
}

dl.compspec dt{
width:8.5em;float:left;
margin:0;
padding:2px 0 0 0;
color:#334d55;
}

dl.compspec dd{
/*margin:0 0 0 9em !important;*/
margin:0 !important;
padding:0 0 2px 0;
}


/* ----- ご注文の流れ・作成の注意点 ----- */

ol.operationguide li{
padding-bottom:15px;
}

ol.operationguide ul li{
padding-bottom:0;
}


/* ----- データ作成方法説明 ----- */

ul.datacreateguide li{
padding-bottom:15px;
}



/* ----- 入稿ファイル名説明 ----- */

dl.filenamesetting{
background-color:#efefef;
padding:10px;
}

dl.filenamesetting dt{
color:#36c;
}

dl.filenamesetting dd{
font-family:monospace;
letter-spacing:0.1em;
font-weight:bold;
}



/* ----- 型抜き用紙・ラミのサブカテゴリでの現物サムネールリスト ----- */

ul#katatypephotos{
list-style-type:none;
margin-left:20px !important;
margin-right:15px !important;
}

ul#katatypephotos li{
float:left;
width:62px;text-align:center;
margin-right:2px;
font-size:75%;line-height:1;
min-height:95px;height:auto !important;height:95px; /* Min-Height Fast Hack */
/*display:inline;*/
}

ul#katatypephotos li img{
border:solid 1px #999;
margin-bottom:2px;
}




/* ----- テキスト ----- */

p.happytocreate{ /* 喜んで作成いたします */
font-size:120%;font-weight:bold;
color:#ff1493;
}

.lowprice{ /* 常識破りの低価格 */
font-weight:bold;
color:#ff1493;
}

.dvdfreepresent{ /* DVD無料プレゼント */
font-size:115%;font-weight:bold;
color:#ff1493;

}


/* -----お知らせ ----- */


div.urgent_info{
margin:10px 0 30px 10px !important;
padding:0 !important;
width:680px;
}

div.urgent_info h3{
margin:0 !important;
padding:3px 3px 3px 0;
border-left:5px solid #09f;
border-bottom:2px dotted #999;
font-size:100%;
line-height:130%;
background-color:#ebebeb;
}

div.urgent_info h4{
font-size:110%;
font-weight:bold;
}


div.urgent_info div{
background-color:#ffefef;
margin:0 !important;
padding:5px;
}

div.urgent_info span.attention{
font-weight:bold;
}