@charset "utf-8";

/*
@font-face {
font-family: "M+2P+IPAG circle";
src: url('M+2P+IPAG-cir.eot');
src: local("M+2P+IPAG circle"),
url('M+2P+IPAG-cir.ttf') format("truetype");
}
*/


/* 基本スタイル
---------------------------------------------*/
	/*---------- ページ全体の指定 ----------*/
body {
	margin-top:0;
	margin-right:auto;
	margin-left:auto;
	font-family: "HGS平成丸ゴシック体W8",Osaka;
	font-size: 14px;
	color: #333;
	background-color: #ffffff;
	text-align: center;
}



* {
	font-style: normal;
	margin: 1px;
	padding: 1px;

}

div{
	font-weight: normal;
	}

a:link img, a:visited img{
	text-decoration: none;
	border: none;
}

a:link {
	color: #333333;
}

a:hover {
	color: #ff0000;
	font-size: 16px;
}

a:visited {
	color: #333333;
}

p {
	margin: 20px 0 20px 0;
	line-height: 150%;
	letter-spacing: 1px;
}

.hr{
	height: 0.5em;
    background-image: url(../img/hr.gif);
    background-repeat: no-repeat;
    text-align: center;
    margin:3em;
}

h1{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:navy;
}

h2 {
	font-size: 25px;
	border-bottom: solid 3px midnightblue;
	padding-top: 1em;
	padding-bottom:0.5em;
	padding-left:0.5em;

	color: #ffe;
	background-color: royalblue;
}


/* Tables */
table {
	background: #fff;
	border: 1px outset #bbb;
}

th {
	background-color: #f39800;
	border: 1px outset #bbb;
	color: white;
	text-align: center;
	vertical-align: bottom;
}

th a {
	background: #f2f2f2;
	display: block;
	padding: 1px 1px;
	text-decoration: none;
}

th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}

table tr td {
	margin: 0px;
	padding: 2px 2px 2px 2px;
	border: 1px outset #bbb;
	background: #fff;
	padding: 1px;
	text-align: center;
	vertical-align: bottom;
}

table tr td div {
	display: inline;
	vertical-align: bottom;
}

table tr td div input {
	vertical-align: bottom;
}

table tr.altrow td {
	background: #f4f4f4;
}

td input {
	text-align: center;
	vertical-align: bottom;
}

td.actions {
	text-align: center;
	white-space: nowrap;
}

td.actions a {
	margin: 0px 0px;
}

div.categorySelect{
	border: solid 1px navy;
	padding: 3px;
	margin: 1px;
}

/*---------- jQuery Watermark Plugin用 ----------*/
/* make textbox dimensions consistent in all browsers */
/* you may choose to use a reset stylesheet instead */
.txt
{
/*	border: solid 2px navy;
	margin: 1px;
	height: 24px;	/* must specify height for consistent vertical alignment */*/
/*	vertical-align: middle;*/

}
/* watermark positioning container */
.updnWatermark
{
	position: relative;	/* positioning container */
	 color: #99e;
height: 1.5em;

	 font-size: 0.9em;
     font-style: italic;
   	vertical-align: middle;


}

/* IE7/6 hasLayout hack */
.updnWatermark
{
	*zoom: 1;
}
/* watermark label styling */
.updnWatermark label
{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	 color: #bbe;
	padding: 0;
	margin-left: 10px;
	height: 1.00em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;

}

/*---ラベルとテキストボックスが横並び用---*/
/* watermark positioning container */
.myWatermark2
{

	position: relative;	/* positioning container */
	 color: #99e;
height: 1.5em;

	 font-size: 0.9em;
     font-style: italic;
   	vertical-align: middle;
}
/* IE7/6 hasLayout hack */
.myWatermark2
{
	*zoom: 1;
}
/* watermark label styling */
.myWatermark2 label
{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	 color: #bbe;
	padding-left: 10px;
	height: 1.00em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}
/*--------入力のチェックボックスのオプション
input[type=checkbox] option{
	white-space: nowrap;
}
---*/

/**トップの目次エリア**/
.mokuji
{
	font-size:0.9em;
	background-color:orange;
	color:white;
	width:680px;
	text-decoration: none;

}

.mokuji a:link, .mokuji a:visited{
	text-decoration: none;
	border: none;
	color:white;
}
.mokjiDaiji
{
	font-size:1.3em;
	font-weight: bold;
}




/*--------カテゴリのリンク用クラス---*/
.category {
	font-size: 25px;
	border-bottom: solid 5px midnightblue;
	color: #ffe;
	background-color: aqua;
		white-space: nowrap;

}



