@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------ */
/*	全体設定													*/
/* ------------------------------------------------------------ */

div#all{
	background-color:#33CCFF;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}


div#all hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #666666;
	height: 1px;	
}


/* ------------------------------------------------------------ */
/*	本体部分設定												*/
/* ------------------------------------------------------------ */

div#body{
	width: 880px;
	text-align: left;
	margin: 0 auto;
	background-color: #FFFFFF !important;
}

div#body p{
	margin: 0px !important;
}


/* ------------------------------------------------------------ */
/*	ヘッダー部分設定											*/
/* ------------------------------------------------------------ */

div#header{
	padding: 20px 10px 0px 10px;	/* 上、右、下、左の順 */ 
} 


div.logo h1{
	margin: 0px !important;
}


div.logo a img{
	border-style: none;
	overflow: hidden;
}


div#header h2{
	margin: 0px !important;
	padding: 20px 0 10px 10px;	/* 上、右、下、左の順 */ 
	font-size: 28px;
	color: #0066FF;
	text-decoration: underline;
}


/* ------------------------------------------------------------ */
/*	フォーム部分設定									*/
/* ------------------------------------------------------------ */

div#form{
	margin: 0px !important;
	padding: 0 20px 0 20px;	/* 上、右、下、左の順 */ 
}

div#form p.subject{
	font-size: 16px;
	font-weight: bolder;
}

div#form p.subitem{
	font-size: 14px;
	font-weight: bolder;
}


div#form p.pt01{
	padding-top: 10px;
}

div#form p.pt02{
	padding-top: 20px;
}

div#form p.pt04{
	padding-top: 40px;
}

div#form p.pb01{
	padding-bottom: 10px;
}

div#form p.pb02{
	padding-bottom: 20px;
}


div#form p.error{
	font-size: 14px;
	font-weight: bolder;
	color: #FF0000;
}


div#form p.error_input{
	font-size: 20px;
	font-weight: bolder;
	color: #FF0000;
	text-align:right;
}


div#form p.red{
	font-size: 14px;
	font-weight: bolder;
	color: #FF0000;
}

div#form p.submit{
	padding-top: 20px;
}

div#form p.submit input{
	height: 28px;
	font-size: 14px;
	font-weight: bolder;
}

div#form h2.pt02 {
	padding-top: 20px;
}


div#form h3{
	margin: 0px !important;
	padding-top: 20px;
	font-size: 21px;
	text-decoration: underline;
}


div#form hr{
	margin-top: 20px;
}


div#form hr.mb02 {
	margin-bottom: 20px;
}


div#form a.link {
	color: #0066FF;
}

/* --------------------------------------------------------- */
/* カタログ注文部分                                          */
/* --------------------------------------------------------- */

/* 表設定（カタログメニュー） */
table.table_menu{
	width: 840px;
	border: double #000000;
	border-collapse: collapse;
    margin-bottom: 20px;    
}


/* th設定 */
table.table_menu th{
	border: solid 1px #000000;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.table_menu th.choice{
	width: 40px;
}

table.table_menu th.catalog{
	width: 350px;
}

table.table_menu th.size{
	width: 200px;
}

table.table_menu th.mihon{
	width: 125px;
}

table.table_menu th.left {
	text-align: left;
}




/* td設定 */
table.table_menu td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.table_menu td.left{
	text-align: left;
    padding: 0 0 0 10px;
}

table.table_menu td.left img{
    padding: 0 10px 0 0;
}


