@charset "Shift-JIS";

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

alfa-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;
}

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: 20px;
margin-top: 10px;
margin-bottom: 0;
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;
}

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

#mainContent dl.link_text dt {

float: left;
}
#mainContent dl.link_text dd {
clear: both;
float: left;
padding-bottom: 3px;
margin-left: 16px;
margin-top: -26px;
}

span.red_price {
color: #FF0000;
}

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

.top_link {
width: 500px;
}

div.uniform_div{
width: 570px;
}

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


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

#mainContent div#priceLine p{
background-color: #f5f5f5;
margin-left: 20px;
}

#mainContent div#priceLine dl{
clear: both;
width: 450px;
line-height: 1.5;
margin-left: 60px;
}

#mainContent div#priceLine dl dt{
float: left;
padding: 0;
margin-bottom: 10px;
border-bottom: 1px dashed #CCCCFF;
}

#mainContent div#priceLine dl dd{
clear: both;
margin-bottom: 10px;
border-bottom: 1px dashed #CCCCFF;
float: right;
padding: 0;
}

/* ===== 2: uniform ================================================= */

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

div#uniform div.uniformFlow1{
color: #666;
margin-left: 40px;
height: 30px;
width: 496px;
background-image: url('../../image/uniform_flowBack1.jpg');
background-repeat: no-repeat;
background-position: 0 0;
}
div#uniform div.uniformFlow2{
color: #666;
margin-left: 40px;
height: 30px;
width: 496px;
background-image: url('../../image/uniform_flowBack2.jpg');
background-repeat: no-repeat;
background-position: 0 0;
}
div#uniform div.uniformFlow3{
color: #fff;
margin-left: 40px;
height: 30px;
width: 496px;
background-image: url('../../image/uniform_flowBack3.jpg');
background-repeat: no-repeat;
background-position: 0 0;
}
div#uniform div.uniformFlow4{
color: #fff;
margin-left: 40px;
height: 30px;
width: 496px;
background-image: url('../../image/uniform_flowBack4.jpg');
background-repeat: no-repeat;
background-position: 0 0;
}
div#uniform div.uniformFlow5{
color: #fff;
margin-left: 40px;
height: 30px;
width: 496px;
background-image: url('../../image/uniform_flowBack.jpg');
background-repeat: no-repeat;
background-position: 0 0;
}

div#uniform div.uniformFlow1 p,
div#uniform div.uniformFlow2 p,
div#uniform div.uniformFlow3 p,
div#uniform div.uniformFlow4 p,
div#uniform div.uniformFlow5 p{
margin-left: 15px;
font-weight: bold;
font-size: 0.9em;
}

div#osakaStaff h3,
div#kobeStaff h3,
div#kobe h3{
clear: both;
}

div#osaka h3,div#osakaStaff h3,
div#kobe h3,div#kobeStaff h3{
font-size: 0.95em;
margin-top: 5px;
margin-bottom: 5px;
}

div#osaka h3 img, div#osakaStaff h3 img,
div#kobe h3 img, div#kobeStaff h3 img{
margin-top: 2px;
vertical-align: top;
margin-right: 4px;
}

div#osakaStaff p img,
div#kobeStaff p img,
div#kobe p img {
border: 1px solid #999;
}

p.staffPhoto{
clear: both;
float: left;
width: 210px;
}
p.staffComment{
float: right;
width: 210px;
margin-right: 120px;
}

div#kobeStaff p.staffPhoto{
clear: both;
float: left;
width: 260px;
}
div#kobeStaff p.staffComment{
float: right;
width: 210px;
margin-right: 70px;
}

p.kobePhoto{
clear: both;
float: left;
width: 260px;
}
p.kobeComment{
float: right;
width: 200px;

margin-right: 80px;
}

div#kobe p span{
text-align: right;
}

/* ===== 3: order ================================================= */


p.orderTopP {
width: 47%;
margin-right: 8px;
margin-left: 10px;
float: left;
}

p.orderTopP2 {
margin-left: 10px;
width: 90%;
float: left;
}

div#style001,div#style002,div#style003,div#style004 {
margin: 0 8px 8px 60px;
float: left;
}

div#style001 {background-color: #0099CC;
background-image: url('../i/style_title.jpg');
background-repeat: no-repeat;
background-position: 0 0;
	overflow: hidden;
	height: 70px;
	width: 186px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#style002 {background-color: #0099CC;
background-image: url('../i/style_title.jpg');
background-repeat: no-repeat;
background-position: 0 -80px;
	overflow: hidden;
	height: 70px;
	width: 186px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#style003 {background-color: #0099CC;
background-image: url('../i/style_title.jpg');
background-repeat: no-repeat;
background-position: 0 -160px;
	overflow: hidden;
	height: 70px;
	width: 186px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#style004 {background-color: #0099CC;
background-image: url('../i/style_title.jpg');
background-repeat: no-repeat;
background-position: 0 -240px;
	overflow: hidden;
	height: 70px;
	width: 186px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.styleText {
margin-top: 8px;
margin-left: 65px;
width: 180px;
	height: 70px;
}

.stylePhoto {
width: 280px;
}


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

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

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

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