/*---------- メイン ----------*/
#main {
	float: right;
	margin: 2em auto;
	padding: 8px 8px 8px 8px;
	width: 730px;
	background-color: #ffffff;
	text-align:left;
	line-height: 120%;
}
/*---------- メインアイテム用 ----------*/
#main_item {
	float: right;
	margin: 2em auto;
	padding: 8px 8px 8px 8px;
	width: 730px;
	background-color: #ffffff;
	text-align:left;
	background-image: url('../img/item_wallpaper.jpg');
	background-repeat: repeat;

}

#center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/*---------- ヘッダー（情報出力部分） ----------*/
#info_header {
	margin-top: 0;
	margin-bottom:0;
	width: 1020px;
	color: #222222;
	font-size: 11px;
	background-color: #ffffff;
	text-align: right;

}



/*---------- ヘッダー ----------*/
#header {
	margin-top: 0;
	margin-bottom:0;
	padding: 2px 2px 2px 2px;
	width: 1020px;
	color: #f7f7f7;
	font-weight: bold;
	font-size: 18px;
	background-color: #226622;
	background-repeat: no-repeat;
	text-align: left;

}

/*---------- ヘッダーショップ用 ----------*/
#header_shop {
	margin-top: 0;
	margin-bottom:0;
	margin-left: 0;
	margin-right:0;

	padding: 2px 2px 2px 2px;

	width: 1020px;
	color: #f7f7f7;
	font-weight: bold;
	font-size: 18px;
	background-color: #226622;
	background-repeat: no-repeat;
	text-align: left;

}


#header-inner {
	color: #000000;
	background-color: #ccccff;
	background-repeat: repeat;
	background-image: url('../img/cloud.jpg');
	vertical-align: middle;
}

/*---------- ヘッダーインナーショップ用 ----------*/
#header-inner_shop {
	color: #000000;
		font-weight: bold;
		padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;

		margin-top: 0;
	margin-bottom:0;
	margin-left: 0;
	margin-right:0;

	font-size: 5em;
	line-height:100%;
	background-color: white;
}

#right{
	float:left;
}

#left{
	float:right;

	margin-right: 1em;
	margin-top:1.5em;

}

.right{
	float:left;
}

.left{
	float:right;

}

#leftimage{
		display:inherit;
	float:none;
	margin-right: 2em;
	margin-top:1.5em;
			margin-left:auto;
	margin-right:auto;
	text-align: center;

}

.spacer{
	margin-top:1em;
	margin-bottom:1em;
	padding-top:1em;
	padding-bottom:1em;

}


#logo{
	float:right;
	display:inherit;
	width:29em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
			background-repeat: repeat;
/*	background-image: url('../img/cloud.jpg');*/
	vertical-align: middle;
}



#title {
	text-align: left;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	font-size: 30px;
	color: #ffffff;
	line-height: 120%;
	text-decoration: none;
}

/*-----ショップ用タイトル----*/
#title_shop {
	text-align: left;
	margin: 0 auto;
	padding: 5px 5px 5px 5px;
	font-size: 30px;
	color: #ffffff;
	line-height: 120%;
	text-decoration: none;
	height: 15em;
}

/*---------- ダイアログ用 ----------*/
#dialog {
	float: none;
	text-align:left;
		margin: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	width: 780px;
		background-color: #ffffff;

}

/*---------- コンテンツ ----------*/
#container {

	margin-top: 0;
	padding: 5px 5px 5px 5px;
	width: 100%;
	margin-right:auto;
	margin-left:auto;
/*	text-align:center;*/
	background-color: #ffffff;
	width: 1024px;

}

/*---------- メインコンテンツ ----------*/
#contents {
		margin-top: 0;
	padding: 2px 2px 2px 2px;
	line-height: 100%;
	letter-spacing: 1px;
	width: 1024px;


	    text-align:center;

}


#contents img.sample {
	margin: 20px;
}

/*#contents h1 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	line-height: 110%;
	font-size: 12px;
	color: #333333;
}*/

#contents p {
	margin: 0;
	padding: 5px 5px 5px 5px;
}

/* 広告枠 */
#ad{

	text-align:center;
	margin-top: 10px;
	padding-left: 5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}


#news {
	width: 558px;
	height: 150px;
	overflow: auto;
	background-color: #ffffff;
	padding: 5px;
	margin: 12px 0 10px 0;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #999999;
}

#category{
	}
/*---------- 商品ページ ----------*/
#item {
	text-align: left;
	margin: 0;
	padding: 5px 0 5px 5px;
	font-size: 20px;
	line-height: 120%;
	color: #000;
}

#price {
	text-align: left;
	margin: 0;
	padding: 5px 0 5px 5px;
	font-size: 30px;
	line-height: 120%;
	font-weight: bold;
	color: #000;
}


