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

/*
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSstylesheet;
 :title "Vicuna Ninja Style - Context";
 :created "2007-12-26";
 :release [:revision "1.0"; :created "2007-12-26"];
 :author [:name "wu"; :homepage <http://vicuna.jp/>; :mbox "3ping.org@gmail.com"];
 :license <http://creativecommons.org/licenses/by/3.0/>;
 :description "各要素単独のスタイル";
 :note "
 	Outline - 
		01.reset.
		02.classes.
		03.body parts.
		04.header. 
		05.footer. 
		06.index.html. 
		07.message.html. 
		08.seizo.html. 
		09.company.html. 
		10.product/index.html. 
		11.product/. 
		12.namihana.html. 
		13.safty.httml. 
		14.link.html
		";
 :contributor [
 	:name "Yahoo";
	:title "YUI Fonts CSS";
	:description "ブラウザ間のフォントサイズを揃えるライブラリ";
	:revisiton "2.4.0";
	:homepage <http://developer.yahoo.com/yui/fonts/>;
	:license <http://developer.yahoo.com/yui/license.txt>;
	:note "
		Font-size Adjustment.
			77% = -3px	|	122% = +3px	|	167% = +9px	
			85% = -2px	|	129% = +4px	|	174% = +10px 
			92% = -1px	|	136% = +5px	|	182% = +11px 
		100% = standard	|	144% = +6px	|	189% = +12px 
			107% = +1px	|	152% = +7px	|	197% = +13px 
			114% = +2px	|	159% = +8px	| 
			"
	] .
*/

/* ================ reset ================== */
body {
	font: 75%/1.5 Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
}
html>/**/body {
	font-size: 12px; /* IE 以外のブラウザ standard */
}


html {
	overflow-y: scroll;
}


table {
	font-size:inherit;
	font:100%;
}
img {
	border: 0;
	vertical-align: bottom;
}

h1 {
	margin: 0;
	padding: 0.6em 0;
	font-size: 100%;
	font-weight: normal;
}

h2 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
.h3_center {
	text-align: center;
}
h4 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

h5 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h6 {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

h8 {
	page-break-before: always;	
}

p {
	line-height: 1.6;
	margin: 0 4px;
	padding: 0;
	font-size: 100%;
}

body,div,p,a,img,
ul,ol,li,
table,th,td,dl,dt,dd,
form {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
}
input{
	margin: 0;
	padding: 0;
}


ul{list-style: none;}

ul ul,
ul ul ul {
	list-style:square;
}
ul ul{
	margin-left: 20px;
}
ul ul ul{
	margin-left: 40px;
}
ol,ul{
	list-style-position: inside;
}

body {
	color:#222;
	text-align:center;
	background: url(../img/body_back.jpg) top center repeat-y;
}
/*============================================*/

/* ================ utility ================== */

/* -------- float & clear -------- */
.box{
	overflow: auto;
	width: 100%;
}
.left{
	float: left;
}
.right{
	float: right;
}

/* -------- input -------- */

input.srt{width: 30px;}
input.mid{width: 120px;}
input.lng{width: 280px;}
textarea{width: 350px; height: 170px;}

/* -------- link -------- */

a:link{color: #2daafa;}
a:hover,a:focus{color: #000066; text-decoration: underline;}
a:visited{color: #000066;}

ul.line{
}
ul.line li{
	display:inline;
}
ul.just li{
	float: left;
}
ul.line li a{
	text-decoration: underline;
	color: #2EAAFB;
}
ul.line li a:hover{
	color: #2EAAFB;
}
ul li.arrow a{
	background: url(../img/ar.jpg) left center no-repeat;
	padding-left: 12px;
	text-decoration: underline;
}
ul li.now{
	background: url(../img/ar.jpg) left center no-repeat;
	padding-left: 12px;
	color: #333;
	text-decoration: none;
}
table{}
table.info th{border-right: 1px solid #990000;}
table td{padding:2px 10px;}
table td,table th{
	border-bottom: 1px solid #ccc;
}
table th.left{
	text-align: right; 
	background: #f2f2f2; 
	padding: 2px 4px 2px 10px; 
	color: #340000;
	width: 95px;
}
p.caution,
span.caution,
.red{
	color: #ff0000;
}

/* -------- layouts -------- */

img.center {
	margin-left : 26px;
}
p.center,
p.submit{
	text-align: center;
	margin: 10px;
}
.ta_R {text-align: right;}

/*============================================*/
/*============================================*/

/*============================================

		parts

============================================*/

div#wrap{
	margin: 0 auto;
	width: 780px;
}
div#cont{
	text-align: left;
	width: 740px;
	margin: 0 20px;
}
div#pan {
	height: 30px;
	line-height: 30px;
}

div.w700{
	width: 700px;
	margin: 0 20px;
}
h2.title{
	margin-bottom: 20px;
}
p.jump{
	margin-top: 20px;
	margin-bottom: 4px;
	text-align: right;
}

/*============================================

		header

============================================*/

h1#logo{
	float: left;
	width: 274px;
}
ul#menu{
	height: 42px;
}


