@charset "Shift-JIS";

/*
===================================================================
ニッケ商事株式会社CSS

naturel-page / CSS [ alfa.css ]目次 

0.共通



*/

/* ===== 0: 共通 ==================================================== */

.left_text{
float: left;
width: 43%;
}

.left_text2{
float: left;
width: 60%;
}

.left_text3{
float: left;
width: 68%;
}

.left_text4{
float: left;
width: 75%;
}

.left_text5{
float: left;
width: 50%;
}

.left_text6{
float: left;
width: 25%;
}

.left_text7{
float: left;
width: 35%;
}

.right_img{
float: right;
padding-right: 5px;
}

.right_img_bottom{
margin-bottom: 10px;
}

a img:hover {
border:4px solid #6699FF;
margin: -4px;
}



a img.noBorder:hover{
border:none;
margin:0;
}

h1 a img:hover{
border:none;
margin:0;
}

.goTop{
width:580px;
text-align: right;
}

#topImage2{background-color: #fff;
background-image: url('../../image/topImage-2.gif');
background-repeat: no-repeat;
background-position: 0 15px;
	width: 800px;
	height: 170px;
}

#topImage2 img{
	margin-top: 0px;
	margin-left: 5px;
}

p#top_copy{
color: #000;
}

h2{
border-left: none;
background-image: none;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
color: #333;
margin-top: 3px;
margin-bottom: 10px;
margin-right: 3px;
}

h2#other_h2{
border-left:10px solid #9EB1C5;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 1.2em;
font-weight: bold;
background-image: url('../i/h2_back.gif');
background-repeat: repeat;
color: #333;
margin-top: 3px;
margin-bottom: 10px;
margin-right: 3px;
}

h3{
margin-left: 20px;
margin-top: 20px;
margin-bottom: 10px;
color: #9EC5D8;
font-weight: bold;
font-size: 1.2em;
}

h3.line_h3{
color: #666666;
border-bottom: 1px solid #9EC5D8;
font-size: 0.95em;
}

h3.line_h3 span{
font-size: 0.9em;
}


h4{
margin-left: 0;
margin-top: 30px;
margin-bottom: 10px;
padding-left: 5px;
color: #333;
font-weight: bold;
font-size: 1.2em;
}

h4.h4Mark{
clear: both;
background-color: #ededed;
border-left: 10px solid #9EC5D8;
text-align: left;
font-family: serif;
}

div#topicArea{
background-color: #FFFFFF;
}

ol.description_ol {
margin-left: 40px;
margin-bottom: 20px;
width:92%;
line-height: 1.8;
font-size: 0.9em;
}

ol.description_ol li{
list-style-position: outside;
list-style-type: decimal;
}

#mainContent p{
font-size: 0.94em;
line-height: 1.6;
padding: 5px 0 20px 20px;
margin-bottom: 30px;
background-image: url('../../image/line-1.gif');
background-repeat: repeat-x;
background-position: 0 bottom;
}

div#contents #mainContent p{
padding: 5px 0 5px 20px;
margin-bottom: 5px;
background-image: none;
}

div#contents #mainContent div#priceLine p{
padding: 5px 0 20px 15px;
}

#mainContent div.tenpoImg_div{
width: 570px;
margin-left: 20px;
}

#mainContent div.tenpoImg_div p.tenpoImg{
width: 260px;
text-align: center;
margin: 2px 0;
padding: 0;
}

#mainContent div.tenpoImg_div p.toppageImg img,{
border: 2px solid #ccc;
}

#mainContent div.tenpoImg_div p.tenpoImg_right{
float: right;
}
#mainContent div.tenpoImg_div p.tenpoImg_left{
float: left;
}

div#contents #mainContent div p.toppageImg{
padding: 0;
}
div#contents #mainContent div p.toppageImg img{
border: 1px solid #ccc;
padding: 0;
margin: 0;
}

#mainContent dl{
clear: both;
line-height: 1.5;
margin-left: 20px;
margin-bottom: 20px;
}

#mainContent dl dt{
clear: both;
float: left;
}

#mainContent dl dd{
float: left;
padding-top: 4px;
padding-left: 5px;
}


#mainContent dl.sheeting_list{
clear: both;
line-height: 1.5;
margin-left: 20px;
margin-bottom: 20px;
}

#mainContent dl.sheeting_list dt{
float:none;
}

#mainContent dl.sheeting_list dd{
float: none;
padding-top: 0;
padding-left: 0;
}


.naviList li span.menu_span{
background-color: #ededed;
background-image: none;
color: #000;
}

img.img_border{
border: 1px solid #ddd;
}

/* ===== 1: top ================================================= */

.top_link {
width: 500px;
}

div.uniform_div{
width: 570px;
}

div p.toppageImg {
margin-right: 0px;
padding: 0;
}

/* ===== 2: price ================================================= */



/* ===== 2: other ================================================= */


table#shopListTable {
border-collapse: collapse;
width: 570px;
}

table#shopListTable tr th{
background: #EEEEEE;
border-bottom: 3px double #ccc;
}

table#shopListTable tr td {
border-bottom: 1px solid #ccc;
padding: 2px;
font-size: 0.92em;
}
table#shopListTable tr.even td {
	background: #DFEEFF;
}

table#shopListTable tr th.shopListTh01 {
width: 120px;
}

table#shopListTable tr th.shopListTh02 {
width: 20px;
}

table#shopListTable tr th.shopListTh03 {

}

table#shopListTable tr th.shopListTh04 {
width: 100px;
}

table#shopListTable tr td a img {
border:none;
margin:0;
}

table#sample_listTable {
border-collapse: collapse;
width: 33%;
width: 510px;
margin-left: 43px;
}

