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

/******************************************************************
    基本設定
******************************************************************/
* {margin:0px; padding:0px;}

html {margin:0px; padding:0px; height:100%; overflow-y: scroll; }

body {margin:0px; padding:0px; height:100%; text-align:center; background:#000033; 
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */}
body,table,tr,td {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:10pt; color:#333333; line-height:100%; vertical-align:top;
}

img {border:0px;}
p {margin:0px; padding:0px; }
.red {color: #ff3366;}
.gray {color:#999999;}
.big {font-size:12pt;}
.small {font-size:8pt;}
.align-right {text-align:right;}
.clear {clear:both; width:0px; height:0px; margin:0px; padding:0px; font-size:1%; visibility:hidden; line-height:1%; }

a {cursor:pointer; color: #0099ff; text-decoration: underline; -webkit-backface-visibility:hidden; backface-visibility:hidden; transition: 0.2s;}
a:hover { color:#ff9900; text-decoration:underline; }

hr {margin:10px 0px; border:none; border-top:#999999 1px solid; }


/******************************************************************
    ヘッダー
******************************************************************/
header {height:120px; margin:0px auto; padding:0px; background:#e50000 url(material/headback.jpg) center top repeat; border-bottom:#000066 10px solid; }
div#head-content {width:1000px; margin:0px auto; padding:0px; font-weight:normal; text-align:left; }
div#head-content h1 { width:300px; margin:0px; padding:10px 0px; line-height:100%; font-weight:normal; text-align:left; float:left;}

/*ヘッダーメニュー*/
nav#head-menu {width:620px; margin:0; padding:70px 0px 0px; float:right; }
nav#head-menu span { display:none;}
nav#head-menu ul {width:600px; height:40px; margin:0px auto; padding:0px 10px; list-style:none; background:url(material/menuback.png) center top no-repeat; }
nav#head-menu li {width:120px; height:40px; margin:0px; padding:2px 0px; list-style-type:none; display:inline; float:left;}
nav#head-menu a {width:120px; height:36px; display:block; vertical-align:middle;}
nav#head-menu a:hover {}

nav#head-menu a#menu-category { background:url(material/menu-category.png);}
nav#head-menu a:hover#menu-category { background-position:0px 36px;} 
nav#head-menu a#menu-all { background:url(material/menu-all.png);}
nav#head-menu a:hover#menu-all { background-position:0px 36px;} 
nav#head-menu a#menu-about { background:url(material/menu-about.png);}
nav#head-menu a:hover#menu-about { background-position:0px 36px;} 
nav#head-menu a#menu-rule { background:url(material/menu-rule.png);}
nav#head-menu a:hover#menu-rule { background-position:0px 36px;} 
nav#head-menu a#menu-contact { background:url(material/menu-contact.png);}
nav#head-menu a:hover#menu-contact { background-position:0px 36px;} 


/*検索フォーム(ヘッダー用)*/
div#head-search {width:1040px; margin:0 auto; padding:5px 0; text-align:right;}


/******************************************************************
    フッター
******************************************************************/
footer {margin:0px; padding:20px 0 0; background:#e50000; color:#ffffff; }
footer p#copyright {margin:0px; padding:5px 0; background:#000033;}

nav#foot-menu {margin:0px; padding:0px; }
footer a {cursor:pointer; color: #ffffff; text-decoration: none; }
footer a:hover { color:#ffcc99; text-decoration:none; }


/******************************************************************
    お問い合わせボタン
******************************************************************/
div#bt-contact {width:400px; margin:0 auto; padding:40px 0 60px;}
div#bt-contact span {display:none;}
div#bt-contact a{width:400px; height:60px;display:block;background:url(material/contact.jpg);}
div#bt-contact a:hover { background-position:0px 60px;} 


/******************************************************************
    パンくずりすと
******************************************************************/
div#breadcrumb {width:1040px; margin:0 auto 10px; text-align:left;}
div#breadcrumb p {padding:20px 0px 10px; font-size:8pt; color:#666666; }


/******************************************************************
    メイン
******************************************************************/
/*
h2 {width:1000px; height:30px; box-sizing: border-box; margin:0 auto 20px; padding:5px 20px 0; background:url(material/h3-back.png) center top no-repeat; color:#ffffff; font-size:20px; line-height:1.0; text-align:left;}
*/
h2 {width:1000px; box-sizing: border-box; margin:0 auto 30px; padding:30px 10px; font-size:20px; line-height:1.0; text-align:left; border-top:#000066 3px solid; border-bottom:#cccccc 1px solid;}
h4{margin:10px 0 0; padding:2px 0px;font-size:10pt;}

main {margin:0 auto; padding:50px 0 20px; background:#ffffff;}
main p {line-height:1.5;}

section {width:1040px; margin:0 auto 50px; padding:0 0 20px; text-align:left; background:#ffffff;}


/*製品カテゴリ（インデックス）*/
section#index_description { width:1000px;}
section#index_description p {font-size:12pt; line-height:1.5;}
section#index_description p.check {padding-top: 15px; color: #666666; font-size: 10pt;}
section#index_description p.caution_top {margin-top: 20px; color: #b40d37; background: #ffedeb; font-size: 10pt;padding:10px;border:1px #b40d37 solid;}
section#index_category {}
div#category {}
div.category-cell {margin:0px 0px 20px 20px; padding:0; width:150px; height:100px; background:#ffffff; float:left;}
div.category-cell a span {display:none; }
div.category-cell a {margin:0; padding:0; width:150px; height:100px; background:#ffffff; display:block; color:#ffffff; }
div.category-cell a:hover {background:#ff8000; opacity: 0.5;}

.sheet-link {width:1000px; box-sizing: border-box; margin:0px auto 15px; padding:10px; font-size:15px; line-height:1.0; text-align:left;color:#666666;border:1px #999999 solid;line-height:1.5;}
.sheet-link span{color: #ff3366;}
.number-stop{width:1000px; box-sizing: border-box; margin:10px auto 15px; padding:10px; font-size:15px; line-height:1.0; text-align:left;color:#666666;border:1px #999999 solid;line-height:1.5;}
.number-stop span{color: #ff3366;}

/*カテゴリ内製品一覧*/
section#product_category {}
div.product-cell {margin:0px 0px 20px 20px; padding:0; width:150px; height:190px; background:#ffffff; float:left;}
div.product-cell a span {display:none; }
div.product-cell a {margin:0; padding:0; width:150px; height:190px; background:#ffffff; display:block; color:#333333; font-size:10pt; text-decoration:none; }
div.product-cell a img {width:148px; height:148px; border:1px solid #cccccc; display:block;}
div.product-cell a:hover {background:#ffffff; opacity: 0.5;}


/*全製品一覧*/
section#product_all {}
table#all_table {width:1000px; margin:auto; border-collapse: collapse; border:1px solid #cccccc; }
table#all_table th {text-align:left; padding:10px 5px; vertical-align:middle; text-align:center; border-collapse: collapse; border:1px solid #cccccc; background:#f0f0f0;}
table#all_table td {text-align:left; padding:10px; vertical-align:middle; border-collapse: collapse; border:1px solid #cccccc; font-size:10pt; }
table#all_table td.td_all-page {width:80px; text-align:center;}
table#all_table td.td_all-image {width:100px; text-align:center;padding:3px 3px 1px; }
table#all_table td.td_all-image img {width:40px; height:40px; border:1px solid #cccccc;}
table#all_table a { }
table#all_table a:hover { }
table#all_table td.td_all-image a:hover { opacity: 0.4; }

table#all_table tr.back-white td { background:#ffffff;}
table#all_table tr.back-gray td { background:#f0f8ff;}


/*製品詳細*/
section#detail {width:1000px;}

table.detail-table {width:100%; margin-bottom:50px;}
table.detail-table th {width:400px; padding:0; vertical-align:top; text-align:center;}
table.detail-table th div.image_border {margin:0; padding:0; border:#cccccc 1px solid;}
table.detail-table th img {width:400px; height:400px; padding:0; border:#ffffff 1px solid; display:block;}

table.detail-table td.td_spec {padding:0 0 0 30px; vertical-align:top;}
table.detail-table td.td_spec h3#spec_title {margin:2px 0 20px; padding:0; color:#000066; font-size:36pt; border-bottom:5px solid #000066; line-height:1.0; }
table.detail-table td.td_spec strong#spec_subtitle {font-size:12pt; color:#000066;  line-height:1.0; margin:0; padding:0; }
table.detail-table td.td_spec dl { margin:0 0 15px; padding:0 0 15px; line-height:1.2; font-size:11pt; font-weight:nomal; border-bottom:1px dashed #cccccc;  }
table.detail-table td.td_spec dt {padding:2px 0px 2px 10px;  font-size:12pt; color:#0066cc; }
table.detail-table td.td_spec dd {padding:2px 0px 2px 25px; }

table.detail-table td.td_spec dl.attention { }
table.detail-table td.td_spec dl.attention dt {padding:2px 0px 5px 10px; font-size:12pt; color:#ff3366; }
table.detail-table td.td_spec dl.attention dd {padding:2px 0px 7px 0px; font-size:10pt; color:#ff3366; display: list-item; list-style: disc; margin-left: 30px;}

p#detail_back {padding:0; }
p#detail_back span {display:none;}
p#detail_back a {width:180px; height:30px; margin:0 0 0 auto; padding:0px; display:block;  background:url(material/detail_back.jpg);}
p#detail_back a:hover { background-position:0px 30px;} 

p#detail_zoom {padding:0; }
p#detail_zoom span {display:none;}
p#detail_zoom a {width:150px; height:30px; padding:0px; margin:0 auto; display:block;  background:url(material/detail_zoom.jpg) repeat-y;}
p#detail_zoom a:hover { background-position:0px 30px;} 


/*製品検索*/
section#search {width:1000px;}
div#search-form {
	width:600px; height:52px; 	margin:auto; padding:10px 0px 10px 50px;
	border:solid 1px #cccccc;	box-sizing: border-box; background:url(material/search_input-back.png) left top no-repeat;
	-webkit-border-radius: 30px;	-moz-border-radius: 30px;	border-radius: 30px;
}
div#search-form input#search_input {
	width:400px; height:30px; 	margin:0 20px 0 0; padding: 0; background:none;
	font-size:12pt;	color:#666666; line-height:1.0; border:none;
}
div#search-form input#search_submit {
	width:100px; height:30px; margin:0; padding:5px 20px; box-sizing: border-box; 
	font-size: 6pt; background-color: #ff9900; color:#ffffff; border-style: none;  line-height:1.0; 
	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;
}

section#search_result {width:1040px;}
div.search-cell {margin:0px 0px 20px 20px; padding:0; width:107px; height:150px; background:#ffffff; float:left;}
div.search-cell a span {display:none; }
div.search-cell a {margin:0; padding:0; width:107px; height:150px; background:#ffffff; display:block; color:#333333; font-size:10pt; text-decoration:none; }
div.search-cell a img {width:105px; height:105px; border:1px solid #cccccc; display:block;}
div.search-cell a:hover {background:#ffffff; opacity: 0.5;}



/*パックデコプロとは*/
section#about { width:1000px}
p.company_logo{ margin:30px 0 10px 0; }
section#about p#about_description {font-size:12pt; line-height:2.0; margin-bottom:50px;}
section#about p#about_bundle {margin-bottom:50px; text-align:center;}
section#about p#about_index {margin-bottom:0; text-align:center;}


/*ご利用規約*/
section#rule { width:1000px}
div#rule-text {margin-top:0px;}
div#rule-text h5 {margin:30px 0px 5px; padding:2px 10px; font-size:10pt; color:#ff9933; border-left:#ff9933 5px solid;}

section#company { width:1000px}
section#company table {width:100%; margin:10px 0 30px 0; border-top:1px #999999 solid; }
section#company table th,
section#company table td {padding:10px 0px; line-height:1.5; border-bottom:1px #999999 solid; vertical-align:middle; }
section#company table th{}
section#company table td{width:680px; }



/**********************************************
    ページトップボタン
**********************************************/
div#bt-pagetop {
    position: fixed;
    bottom: 0px;
    right: 20px;
}
div#bt-pagetop a {
    text-decoration: none;
    width: 100px;
    padding:0;
    text-align: center;
    display: block;
    border-radius: 5px;
}