/*headerリンクボタン追加版*/

#header01 {
    height: 100px;
    width: 780px;
	margin-top:3px;
}
#header01 .logo {
    float: left;
    height: 75px;
    padding-left: 25px;
    padding-top: 15px;
}
#header01 .right {
    float: right;
    width: 320px;
}
#header01 .right .first {
    padding-left: 55px;
    padding-top: 5px;
}
#header01 .right .second {
    padding-top: 5px;
}
#header01 .right .second .float {
    float: left;
	margin:0;
}
#header01 #link {
    background-image: url("../img/link_nihonsaultRO.jpg");
    height: 51px;
    width: 210px;
}
#header01 #link a {
    background-image: url("../img/link_nihonsault.jpg");
    height: 51px;
    width: 210px;
}




/*============================================

		footer

============================================*/

div#footer{
	background: url(../img/footer_bar.jpg) top center no-repeat;
	height: 50px;
}
div#footer img#cp{
	padding: 30px 0 20px;
}

/*============================================

		index.html

============================================*/

h2#big_img{
	float: left;
	width: 600px;
	height: 360px;
	margin: 0;
	padding: 0;
}
div#jump{
	float: left;
	width: 180px;
}
/*div#bnr{
	margin: 10px 0;
}*/

.bnr{
margin-left:5px;
margin-top:5px;
}

/*しろき森へバナー*/
#shiroki{
	width:760px;
	height:240px;
	background-color:#000000;
}
#shiroki #youtube{
	margin-top:25px;
	margin-right:15px;
}
#shiroki .left{
	float:left;
}
#shiroki .right{
	float:right;
}
li.shiroki{
	list-style-image:url(../img/shiroki_pt.gif);
	list-style-position:inside;
	margin:5px 15px 15px 15px;
	text-align:left;
}

/*リンクページのクラス*/
a .blue{color: #2daafa;}
a:hover,a:focus .blue{color: #000066; text-decoration: underline;}

/*============================================

		message.html

============================================*/

div#mes_main{
	width: 420px;
}
#message p {
	margin-bottom: 30px;
}
span.blue{
	color: #2eaafb;
}

/*============================================

		seizo.html

============================================*/

div#seizo_top{
	background: url(../img/seizo_back.jpg) top right no-repeat;
	height: 200px;
}
div#seizo_top p{
	margin-top: 20px;
	width: 360px;
}

/*============================================

		company.html/shokuen.html

============================================*/

div#info_main{
	background: url(../img/info_back.jpg) top right no-repeat;
}
div#info_main2{
	padding-left: 20px;
	background: url(../img/info_back2.jpg) top right no-repeat;
}
div#info_main table#info1,div#info_main table#info2,div#info_main table#sales,div#info_main2 table{
	margin: 30px 0;
}
table#info1,table#sales {
	width: 460px;
}
table#sales th{
	border-bottom: 2px solid #ccc;
	text-align: center;
}
table#sales td.ct{
	text-align: center;
}
table#sales td.no_line{
	border-bottom: none;
	width: 80px;
	padding: 6px 4px;
}
table#info2,table#history{
	width: 700px;
	margin-bottom: 30px;
}
#shokuen table#history{
	width: 580px;
	margin-bottom: 30px;
}
div.sio {
	background: url(../img/shokuen.jpg) top right no-repeat;
}
table#info1 td,
table#info1 th,
table#info2 td,
table#history td,
table#info2 th,
table#history th{
	border-bottom: 1px dotted #ccc;
	padding: 6px 4px;
}
table#info1 th,table#info2 th,table#history th{
	width: 80px;
}
table#zero {
	margin: 0;
	padding: 0;
	border: 0;
}
table#zero td {
	border: 0;
	padding: 0;
}
table#zero td.space_td {
	padding-left: 10px;
}
/*============================================

		product/index.html

============================================*/

