/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption{
	text-align: center;
	font-weight:bold;
}
th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}
p, dd, blockquote	{
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	font-family: Trebuchet MS,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #333;
	font-size: 75%;
	line-height: 150%;
}
html>/**/body {
	font-size: 12px;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}
/*/////////////////////////////////ナビ*/
#topnavi {
margin:5px 0px 5px 0px;
}

* html div.navi4_ {
	z-index:1;
	position:absolute;
	top:73px;
	width:630px;
	height:33px;
	background-image: url(http://www.artdirect.jp/artdirect/test/navi4.png);
	float:left;
	clear:both;
}

*:first-child+html div.navi4_ {
	z-index:1;
	position:relative;
	width:630px;
	height:38px;
	background-image: url(http://www.artdirect.jp/artdirect/test/navi4.png);
	float:left;
	clear:both;
}

div.navi4_{
	width:630px;
	height:38px;
	background-image: url(http://www.artdirect.jp/artdirect/test/navi4.png);
	float:left;
	clear:both;
}

ul.menu li{
	float:left;
    width:101px;
    height:27px;
	background:url("http://www.artdirect.jp/artdirect/test/off.png");
	position:relative;
	z-index: 3;
}
ul.menu li a{
	display:block;
	width:100%;
	height:100%;
	font-size:x-small;
    line-height:27px;
    text-align:center;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
ul.menu li a:hover{
	background:url("http://www.artdirect.jp/artdirect/test/on.png");
}
ul.menu li ul.sub{
	position:absolute;
}
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

li img{
	border:0;
}
li.ajaBtn{
	list-style-type:none;
	width:115px;
	height:26px;
	float:left;
	background:url(http://www.artdirect.jp/artdirect/test/caleon.png);
}
li.amaBtn{
	list-style-type:none;
	width:112px;
	height:26px;
	float:left;
	background:url(http://www.artdirect.jp/artdirect/test/mailon.png);
}

}
li a{
	display:block;
}
li a:hover {
	background-color:transparent;
}
li a:hover img{
	visibility:hidden;
}

div.cam {
width:801px;
height:108px;
clear:both;
}

#twit{
  width: 768px;
  height : 76px;
  margin:3px 0px 5px 5px;
 background:url(parts/twit1.png)  no-repeat;
 float:left;
 clear:both;
}

#twit2{
  float:left;
  margin: 15px 4px 4px 4px;
  width: 700px;
  height : 65px;
  overflow: auto;
}

#twit3{
  width: 29px;
  height : 76px;
  float:right;
}



/*/////////////////////////////////文字装飾*/
.midashi1{
  background:#FFD700;
width:10px;
height:20px;
float:left;
margin:3px;
text-align:center;
}



/*/////////////////////////////////*/

/*普通見出し*/
div.title_kadomaru {
  border:solid 1px #FFD700;
  background:#FFD700;
     margin:15px 20px 0px 20px;
  padding:5px;
}

/*縦長見出し*/
div.title_kadomaru2 {
width:130px;
height:70px;
  border:solid 1px #FFD700;
  background:#FFD700;
     margin:10px 20px 0px 20px;
  padding:5px;
}

/*縦長細見出し*/
div.fusen_kadomaru1 {
width:8px;
height:70px;
  border:solid 1px #FFD700;
  background:#FFD700;
     margin:5px 0px 0px 30px;
  padding:5px;
  float:left;
}

/*縦長細見出し2*/
div.fusen_kadomaru2 {
width:70px;
height:70px;
  border:solid 1px #FFFFFF;
  background:#FFFFFF;
     margin-top:5px;
  padding:3px;
  float:left;
}

/*縦長細見出し3*/
div.fusen_kadomaru3 {
width:375px;
height:70px;
  border:solid 1px #DCDCDC;
  background:#DCDCDC;
     margin-top:5px;
  padding:10px;
  float:left;
}


div.de_kadomaru {
  border:solid 1px #FFD700;
   background:#DCDCDC;
     margin:5px 5px 0px 5px;
       padding:5px;
       width:550px;
}

div.de_kadomaru2 {
  border:solid 1px #FFD700;
   background:#FFFFFF;
     margin:15px 20px 0px 20px;
  padding:5px;
  text-align:center;
}

div.de_kadomaru3 {
  border:solid 1px #FFD700;
     margin:15px 20px 0px 20px;
     padding-top:15px;
  width:517px;
   background:#FFD700;
  text-align:center;
  clear:both;
}

div.de_kadomaru4 {
  border:solid 1px #FFD700;
     margin:15px 20px 0px 20px;
     padding-top:15px;
  width:517px;
   background:#808080;
text-align: center;
  clear:both;
}

div.de_kadomaru5 {
  border:solid 1px #FFFFFF;
     margin-left:20px;
     padding:5px 10px 10px 5px;
  width:400px;
   background:#FFFFFF;
  clear:both;
}

div.de_kadomaru6 {
  border:solid 1px #FFD700;
     margin:15px 20px 0px 20px;
     padding-top:15px;

   background:#FFD700;
  clear:both;
}

div.de_kadomaru7 {
  border:solid 1px #FFFFFF;
     margin:15px 20px 100px 20px;
     padding-top:15px;
   background:#FFFFFF;
  clear:both;
}

div.de_kadomaru8 {
  border:solid 1px #FFFFFF;
     margin:10px 20px 0px 20px;
     padding:10px;
   background:#FFFFFF;
     width:450px;
  clear:both;
}


div.de_kadomaru9 {

  border:solid 1px #FFFFFF;
  color:#FFFFFF;
     margin:5px;
     padding:5px;
   background:#FF4500;
   text-align:center;
   float:left;
  clear:both;
}

div[class*="kadomaru"] {
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -opera-border-radius:10px;

}
div.de2{
padding:0px 10px 10px 30px;
}
/*/////////////////////////////////*/

div.main {
width:805px;
float:left;
}

div.header2_ {
	width:630px;
	height:59px;
	float:left;
}

div.artdirect-inc3_ {
	width:171px;
	height:54px;
	float:left;
	background-image: url(http://www.artdirect.jp/artdirect/test/artdirect_inc3.png);
}

div.bread6_ {
	width:560px;
	height:5px;
	float:left;
	clear:both;

}




/*/////////////////////////////////汎用*/

div.mainframe {
width:620px;
height:0px;
padding:5px 5px 0px 25px;
float:left;
clear:both;
}


div.side {
width:166px;
height:800px;
float:right;
}


* html div.side {
width:166px;
height:800px;
position:absolute;
top:138px;
left:640px;
}

*:first-child+html div.side {
width:166px;
height:800px;
position:absolute;
top:139px;
left:630px;
}

/*/////////////////////////////////トップ用*/

div.mainframe_top {
width:620px;
height:1000px;
padding:5px 0px 0px 5px;
float:left;
clear:both;
}

*:first-child+html div.mainframe_top {
width:620px;
height:1000px;
position:absolute;
top:150px;
left:0px;
z-index:0;
}

/*/////////////////////////////////*/
div.calendar7_ {
	z-index: 3;
	width:234px;
	height:26px;
	float:right;
	clear:both;

}

div.topimg11_ {
	position: z-index: 0;
	width:620px;
	height:213px;
	float:left;
	margin-left:5px;
}

div.order12_ {
	width:166px;
	height:88px;
	clear:both;
}


div.news16_ {
width:595px;
height:63px;
margin:5px 0px 8px 0px;
padding:5px 5px 2px 25px;
background-image: url(./parts/news16.png);
float:left;
clear:both;
}

div.cata {
width:600px;
height:610px;
background-image: url(./parts/catalogback.png);
margin-left:3px;
padding:104px 5px 5px 5px;
float:left;
clear:both;
}





div.sample17_ {
	position:absolute;
	left:620px;
	top:371px;
	width:166px;
	height:48px;
}

/*/////////////////////////////////フッター*/
div.footer1{
width:800px;
height:300px;
margin-left:80px;
text-align:center;
float:left;
clear:both;
}

*:first-child+html div.footer1{
width:800px;
height:300px;
margin-left:80px;
text-align:center;
position:absolute;
top:1300px;
left:0px;
}

li.footer1{
	display:inline;
	list-style-type:none;
	margin:0px 6px 10px 0px;
	padding-left:10px;
	zoom:1;
}

#Footer_ a{
 padding:10px; 
}



.con_midashi
{
	font-size:x-large;
	color:#000000;
	font-family:Arial,sans-serif;
	text-align:left;
	margin:30px 10px 10px 20px;
	font-weight:500;
}

.con_sen
{
background-color:#000000;
width:500px;
height:1px;
margin:5px 5px 20px 5px;
}

.con_midashi2
{
	font-size:20px;
	color:#000000;
	margin:25px 40px 5px 5px;
	font-weight:500;
}


/*カタログ関連*/
.cata_name
{
	font-size:xx-large;
	color:#000000;
	font-family:Arial,sans-serif;
	text-align:left;
	margin:10px;
}
.cata_name2
{
background-color:#000000;
width:500px;
height:1px;
}
.cata_name3
{
	font-size:large;
	color:#000000;
	text-align:right;
	margin:5px;
}
.cata_name4
{
font-size:small;
margin:20px;
	color:#000000;
	text-align:left;
}

.cata_midashi
{
font-size:large;
padding-bottom:1px;
}
.cata_kakaku_red{
font-size:middle;
color:#FFD700;
}

span.fontred{
font-weight:bold;
color:red;
}

span.fontyel{
font-weight:bold;
color:#FFD700;
}

span.cata_kakaku_urine{
font-size:large;
font-weight:bold;
color:red;
}

span.cata_kakaku_motone{
font-size:x-small;
text-decoration:line-through;
padding:0px 2px 0px 2px;
}

span.caution{
font-size:15px;
color:#FFFFFF;
font-weight:bold;
background-color:red;
line-height:1.2em;
margin-bottom:2px;
}
.cata_kakaku1
{
width:200px;
height:60px;
font-weight:bold;
border: 1px #808080 solid;
background:#808080;
color:#FFFFFF;
padding:5px 0px 0px 5px;
text-align:left;
float:left;
}

.cata_kakaku2
{
text-align:right;
width:200px;
height:60px;
color:red;
font-weight:bold;
font-size:x-large;
border: 1px #000000 dotted;
background:#FFFFFF;
padding:5px 0px 0px 5px;
float:left;
vertical-align:bottom;		/* 垂直位置 */

}

.cata_kakaku3
{
text-align:right;
width:200px;
height:60px;
color:red;
font-weight:bold;
font-size:x-large;
border: 1px #000000 dotted;
background:#FFFFFF;
padding:5px 0px 0px 5px;
float:left;
vertical-align:bottom;		/* 垂直位置 */

}

/*テーブル（寸法）*/
.example table {
border: 1px #000000 solid;
border-collapse: collapse;
margin-bottom:5px;
text-align:center;
}

.example td {
border: 1px #000000 solid;
background-color: #FFFFFF;
padding: 5px;
text-align: center;
vertical-align: middle;
}

.example td.wsize {
border: 1px #000000 solid;
background-color: #808080;
color:#FFFFFF;
padding: 5px;
text-align: center;
vertical-align: middle;
}

.example th {
border: 1px #000000 solid;
background-color: #808080;
color:#FFFFFF;
padding: 1px;
text-align: center;
vertical-align: middle;
}




/*テーブル（価格）*/
.kakaku table {
width: 500px;
border-collapse: collapse;
margin:10px;
background-color:#FFFFFF;
}

.kakaku td {
border-width:1px 0px 1px 0px;
border-style:dotted;
border-color:#000000;
padding: 5px;
text-align:center;
vertical-align: middle;
}

.kakaku td.b2 {
border-width:1px 0px 1px 0px;
border-style:dotted;
border-color:#000000;
background-color:#DCDCDC;
padding: 5px;
text-align:center;
vertical-align: middle;
}

.kakaku td.size {
border-width:1px 0px 1px 0px;
border-style:dotted;
border-color:#000000;
background-color:#808080;
color:#FFFFFF;
padding: 5px;
font-size:large;
text-align:center;
text-align:center;
vertical-align: middle;
}

.kakaku th {
border-width:1px 0px 1px 0px;
padding:5px;
font-size:15px;
font-weight:bold;
background-color:#808080;
color:#FFFFFF;
border-style:dotted;
border-color:#000000;
vertical-align: bottom;
text-align:center;
}



/*テーブル（代金表）*/
.price table {
width: 450px;
border-collapse: collapse;
margin:10px;
background-color:#FFFFFF;
}

.price td {
border-width:1px 0px 1px 0px;
border-style:dotted;
border-color:#000000;
padding: 5px;
text-align:center;
vertical-align: middle;
}

.price td.b2 {
border-width:1px 0px 1px 0px;
border-style:dotted;
border-color:#000000;
background-color:#DCDCDC;
padding: 5px;
text-align:center;
vertical-align: middle;
}

.price td.size {
border-width:1px 0px 1px 0px;
border-style:dotted;
border-color:#000000;
background-color:#808080;
color:#FFFFFF;
padding: 5px;
text-align:center;
vertical-align: middle;
}

.price th {
border-width:1px 0px 1px 0px;
padding:5px;
font-weight:bold;
background-color:#808080;
color:#FFFFFF;
border-style:dotted;
border-color:#000000;
vertical-align: bottom;
text-align:center;
}





li.midashi{
font-size:large;
font-weight:500;
}

ul.ma li{
	margin:30px 0px 0px 30px;
	padding:0 0 10px 0;
	list-style-image:
	url('parts/ico_bar4_24.gif');
	font-size:17px;
}

ul.mb li{
	margin:0.5em 0em 0em 4em;
	list-style-image:
	url('parts/ico_bar1_24.gif');
}


li.mb2{
	margin:0.5em 0em 1.25em 4em;
	list-style-image:
	url('parts/ico_bar1_2.gif');
}

/*////////////////////////////////////////////////////*/
ol.list_1 li{
margin-left: 20px;
    list-style: decimal;
    text-align:left;
}



.cback{
text-align:right;
margin-bottom:100px;
padding:30px 2px 500px 0px;
}

.cback2{
text-align:right;
margin-bottom:100px;
padding:30px 2px 10px 0px;
}

.cback3{
text-align:right;
}




input#btn5 {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	padding:10px;
	margin:10px 100px 10px 50px;
	color: #333333;
	background-color: #edeae4;
	background-image: url("031.png");
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
}

input#btn5:hover,
input#btn5:focus {
	border-top: 3px double #cccccc;
	border-right: 3px double #333333;
	border-bottom: 3px double #333333;
	border-left: 3px double #cccccc;
	padding:10px;	
	color: #990000;
	background-color: #edeae4;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	cursor: pointer;
}

input#btn5:active {
	border-top: 3px double #333333;
	border-right: 3px double #cccccc;
	border-bottom: 3px double #cccccc;
	border-left: 3px double #333333;
	padding:10px;
	color: #333333;
	background-color: #edeae4;
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	cursor: pointer;
}



li.qaq {
	margin:10px 0px 0px 30px;
	padding:0 0 10px 0;
	list-style-image:
	url('parts/m001_10.gif');

}


li.qaa{
	margin:10px 0px 3px 15px;
	list-style-image:
	url('parts/m001_20.gif');
}

li.qaaa{
	margin:0.5em 0em 0em 4em;
	list-style-image:
	url('parts/ico_bar1_2.gif');
}


hr.sen {
  background-color: #000000;
  height: 1px;
  border-style: dotted;
}