/*---------- 列挙型表示 ----------*/
#listing{
	display:block;
}

div#listing{
	display:block;
}




div#listing div.checkbox {
	display: inline;
	clear: none;
	white-space: nowrap;
	float:left;
}




#listing a{
	display:inline;
	clear: both;
	font-size: 20px;
	color: #000;
		line-height: 120%;
						white-space: nowrap;
}

#nolink{
	display:inline;
	clear: both;

		color: #999;
						white-space: nowrap;

}

#islink{
	display:inline;
	clear: both;
						white-space: nowrap;
	text-decoration: none;

}

#slash {
		display:inline;
	clear: both;

	color: lightsteelblue;
}


/*---------- メニュー ----------*/
#menu {
	margin-top: 2em;
	margin-right:auto;
	padding: 8px 8px 8px 8px;
	width: 250px;
	text-align: left;
	line-height: 150%;
	letter-spacing: 1px;
	background-color: #ffffff;
}

#menu h1 {
	height: 16px;
	margin: 1px;
	border-bottom: solid 5px darkseagreen;
	border-right: solid 3px darkseagreen;
	line-height: 110%;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-color: powderblue;
}

#menu p {
	margin: 10px 4px 22px 4px;
	line-height: 150%;
}

li {
/*	list-style-image: url(img/mark.gif);*/
	margin: 0 0 5px 0;
}

#menu a {
	color: #333333;
	font-size: 12px;
}

#menu a:hover {
	color: #000000;
	font-size: 12px;
}


.cssMenuClass li a{
	line-height : 120%;
	display:inline;
	color: #FFF;
	font-size: 18px;
	background-color:navy;
	margin: 1px 1px;
	text-decoration: none;

}

#folder{
	display:inline;
	margin: 0;
	padding:0;
	padding: 1px 1px;
	text-decoration: none;
	border-style:none;

}

/*---------- フッター ----------*/
#footer {
	clear: both;

	margin: auto;
	padding: 8px 12px 8px 0;
	text-align: right;
	font-size: 12px;
	color: #666666;
	border-top: solid 2px #f39800;
	background-color: lightblue;
	width:100%;

}


/* 広告枠 */
#footad{
	clear: both;
	margin:auto;
	text-align:center;
	margin-top: 10px;
	padding-left: 5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
		width:100%;

}


#footer2 {
	clear: both;

	margin: auto;
	padding: 8px 12px 8px 0;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	border: none;
	background-color: white;
	width:100%;

}

#footer h1 {
	margin: 0;
	text-align: right;
	padding: 2px 8px 0 0;
	font-size: 10px;
	color: #666666;
}

#footer h1 a {
	color: #666666;
	font-size: 10px;
}

#footer h1 a:hover {
	color: #666666;
}

#footer a {
	color: #666666;
	font-size: 12px;
}

#footer a:hover {
	color: #333333;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}

.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

.success {
	background: green;
	color: #fff;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}

p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}

.notice {
	background: #ffcc00;
	color: #800;
	display: block;
	font-family: Courier, monospace;
	font-size: 90%;
	line-height: 100%;
	padding: 0.8em;
	margin: 10px 0;
}

.success {
	background: green;
	color: #fff;
}

/*  Actions  */
div.actions ul {
	margin: 0px 0;
	padding: 0;
}

div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}

div.actions ul li a {
	background: #fff;
	color: #003d4c;
	text-decoration: none;
}

div.actions ul li a:hover {
	color: #333;
	text-decoration: underline;
}


/* 金額 */ /* Notices and Errors */
div.minus {
	display:inline;
	color: red;
	font-size: 110%;
	font-weight: bold;
}

div.plus {
	display:inline;
	color: blue;
	font-size: 110%;
	font-weight: bold;
}
/* システム使用料 */
div.sysinfo{
	color: darkgreen;
	font-size: 100%;
	font-style: italic;
}

/* メッセージフォルダー */
div#message_folder{
	border-bottom: solid 3px black;
	background-color: darkslateblue;
	margin-top: 1px;
	margin-bottom: 1px;


}

div#message_folder a{
	font-size: 110%;
	font-weight:bold;
	text-decoration: none;
	display:inherit;
	color: antiquewhite;
}


/* 必須 */
.required {
/*	color: #000;
	font-weight: bold;
	vertical-align: middle;
	background-color: #ffffaa;*/
}

/* ページング用 */
#pagination{
	text-align:right;
	vertical-align:middle;
	text-decoration: none;
	font-size: 1.2em;
}

/* 数値入力用 */
.numeric{
	text-align: right;
	ime-mode: disabled:
}