div#product_mini{
	width: 640px;
	height: 200px;
	position: relative;
	background: url(../img/jump_mini_back.jpg) top left no-repeat;
}
ul li#mini_gyom{
	position: absolute;
	top:12px;
	left: 426px;
}
ul li#mini_katei{
	position: absolute;
	top:106px;
	left: 426px;
}
ul li#mini_hi{
	position: absolute;
	top:106px;
	left: 185px;
}

/*============================================

		product/

============================================*/

div#katei p span,div.product_spec p span{
	color: #2EAAFB;
}
div.double_box {
	background: url(../img/double_btm.jpg) bottom center no-repeat;
	padding-bottom: 4px;
	margin: 10px 0 20px;

}
div.single_box {
	margin-bottom: 20px;
	padding-bottom: 4px;
	background: url(../img/single_btm.jpg) bottom center no-repeat;

}
div.single_box img{
	padding-bottom: 2px;

}
div.product_boxA {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 318px;
	padding: 0 10px;
}
div.product_boxC {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width: 318px;
	padding: 0 10px;
}

div.product_boxB {
	border: 1px solid #ccc;
	width: 680px;
	padding: 10px 8px;
}

div#gyom h3 {
	border-left: 8px solid #f50504;
	padding-left: 12px;
	height: 20px;
	font-weight: bold;
	margin: 2px 0;
	font-size: 114%;
}
div.product_spec h4 {
	margin: 6px 0 4px;
	font-weight: bold;
	font-size: 114%;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 6px;
	width: 180px;
}
div.product_spec h4.full {
	margin: 6px 0 4px;
	font-size: 114%;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 6px;
	width: 100%;
}

div.product_spec h4.full a{
	margin: 6px 0 4px;
	font-size: 114%;
	border-bottom: 2px dotted #ccc;
	padding-bottom: 6px;
	width: 100%;
	text-decoration:underline;
}





div.product_spec p.w180 {
	width: 180px;
}
div.product_spec p {
	font-size: 85%;
	_font-size: 79%;
}
div.product_spec dt {
	float: left;
	clear: left;
	color: #2EAAFB;
	font-size: 85%;
	_font-size: 79%;
}
div.product_spec dl dt span{
	color:#222;
}
div.product_spec dd {
	font-size: 85%;
	_font-size: 79%;
	margin-left: 1em;
}
div.product_spec dl {
	width: 180px;
	margin: 0;
}

dl dd.moji2 {
	margin-left: 4em;
	_text-indent: -0.3em;
}
dl dd.moji4 {
	margin-left: 5.9em;
	_text-indent: -0.3em;
}
dl dd.moji1 {
	_margin-left: 0.6em;
}

/*============================================

		product/namihana.html

============================================*/

#namihana p {
	margin-bottom: 20px;
}

#namihana-product{
	display:block;
	width:357px;
	height:435px;
	float:left;
}

#namihana-cart{
	clear:both;
	width:357px;
	height:102px;
}

.namihana-cart{
	width:357px;
	margin-top:25px;
}
.namihana-cart td{
	border:none;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	padding-left:5px;
	padding-right:0;
	margin-right:0;
}


#guide-bt{
display:block;
background-image:url(../img/guide-btRO.gif);
width:178px;
height:25pd;
}

#guide-bt a{
display:block;
background-image:url(../img/guide-bt.gif);
width:178px;
height:25pd;
}

#guide-bt a:hover{
display:block;
background-image:url(../img/guide-btRO.gif);
}


/*============================================

		safty.html

============================================*/

#safty div#qr_L {
	width: 420px;
	
}
#safty div#qr_L p{
	width: 220px;
	margin-bottom: 16px;
}
#safty div#qr_R {
	text-align: center;
	padding-left: 20px;
	border-left: 1px dotted #ccc;
}
#safty div#qr_R p{
	width: 225px;
	text-align: left;
}
div#qr_code table{
	width: 340px;
	margin: 0;
}
div#qr_code table th.no {
	width: 30px;
}
div#qr_code table th.koumoku {
	width: 115px;
}
div#qr_code table th.naiyo {
}

div#qr_code table td.num{
	background: #f4f4f4;
}
div#qr_code table td.spec{
	background: #f6f6f6;
}
div#qr_code table td.name{
	background: #fff;
}

div#qr_code h5{
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
	_width: 340px;
}
div#qr_code h6{
	font-weight: bold;
	color: #fff;
	background: #000;
	height: 20px;
	text-align: center;
	line-height: 20px;
	margin-bottom: 10px;
	_width: 340px;
	width:340px;
}