table.table_menu td a.mihon_pdf{
	border: #FF0000 solid 2px;
	background-color: #FF9900;
	color:#FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}


table.table_menu td a.sample{ color:#0066FF; }


table.table_menu td span.memo {
	font-size: 12px;	
	color:#FF0000;
}


/* 表設定（部数） */
table.table_quantity{
	border: hidden;
	border-collapse: collapse;
}


/* td設定 */
table.table_quantity td{
	border: hidden;
	text-align: center;
}

table.table_quantity td select{
	width: 835px;
	height: 28px;
	font-size: 20px;
}


/* 表設定（発注内容） */
table.table_revise{
	width: 840px;
	border: double #000000;
	border-collapse: collapse;
   	font-size: 16px;
}


/* td設定 */
table.table_revise td{
	border: solid 1px #000000;
	height: 42px;
	width: 277px;
}



/* 表設定（備考欄） */
table.table_comment{
	border: hidden;
	border-collapse: collapse;
}


/* td設定 */
table.table_comment td{
	border: hidden;
	text-align: center;
}

table.table_comment td textarea{
	width: 835px;
	height: 140px;
}


/* --------------------------------------------------------- */
/* カタログ確認画面部分                                      */
/* --------------------------------------------------------- */

/* 表設定 */
table.table_catalog_check{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


/* th設定 */
table.table_catalog_check th{
	border: solid 1px #000000;
	width: 168px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


/* td設定 */
table.table_catalog_check td{
	border: solid 1px #000000;
	width: 672px;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: left;
	padding-left: 10px;
}


/* --------------------------------------------------------- */
/* カート部分                                          */
/* --------------------------------------------------------- */

/* 表設定 */
table.table_cart{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


/* th設定 */
table.table_cart th{
	border: solid 1px #000000;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.table_cart th.catalog{
	width: 252px;
}


table.table_cart th.quantity{
	width: 63px;
}


table.table_cart th.revise{
	width: 210px;
}


table.table_cart th.revise_comment{
	width: 273px;
}


table.table_cart th.remove{
	width: 42px;
}


/* td設定 */
table.table_cart td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


table.table_cart td.revise_comment{
	text-align: left !important;
	padding-left: 5px;
}


table.table_cart td.button{
	vertical-align: middle;
	text-align: right !important;
	padding-right: 10px;
}


table.table_cart td.button input{
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	font-size: 14px;
	font-weight: bolder;
}


/* --------------------------------------------------------- */
/* 送付先情報入力画面                                          */
/* --------------------------------------------------------- */

/* 表設定 （input部分）*/
table.table_mail{
	border: hidden;
	border-collapse: collapse;
}


/* th設定 */
table.table_mail th{
	border: hidden;
	text-align: center;
}


/* td設定 */
table.table_mail td{
	border: hidden;
	text-align: center;
}

table.table_mail td input{
	width: 835px;
	height: 28px;
}


/* 表設定（送付先） */
table.table_ship{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}

/* td設定 */
table.table_ship td{
	border: solid 1px #000000;
	height: 42px;
	width: 240px;
}


/* 表設定（textarea部分） */
table.table_comment{
	border: hidden;
	border-collapse: collapse;
}


/* td設定 */
table.table_comment td{
	border: hidden;
	text-align: center;
}

table.table_comment td textarea{
	width: 835px;
	height: 140px;
}


/* --------------------------------------------------------- */
/* 発注確認画面部分                                      */
/* --------------------------------------------------------- */

/* 表設定 （送付先）*/
table.table_address_check{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


/* th設定 */
table.table_address_check th{
	border: solid 1px #000000;
	width: 168px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


/* td設定 */
table.table_address_check td{
	border: solid 1px #000000;
	width: 672px;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: left;
	padding-left: 10px;
}

table.table_address_check td.button{
	vertical-align: middle;
	text-align: left !important;
	padding-left: 10px;
}


table.table_address_check td.button input{
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	font-size: 14px;
	font-weight: bolder;
}


/* 表設定 （カート部分）*/
table.table_cart_check{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


/* th設定 */
table.table_cart_check th{
	border: solid 1px #000000;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.table_cart_check th.no{
	width: 42px;
}

table.table_cart_check th.catalog{
	width: 252px;
}


table.table_cart_check th.quantity{
	width: 63px;
}


table.table_cart_check th.revise{
	width: 210px;
}


table.table_cart_check th.revise_comment{
	width: 273px;
}


/* td設定 */
table.table_cart_check td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


table.table_cart_check td.revise_comment{
	text-align: left !important;
	padding-left: 5px;
}


table.table_cart_check td.button{
	vertical-align: middle;
	text-align: left !important;
	padding-left: 10px;
}


table.table_cart_check td.button input{
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	font-size: 14px;
	font-weight: bolder;
}


/* ------------------------------------------------------------ */
/*	フッター部分設定									*/
/* ------------------------------------------------------------ */

div#footer {
	margin-top: 42px;
	height: 42px;
	line-height: 42px;
	background-color: #0066FF;
	font-size: 12px;
	color: #FFFFFF;
	padding-right: 10px;
	text-align: right;	
}



/* ------------------------------------------------------------ */
/*  メール送付終了画面（成功・エラー）                          */
/* ------------------------------------------------------------ */

div#end_header{
	padding: 20px 10px 0 10px;	/* 上、右、下、左の順 */
	text-align: center;	
}


div#end_header h2{
	margin: 0px !important;
	padding: 20px 0 10px 10px;	/* 上、右、下、左の順 */ 
	font-size: 28px;
	color: #0066FF;
}

div#end_header h2.red{
	color:#FF0000 !important;
	text-decoration: underline;
}



div#end_form{
	margin: 0px !important;
	padding: 0 20px 0 20px;	/* 上、右、下、左の順 */ 
	text-align: center;	
}


div#end_form p.subitem{
	font-size: 16px;
	font-weight: bolder;
}


div#end_form p.pt02{
	padding-top: 20px;
}

div#end_form p.pt03{
	padding-top: 30px;
}