.menuTitle{
	margin-top:1.5em;
	margin-bottom:1em;
	border-bottom: solid 2px #009;
	color:#00a;
	font-size: 1.5em;
	width:70%;
	vertical-align: bottom;
	padding-bottom: 0.3em;
}

.margineL{
	display:block;
	margine-left:2em;
	padding-left:2em;
}

/* 説明文章用スタイル */
.readme{
	font-size: 1.5em;
	line-height: normal;
}

#negofeature{
	display:inherit;
	float:none;
	background-image: url("../img/negobannar/nego_feature.png");
	background-repeat: no-repeat;
	height:379px;
	width:580px;
}


#negofeature ul {
	text-align:left;
	padding-top:3.2em;
	padding-left:3.5em;
	list-style-image: url("../img/negobannar/check.png");
	color:tomato;
	 font-size:18px;
	 font-weight:bold;
	  }
#negofeature li { line-height:100%; }

/* フォーム用スタイル */
.inputArea {
	font-size: 16px;
	background-color: #e9f8fa;
	padding: 10px;
}

.inputAreaN {
	font-size: 16px;
	background-color: #e9f8fa;
}

.inputArea .activeField {
	background-image: none;
	background-color: #ffffff;
	border: solid 1px #33677F;
	line-height: 1.5em;
}

.inputArea .idle {
	border: solid 1px #85b1de;
	background-image: url( 'blue_bg.png' );
	background-repeat: repeat-x;
	background-position: top;
	line-height: 1.5em;

}

.inputAreaN .activeField {
	background-image: none;
	background-color: #ffffff;
	border: solid 1px #33677F;
	line-height: 1.5em;

}

.inputAreaN .idle {
	background-image: url( 'blue_bg.png' );
	background-repeat: repeat-x;
	background-position: top;
	line-height: 1.5em;

}

/* Forms */
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 10px 10px 10px 10px;
}

fieldset legend {
	background: navy;
	color: white;
}

fieldset fieldset legend {
	font-weight: normal;
}

form div.required {
	display: inline;
	color: #990000;
	font-weight: bold;
	vertical-align: middle;
}

input[type=select] {
	border: solid 1px #85b1de;
	background-image: url( 'blue_bg.png' );
	background-repeat: repeat-x;
	background-position: top;
}

input[type=radio] {
	width: auto;
	margin: 0 3px 7px 0;
	line-height: 1.5em;
}

input[type=checkbox] {
	width: auto;
	margin: 0 3px 7px 0;
}

input[type=hidden] {
	display: none;
	width: 0;
	height: 0;
	font-size: 0px;
	margin: 0 0 0 0;
}

div.radio label {
	margin: 0 0 6px 20px;
}

input[type=submit] {
	font-size: 100%;
	padding: 2px 5px;
	vertical-align: bottom;
}

.SI-FILES-STYLIZED label.cabinet {
	width: 160px;
	height: 43px;
	background: url(selectimage.png); 0 0 no-repeat;
	display: block;
	overflow: hidden;
	cursor: auto;
		z-index:2000;
}

.SI-FILES-STYLIZED label.cabinet input.file {
	position: relative;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	height:0;


	filter: progid : DXImageTransform.Microsoft.Alpha ( opacity = 0 );
}

/* テーブル用スタイル */
table.readme	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
th.readme, td.readme	{
	padding: 10px 20px;
	color: #1D5C79;
}

.readme th	{
	background: url(tableimage/th.jpg) repeat-x bottom;
	border: 1px solid #DDD;
	color: #333;
		height:1.5em;

}
.readme td	{
	border: 1px solid #DDD;
	color: #333;
	text-align: left;
	text-decoration: none;

	padding-left:1em;
	height:1.5em;
}

.systemnews tr td{
	text-align: left;
}

.hatan{
	color:red;
	background-color: black;
}

.hatan a{
	color:red;
	background-color: black;
	text-decoration: none;
}


.left_padding_5em{
	padding-left: 5em;
}


/* トップページ画像付き店、商品スタイル */

#contents .ul-list-02 {
	LIST-STYLE-TYPE: none; MARGIN: 1em 0px; WIDTH: 700px;

}
#contents .ul-list-02 LI {
	WIDTH: 220px; FLOAT: left;

}
#contents .ul-list-02 DL {
	HEIGHT: 200px;
				background-color: #ff9900;

}
#contents .ul-list-02 DT {
	MARGIN-BOTTOM: 1em;

}
#contents .ul-list-02 DD {
	MARGIN-BOTTOM: 0.5em;
	margine-left:0.5em;
	color:white;
}
.ul-list-02 a{
color:white;
text-decoration: none;

}