@charset "UTF-8";
/***********************-
タイトル :　株式会社マツキ
概要：オリジナル作品

制作日：2009/12

-***********************/

@import "uni.css";
@import "basic.css";
@import "btn.css";
@import "common.css";


h2{
	margin:10px 0 30px 0;
	padding:0;
	background:none;
}

#news3d{
	margin:0 0 40px 10px;
	}
#news3d .star{
	 background:url(../original/star1.gif) no-repeat;
	 padding: 0 0 0 20px;
	border-bottom:1px dotted #900;
}

#news3d a{
	 background:url(../original/4.gif) no-repeat right;
	 padding: 0 20px 0 0;
	 font-weight:bold;
	}
	
p.chui{
 margin:0 0 0 7em;
 padding-left:15px;
 background:url(../original/mark2.gif) no-repeat;
 width:18em;
}


table.kaleido{
 margin:20px 0 20px 20px;
}
table.kaleido th{
 padding:10px;
}
table.kaleido td{
 padding:10px 5px 20px;
  text-align:left;
  vertical-align:bottom; }
 
table.kaleido td ul{
margin:5px 0 0 1em;
}

table.kaleido2{
 margin:20px ;
}

table.kaleido2 th{
 padding:10px 20px 10px 0;
}
table.kaleido2 td{
 padding:10px 0 20px 15px;
  text-align:left;
  vertical-align:bottom;
  font-size:90%;}
 table.kaleido2 td img{
 margin:0 0 8px;}
 
 .setumei{
 margin:20px 0 20px; }
  .btn{
 margin:40px 0; }
 
 
.box3d{
 margin:20px 0 0px 20px;
 float:left;
 width:210px;
_ margin:20px 0 0px 10px;
}

.setumei3d{
margin:30px 20px 0 0;
 float:right;
 width:375px;
_margin:30px 10px 0 0;

}
.setumei3d strong{
font-weight:bold;
color:#003366;}


.right{
 margin:0px 10px 2em;
 text-align:right;
}

.right a{
	margin:2em 0px 0;
	padding-right:15px;
	font-size:90%;
	background:url(../image/arrow.gif) no-repeat right;
}

#boxback{
margin:30px 20px 0;
height:325px;
background:url(../original/1_1_4.gif) no-repeat bottom right;
width:600px;
}

#boxback strong{
 margin:0 0 0;
 font-size:110%;
 font-weight:bold;
 color:#006699;
}


#boxback #boxsetumei{
 margin:140px 360px 0px 0px;
 background:url(../original/mark.gif) no-repeat;
 border:1px solid #666666;
 padding:15px 10px 10px 20px;
 text-align:left;
 font-size:90%;
}

ul.box3dul{
 margin:20px ;
}
ul.box3dul li{
 margin:0px 0 5px;
 padding-left:20px;
 background:url(../original/maru.gif) no-repeat;
}

#present{
 margin:40px 20px;
 padding:15px;
 background:#E1FFE1;
 text-align:center;
 font-size:110%;
 font-weight:bold;
 color:#000099;
}

/*3DCUBEα*/

.gazo{
 margin:15px 0 0 40px;}
h4{
 margin:15px 0 0 40px;
 font-size:100%;
 font-weight:bold;
}

#cube1{
margin:60px 0px 0 20px;
background:url(../original/cube/1_3_42.gif) no-repeat top right;
width:620px;
height:230px;
}

#cube1 h3{ margin:5px 0 0 30px;
 font-size:100%;
 font-weight:bold;
 color:#006699;
}

#cube1 ul{
 margin:10px 0px 20px 20px;
 width:370px;
}
#cube1 ul li{
 margin:0px 0 5px;
 padding-left:20px;
 background:url(../original/maru.gif) no-repeat;
}

#cube2{
margin:60px 0px 0 20px;
padding: 0 0px 0 0;
background: url(../original/cube/1_3_6.jpg) no-repeat bottom right;
width:630px;
}

#cube2 p{
margin:10px 0px 0 30px;
}

#cube2 ul.hansoku {
 margin:10px 0px 20px 25px;
}
#cube2 ul.hansoku li{
	margin:0 3px 0 0;
padding:8px 0 10px 12px;
 background:url(../original/cube/1_3_6.gif) no-repeat; 
 width:240px;
 height:15px;
 font-size:85%;
color:#006699; float:left;
}
#cube2 .black{
 color:#000000;}


#cube3{
margin:10px 0px 0 30px;
}
#cube3 .alignright{
 width:318px;}


#cube3 .alignleft{
 width:275px;
  font-size:85%;
}
#cube3 h4{ margin:0;
padding:0 0 0 8px;
background:url(../original/cube/box.gif) no-repeat;
}
#cube3 ul {
 margin:5px 0px 0 8px ;
}
#cube3 ul li{
font-size:100%;
padding:0 0 0 8px;
background:url(../original/cube/maru.gif) no-repeat;
}


.cube2{
 background:url(../original/cube/1_3_9.gif) no-repeat right;
 padding:0 170px 20px 0;
}

#back2{margin:80px 0px 0 30px;
}
#back2 p{margin:10px 0px 0 30px;

}



#back2 .image{margin:20px 0 20px 20px;}
#back2 .image img{margin:0 3px;}

.back{
 margin:40px 10px 0px 20px;
 background:url(../original/cube/back1.gif) no-repeat top;
}
.exback{
 margin:0px 10px 0px 20px;
 padding:2px 0 2px 10px;
 background:url(../original/cube/back2.gif) repeat-y bottom;
}
.back2{
 margin:0px 10px 10px 20px;
 background:url(../original/cube/back3.gif) no-repeat bottom;
}

.ex{
 margin:0px 5px 10px 15px;
 width: 280px;
 float:left;
 font-size:90%;
_ margin:0px 5px 10px 10px;
}

.ex h4{
 margin:0 0 20px;}
 
#link{
 margin:40px 50px 0px 50px;
 padding:0;
 font-size:90%;
}

#link ul li{
	 margin:0 0 10px;
padding: 0 0 5px 15px;
 background:url(../original/cube/maru2.gif) no-repeat;
 border-bottom:1px dotted #999999;
}

.links a{
	margin:0 0 0 5px;
	padding:0;
	background:url(../original/cube/arrow.gif) no-repeat right;
}
.right2{
 text-align:right;
 font-size:90%;
}
.right2 a{
	margin:2em 0px 0;
	padding-right:15px;
	background:url(../image/arrow.gif) no-repeat right;
}