div#end_form p.td_ul{
	text-decoration: underline;
}



div#end_form p.error{
	font-weight: bolder;
	color: #FF0000;
}

div#end_form p.submit{
	padding-top: 50px;
}

div#end_form p.submit input{
	height: 28px;
	font-size: 14px;
	font-weight: bolder;
}

div#end_form h3{
	margin: 0px !important;
	padding-top: 20px;
	font-size: 21px;
	text-decoration: underline;
}

div#end_form a.link {
	color: #0066FF;
}

/* ------------------------------------------------------------ */
/*  ログイン画面					　                          */
/* ------------------------------------------------------------ */


/* lodin_header */
div#lodin_header{
	padding: 20px 10px 0 10px;	/* 上、右、下、左の順 */
	text-align: center;	
}


div#lodin_header h2{
	margin: 0px !important;
	padding: 20px 0 10px 10px;	/* 上、右、下、左の順 */ 
	font-size: 28px;
	color: #0066FF;
}

div#lodin_header h2.red{
	color:#FF0000 !important;
	text-decoration: underline;
}


/* login_form */
div#login_form{
	margin: 0px !important;
	padding: 0 20px 0 20px;	/* 上、右、下、左の順 */ 
	text-align: center;	
}


div#login_form p.subitem{
	font-size: 16px;
	font-weight: bold;
}

div#login_form p.pt01{
	padding-top: 10px;
}

div#login_form p.pt02{
	padding-top: 20px;
}

div#login_form p.pt03{
	padding-top: 30px;
}

div#login_form p.pb03{
	padding-bottom: 30px;
}

div#login_form p.td_ul{
	text-decoration: underline;
}



div#login_form p.error{
	font-weight: bold;
	color: #FF0000;
}

div#login_form p.submit input{
	height: 28px;
	font-size: 14px;
	font-weight: bolder;
}

div#login_form h3{
	margin: 0px !important;
	padding-top: 20px;
	font-size: 21px;
	text-decoration: underline;
}


div#login_form form{
	border: double 5px #CCCCCC;
	width: 528px;
	padding: 10px 0 10px 0;
	margin: 0 auto;
}

/* ------------------------------------------------------------ */
/*	価格表部分設定									*/
/* ------------------------------------------------------------ */

div#cost{
	margin: 0px !important;
	padding: 0 20px 0 20px;	/* 上、右、下、左の順 */ 
}


div#cost p.subject{
	font-size: 16px;
	font-weight: bolder;
}

div#cost p.pt01{
	padding-top: 10px;
}

div#cost p.pt02{
	padding-top: 20px;
}

div#cost p.pt03{
	padding-top: 30px;
}

div#cost p.pb02{
	padding-bottom: 20px;
}

div#cost p.td_ul{
	text-decoration: underline;
}

div#cost p.red{
	color: #FF0000;
}

div#cost div.button{
	text-align: right;
}

div#cost div.mt14{
	margin-top: 14px;
}

div#cost p.submit input{
	height: 28px;
	font-size: 14px;
	font-weight: bolder;
	vertical-align: middle;
}


div#cost h3{
	margin: 0px !important;
	padding-top: 20px;
	font-size: 21px;
}

div#cost h3 img{
	vertical-align: baseline;
}



div#cost a.link{
	color: #0066FF;
	overflow: hidden;
}


div#cost hr{
	margin-top: 20px;
}

div#cost p.va_bottom img{
	vertical-align: bottom;
}

div#cost p.pt05{
	padding-top: 5px;
}



/* ---------------------------------------------------------------------------------------------------------------------- */

/* 表設定(cost_table) */
table.cost_table{
	width: 840px;
	border: double #000000;
	border-collapse: collapse;
}