/*============================================

		link.html

============================================*/

dl#link_list dt {
	float: left;
	width: 11em;
	clear: left;
	padding: 10px 0;
}
dl#link_list dd {
	margin-left: 0;
	padding: 10px 0 10px 1em;
	border-bottom: 1px dotted #ccc;
}

dl#link_list dd p.url {
}
dl#link_list dd p.bnr {
	float: right;
	margin-top: -10px;
}

/*============================================

		shopping-guide.html

============================================*/

.guide-midashi{
	line-height:15px;
	margin:10px 0px;
	font-weight:600;
	color:#666666;
}
.guide-midashi img{
	padding-right:10px;
	border:none;
}

.guide{
	padding-left:25px;
}

.guide p{
	color:#CC0000;
	margin-bottom:0px;
	padding-bottom:0px;
}

.guide-list{
	list-style-type:disc;
	padding-left:8px;
	margin-left:8px;
	list-style-position:outside;
}

.break{
page-break-before: always;	
}

p.jump-shop{
	text-align: right;
}

/*============================================*/
/*============================================*/
/*============================================*/
/*============================================*/


/*問い合わせフォーム*/


#m-form{
display:block;
width:500px;
height:100%;
margin-left:100px;
}

#m-ttl{
display:block;
background-image:url(../img/cont-ttl.gif);
width:740px;
height:29px;
}


#m-tel{
display:block;
margin-left:30px;
margin-top:30px;
}

.m-tel{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
color:#333333;
}



/*トップページ中央*/

#top-main{
display:block;
width:780px;
}

#top-main-l{
display:block;
background-image:url(../img/top_big.jpg);
width:600px;
height:360px;
float:left;
}

#top-main-r{
display:block;
width:180px;
float:left;
}

#cam{
display:block;
background-image:url(../img/top-cam.gif);
width:580px;
height:30px;
padding-left:180px;
padding-right:20px;
padding-top:10px;
}

.cam{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:16px;
color:#FF0000;
font-weight:600;
}

.cam a{font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:16px;
color:#FF0000;
font-weight:600;
}




/*オープン*/
#open{
display:block;
background-image:url(../img/top-open.jpg);
width:760px;
height:25px;
margin-left:10px;
margin-top:10px;
padding-top:45px;
}

.open{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
color:#ff4444;
line-height:18px;
}

.open a{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
color:#ff4444;
line-height:18px;
text-decoration:none;
}

.open a hover{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
color:#ff4444;
line-height:18px;
text-decoration:underline;
}


/*hi.htmlより詳細ページへのリンクボタン*/

#shosai-clk{
display:block;
background-image:url(../img/hi-clkRO.gif);
width:159px;
height:30px;
margin-top:5px;
margin-left:10px;
}


#shosai-clk a{
display:block;
background-image:url(../img/hi-clk.gif);
width:159px;
height:30px;
}


#shosai-clk a:hover{
display:block;
background-image:url(../img/hi-clkRO.gif);
}



.clear{clear:both;}

/*クリスタルソルト*/
#cr-header{
display:block;
background-image:url(../crystal/img/crystal.jpg);
width:699px;
height:284px;
}

.cr-form{
margin-top:10px;
}

#cr-t1{
display:block;
background-image:url(../crystal/img/t1.jpg);
width:409px;
height:204px;
padding-top:80px;
padding-left:290px;
}

#cr-t2{
display:block;
background-image:url(../crystal/img/t2.jpg);
width:669px;
height:389px;
padding-top:80px;
padding-left:30px;
}

.cr-bun{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
line-height:20px;
}

.cr-set{
display:block;
width:399px;
height:77px;
margin-top:10px;
padding-left:300px;
padding-top:170px;
}

/*ドライソルト*/

#dry-header{
display:block;
background-image:url(../dry/img/header.gif);
width:700px;
height:361px;
}

#dry-cart{
display:block;
background-image:url(../dry/img/cart.gif);
width:170px;
height:32px;
}

#dry-t1{
display:block;
background-image:url(../dry/img/t1.gif);
width:617px;
height:42px;
}

#dry-t2{
display:block;
background-image:url(../dry/img/t2.gif);
width:383px;
height:43px;
}

#dry-p{
display:block;
background-image:url(../dry/img/p1.jpg);
width:606px;
height:585px;
margin-left:40px;
}

#dry-bun{
display:block;
width:580px;
margin-left:60px;
margin-top:10px;
}