table#sample_listTable tr td {
width: 33%;
width: 510px;
margin-left: 43px;
}

.td_center{
text-align: center;
}

.detailLink{
text-align: right;
width: 530px;
vertical-align: middle;
color: #000;
}

.detailLink img{
vertical-align: baseline;
margin-right: 3px;
}

#sample_photo{
width: 510px;
margin-left: 43px;
}
#sample_photo tr td{
width: 15%;
padding: 1px;
}


#sheeting{
border: 1px solid #ccc;
margin-left: 20px;
width: 530px;
height: 310px;
padding: 5px;
}

#sheeting dl{
margin: 0;

}

#sheeting .detailLink{
width: 500px;
}

p.aw_list_link {
text-align: left;
width: 530px;
vertical-align: middle;
color: #000;
}

#photoOthers {
margin-left: 20px;
}

h3.new_h3 {
text-align: center;
color: #fff;
background-color: #ff0000;
padding: 4px;
height: 1.5em;
width: 4em;
}

h3.new_h3_ss {
text-align: center;
color: #fff;
background-color: #ff0000;
padding: 4px;
height: 1.5em;
width: 18em;
}

h3.new_h3_aw {
text-align: center;
color: #fff;
background-color: #ff0000;
padding: 4px;
height: 1.5em;
width: 20em;
}

h3.other_h3 {
font-weight: bold;
border-bottom: 3px solid #FF0000;
color: #000;
}

h2.list_h2 {
text-align: center;
color: #fff;
background-color: #ff0000;
padding: 4px 4px 9px 4px;
height: 1.5em;
width: 17em;
}

h2.title_h2 {
text-align: center;
color: #fff;
background-color: #ff0000;
padding: 4px 4px 4px 4px;
height: 1.5em;
width: 10em;
}

.new_item_table {
width: 570px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
margin-top: 15px;
}

.new_item_table tr td{
text-align: left;
vertical-align: top;
}

.new_item_table tr td.new_name{
padding-top: 10px;
height: 7em;
border-bottom: 1px dashed #ccc;
text-align: left;
}

.new_item_table tr td.new_photo{
border-bottom: 1px solid #ccc;
}

.sample_item_table {
width: 530px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
margin-top: 15px;
}

.sample_item_table tr th {
width: 50%;
}

.sample_item_table tr th.sample_item_table_th01 {
border-right: 1px solid #ccc;
}

.sample_item_table tr td {
border: 1px solid #ccc;
padding-top:10px;
padding-left:40px;
padding-bottom:10px;
}

.sample_item_table tr td a img  {
border:none;
margin:0;
padding:0 0 3px 0;
}

td.new_photo{
width: 210px;
text-align: center;
border-bottom: 1px solid #ccc;
}

#keito_list_table {
margin-bottom: 10px;
}

#keito_list_table tr td.new_name{
padding-top: 10px;
height: 7em;
border-bottom: 1px dashed #ccc;
text-align: left;
}

#keito_list_table tr td.new_01{
padding-top: 10px;
}

#keito_list_table{
width: 790px;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
margin-top: 5px;
font-size: 0.92em;
}

#keito_list_table tr td{
text-align: center;
border: 1px solid #ccc;
}
#keito_list_table tr th{
text-align: center;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 4px double #ccc;
border-right: 1px solid #ccc;
}



#keito_list_table tr td.left_item_td{
text-align: left;
padding-left: 8px;
}

th.keito_list_table_th01{
width: 6em;
}

th.keito_list_table_th02{
width: 15.5em;
}

th.keito_list_table_th03{
width: 7em;
}

th.keito_list_table_th04{
width: 2em;
}

th.keito_list_table_th05{
width: 5em;
}

th.keito_list_table_th06{
height: 3em;
}

th.keito_list_table_th07{
width: 5em;
}

th.keito_list_table_th07{
width:60px;
}


th.keito_list_table_th09{
width: 4em;
height: 3em;
}

tr.back_color_tr{
background-color: #ffff99;
}

h2.list_h2 a{
display: inline-block;
padding: 4px;
height: 1.3em;

color: #fff;
font-weight: bold;
}

h2.list_h2 span{
display: inline-block;
padding: 4px;
height: 1.3em;
background-color: #fff;
color: #ff0000;
}

a.mark {
display: inline-block;
margin: 5px;;
padding: 4px;
height: 1.3em;
color: #000;
background-color: #ffff99;
font-weight: bold;
border: 1px solid #ccc;
}

ul.other_ul {
margin-left: 40px;
float: right;
line-height: 2;
width: 19em;
}

ul.other_ul li {
list-style-type: circle;
list-style-position: outside;
}

p.other_photo {
float: left;
}

p.other_photo_02 {
float: left;
}

p.other_text {
padding: 10px;
border: 1px solid #ccc;
margin-left: 20px;
}

ul.sheeting_ul {
margin-left: 20px;
line-height: 2;
}

ul.sheeting_ul li {
list-style-type: circle;
list-style-position: outside;
}

a.keitoTextlink_noborder {
text-decoration: none;
}

div#catalog_info{
background-color: #FFFFCC;
padding: 10px;
}

p#top_copy{
width: 390px;
margin-bottom: 10px;
margin-left: 50px;
font-size: 101%;
padding: 10px;
border:1px dotted #ccc;
}

p#naterel_image01{
padding-top: 10px;
padding-left: 40px;
float: left;
}

p#naterel_image02{
float: right;
margin-top: 40px;
width: 400px;
}

p#naterel_text{
float: left;
margin-left:50px;
}

h3.catalog_mail {
font-size: 96%;
color:#000;
}