@charset "utf-8";

/********* HTMLリセット *********************************************/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, pre, blockquote, th, td, form, fieldset, input, textarea {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
em, strong, code, address, th {
	font-weight: normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}
q:before, q:after {
	content: "";
}
abbr, acronym {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: left;
}
fieldset, img {
	border: 0;
}
.idpass {
ime-mode: inactive;
}
.furigana {
ime-mode: active;
}
#shouhin {
margin-left: 600px;
font-size: 10px;
}
/********* HTML再定義 ***********************************************/

body {
	line-height: 1.4;
	margin: 0 auto;
	padding: 10px;
	background-color: #fff;
	color: #000000;
	font-size: 80%;
	>font-size: 100%;
	font-family: "Tunga","Hiragino Kaku Gothic Pro" ,"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", fantasy;
	
}

h1 {
position: absolute;
	line-height: 1.2;
	font-size: 180%;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 20px;
	top: 295px;
	color: #AFEEEE;
}
h2 {
	margin: 10px 0;
	padding: 5px 0;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
}
h3 {
	font-weight: bold;
}
h4, h5, h6 {
	margin: 10px 0;
	font-weight: bold;
}

p {
	margin: 10px 0;
}
em, strong {
	font-style: normal;
	font-weight: bold;
}
ul {
	margin: 10px 20px;
}
ul li {
	list-style: disc;
}
ol {
	margin: 10px 30px;
}
ol li {
	list-style: decimal;
}
dl {
	margin: 10px 0;
}
dl dd {
	margin-left: 30px;
}
pre {
	overflow: auto;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
}
code {
	color: #000080;
}
pre, code {
	line-height: 1.2;
	font-size: 100%;
	font-family: "ＭＳ ゴシック", monospace;
}
blockquote {
	overflow: auto;
	margin: 10px 0;
	padding: 0 15px;
	border-left: 2px solid #7777AA;
}
blockquote div, blockquote p, blockquote li, blockquote dt, blockquote dd {
	color: #777777;
}
address {
	padding-top: 10px;
	border-top: 1px solid #999999;
}

table {
	margin: 15px 0;
	border: 1px solid #666666;
}
table tr th {
	padding: 5px;
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
	font-weight: bold;
	text-align: center;
}
table tr td {
	padding: 5px;
	border: 1px solid #AAAAAA;
}
table tr td input {
	margin: -2px 0;
}

form legend {
	display: none;
}
form input, form textarea {
	padding: 1px;
}
form dl dt {
	float: left;
	clear: left;
	width: 6em;
}
form ul {
	margin: 15px 0px;
}
form ul li {
	list-style: none;
}
form p input {
	padding: 2px;
}
h1 a {
color: #fff;
text-decoration: none;
}
.invisible {
display: invisible;
}

/********* 基本構造 *************************************************/

div#container {
	width: 900px;
	margin: 0 auto;
	/*padding: 20px;*/
	border: 1px solid #E1E8F0;
	background-color: #FFFFFF;
	background-image: url(titletop900-378.jpg);
	background-repeat: no-repeat;
}
div#menu {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-top: 300px;
	padding: 5px 20px;
	margin-bottom: 30px;
}

div#customer {
	margin-bottom: 20px;
}
div#work {
	margin-bottom: 20px;
}
div#container p.top {
line-height: 1.6em;
text-indent:2em;
color: #fff;
}
div#container li a {
color: #0099FF;
text-decoration: none;
}
div#container li a:visited {
color: #000099;
}
div#container li a:hover {
color: #09f;
}
/********* メニュー *************************************************/

div#menu h2 {
	display: none;
}
div#menu ul {
	margin: 5px 0;
}
div#menu ul li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#menu ul li a:link {
color: #AFEEEE;
text-decoration: none;
}
div#menu ul li a:visited {
color: #66FFFF;
text-decoration: none;
}
div#menu ul li a:hover {
color: #FFFFFF;
}
div#menu ul li a:active {
color: #ffffff;
}
/********* 商品一覧 *************************************************/

div#catalog h2 {
	display: none;
}
div#catalog h3 {
	font-size: 150%;
	background-color: #1719DE;/*A9BACC*/
	color: #FFFFFF;
	padding-left: 0.8em;
	border: 3px double #A9BACC;
}
div#catalog div.catalog {
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #E1E8F0;
	width: 94%;
	margin-left: 2%;
	/*border-left: 0;
	border-right: 0;*/
}

div#catalog dl {
	padding: 10px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}
div#catalog dl dt {
	float: left;
	clear: left;
	width: 7em;
}
div#catalog div.catalog a {
color: #2c467a;
text-decoration: underline;
}
div#catalog div.catalog a:hover {
color: #7f553a;
text-decoration: underline;
}
div#catalog div.catalog a:visited {
color: #7f2f49;
text-decoration: none;
}
p.intro {
margin: 0;
margin-top: 3px;
padding: 15px;
padding-top: 5px;
border: 0;
clear: both;
background-color: transparent;
}
p.intro span.imbox{
display: block;
width: 230px;
border: 0;
margin: 5px;
padding: 0;
float: right;
}
p.intro span.imbox2{
display: block;
width: 290px;
border: 0;
margin: 5px;
padding: 0;
float: left;
}
div#catalog h4 {
margin: 0;
padding: 0;
font-size: 150%;
color: #7f553a;
line-height: 2em;
}

.i-title {
font-size: 125%;
color: #000066;
font-weight: 600;
background-image: url(images/ittlebg.gif);
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 center;
padding-left: 1em;
margin-left: 1.2em;
line-height: 2.5em;
} 
.inbvisible {
visibility: hidden;
}
.none {
display: none;
}

/********* ページ移動 ***********************************************/

div#page h2 {
	display: none;
}
div#page ul {
	margin: 5px 0;
}
div#page ul li {
	display: inline;
	margin-right: 10px;
}

/********* ナビゲーション *******************************************/
div#footer {
background-image: url(titlefooter900-80.jpg);
background-repeat: no-repeat;
height: 80px;
padding: 5px 20px;
}
div#footer a {
color: #7f2f49;
text-decoration: none;
}

div#navi h2 {
	display: none;
}
div#navi ul {
	margin: 5px 0;
	text-align: right;
}
div#navi ul li {
	display: inline;
	margin-left: 5px;
}

/********* 顧客情報 *************************************************/

div#customer dl dt {
	float: left;
	clear: left;
	width: 6em;
}

/********* 処理選択 *************************************************/

div#work form {
	margin: 10px 0;
}
div#work form dl dt {
	display: none;
}
div#work form dl dd {
	margin: 0;
}

/********* 設定編集 *************************************************/

div#config form div.data {
	margin-bottom: 20px;
}
div#config form div.data h3 {
	margin: 20px 0 15px 0;
	padding: 3px;
	background-color: #EEEEEE;
}
div#config form div.data p.comment {
	margin: 0 3px 3px 3px;
}
div#config form div.data p.config {
	margin: 0 3px 10px 3px;
}

/********* 個別指定 *************************************************/

.number {
	text-align: right;
}

/********* IE6用設定 ************************************************/

* html body {
	text-align: center;
}
* html body div#container {
	width: 900px;
	text-align: left;
}
* html body pre {
	width: 100%;
}
* html body table tr th, * html body table tr td {
	font-size: 80%;
}