table.cost_table th{
	width: 157px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	border: solid 1px #000000;
	text-align: center;
}

table.cost_table th.w210{
	width: 210px !important;
}


table.cost_table th.w70p{
	width: 70% !important;
}

table.cost_table td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


table.cost_table td a img{
	border: none;
}

table.cost_table th img {
    padding: 0 10px 0 0;    
}



/* ---------------------------------------------------------------------------------------------------------------------- */

/* 表設定(quantity_table) */
table.quantity_table{
	width: 840px;
	border: double #000000;
	border-collapse: collapse;
}


table.quantity_table th{
	width: 105px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	border: solid 1px #000000;
	text-align: center;
}


table.quantity_table th.w150{
	width: 150px !important;
}

table.quantity_table th.w60{
	width: 60px !important;
}


table.quantity_table td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


table.quantity_table td a img{
	border: none;
}


/* ---------------------------------------------------------------------------------------------------------------------- */


/* 表設定(design_table) */
table.design_table{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


table.design_table th{
	width: 120px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	border: solid 1px #000000;
	text-align: center;
}

table.design_table th.tw21{
	width: 176px;
}


table.design_table td{
	border: solid 1px #000000;
	height: 56px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.design_table td.tw55{
	width: 463px;
}

table.design_table td.tw8{
	width: 67px;
}

table.design_table td a.catalog{
	border: #FF0000 solid 2px;
	background-color: #FF9900;
	color:#FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}


/* ---------------------------------------------------------------------------------------------------------------------- */

/* 表設定(packaging_table) */
table.packaging_table{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


table.packaging_table th{
	width: 168px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	border: solid 1px #000000;
	text-align: center;
}



table.packaging_table td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


/* ---------------------------------------------------------------------------------------------------------------------- */


/* 表設定(forward_table) */
table.forward_table{
	width: 840px;
	border: solid 1px #000000;
	border-collapse: collapse;
}


table.forward_table th{
	width: 168px;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	border: solid 1px #000000;
	text-align: center;
}


table.forward_table th.w30{width: 252px !important;}

table.forward_table th.w70{width: 588px !important;}


table.forward_table td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.forward_table td.left{text-align: left !important;}



/* ------------------------------------------------------------ */
/*	サンプルデータ部分設定									*/
/* ------------------------------------------------------------ */

/* 表設定（メニュー） */
table.sample_menu{
	width: 840px;
	border: double #000000;
	border-collapse: collapse;
    margin-bottom: 20px;
}


/* th設定 */
table.sample_menu th{
	border: solid 1px #000000;
	height: 28px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


table.sample_menu th.w100{
	width: 100px;
}

table.sample_menu th.w140{
	width: 140px;
}

table.sample_menu th.w200{
	width: 200px;
}

table.sample_menu th.w300{
	width: 300px;
}


table.sample_menu th.catalog{
	width: 325px;
}

table.sample_menu th.type{
	width: 90px;
}

table.sample_menu th.size{
	width: 90px;
}

table.sample_menu th.logo {
    width: 125px;
}

table.sample_menu th.left {
	text-align: left;
}




/* td設定 */
table.sample_menu td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}

table.sample_menu td a img{
	border: none;
}


table.sample_menu td.left {
    text-align: left;
    padding: 0 0 0 10px;
}

table.sample_menu td.left img {
    padding: 0 10px 0 0 ;
}


/* ---------------------------------------------------------------------------------------------------------------------- */

/* 表設定(sample_data) */
table.sample_data{
	width: 840px;
	border: double #000000;
	border-collapse: collapse;
}


table.sample_data th{
	border: solid 1px #000000;
	text-align: center;
}


table.sample_data th.w100{
	width: 100px;
}

table.sample_data th.w140{
	width: 140px;
}

table.sample_data th.w300{
	width: 300px;
}



table.sample_data td{
	border: solid 1px #000000;
	height: 42px;				/* em …　1文字分の大きさ（高さ・幅） */
	text-align: center;
}


table.sample_data td.sample_size01 {
	width:60px;
	height: 75px;
}

table.sample_data td.sample_size02 {
	width:120px;
	height: 75px;
}


table.sample_data td.h10 {
	width:60px;
	height: 10px;
}

table.sample_data td a img{
	border: none;
}


table.sample_data td a {
	color: #0066FF;
}



/* ---------------------------------------------------------------------------------------------------------------------- */