@charset "utf-8";

#ro-header{
display:block;
background-image:url(../img/ro-header.jpg);
width:700px;
height:290px;
}

#ro-mdl{
display:block;
width:700px;
height:200px;
margin-top:20px;
}

#ro-mdll{
display:block;
width:395px;
height:100%;
float:left;
}

#ro-mdl-r{
display:block;
background-image:url(../img/ro-tomato.jpg);
width:255px;
height:190px;
margin-left:20px;
float:left;
}

#ro-clk{
display:block;
width:600px;
height:25px;
margin-left:15px;
}

#ro-clk1{
display:block;
background-image:url(../img/ro-clk1RO.gif);
width:155px;
height:25px;
float:left;
}

#ro-clk1 a{
display:block;
background-image:url(../img/ro-clk1.gif);
width:155px;
height:25px;
}

#ro-clk1 a:hover{
display:block;
background-image:url(../img/ro-clk1RO.gif);
}

#ro-clk2{
display:block;
background-image:url(../img/ro-clk2RO.gif);
width:175px;
height:25px;
margin-left:15px;
float:left;
}

#ro-clk2 a{
display:block;
background-image:url(../img/ro-clk2.gif);
width:175px;
height:25px;
}

#ro-clk2 a:hover{
display:block;
background-image:url(../img/ro-clk2RO.gif);
}

#ro-hyou-t{
display:block;
margin-top:10px;
margin-left:15px;
}

#ro-hyo{
display:block;
width:600px;
height:100%;
margin-left:50px;
margin-top:15px;
}

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

.hyo{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:13px;
text-align:center;
}

.hyo-bun{
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
text-align:left;
}


/*main.css*/
/* ================ 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;
}

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{
width:780px;
height:100px;
}

#header01 .logo {
    float: left;
    height: 75px;
    padding-left: 25px;
    padding-top: 15px;
}

#header01 .right{
float:right;
width:320px;
height:100px;
}

#header01 .right .first{
    padding-left: 55px;
}
#header01 .right .second{
    padding-top: 5px;
	padding-bottom:5px;
}

#header01 .right .second .float{
    float: left;
}

#header01 #link{
background-image:url(../img/link_nihonsaultRO.jpg);
width:210px;
height:51px;
}

#header01 #link a{
background-image:url(../img/link_nihonsault.jpg);
width:210px;
height:51px;
}

#header01 #link a:hover{
background-image:url(../img/link_nihonsaultRO.jpg);
}

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

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

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

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




.clear{clear:both;}

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