@charset "utf-8";
/* CSS Document */
a:link{
color:#222222;
text-decoration:none;
}
a:visited{
color:#333333;
text-decoration:none;
}
a:hover{
color:#FFFFFF;
text-decoration:none;
background:#5f5b58;
}
a:active{
color:#362323;
text-decoration:none;
}
li{
list-style:none;
}
.red{
color:#CC0000;
}


/*-----------------------------------------
     layout
-----------------------------------------*/
html{
margin:0;
padding:0;
}
html, body {height: 100%;}  /*高さ100%に指定*/
body{
margin:0;
padding:0;

background:#FFF url(../images/bodybg.gif) repeat-x 0 0;
}

div#topvisual{
width:979px;
height:376px;
}

.topmenu{
width:979px;
margin:auto;
padding:26px 0 6px 0;

}
.topmenu li{
float:left;
height:34px;
border-bottom : 1px solid #e0dedf;
}
.topmenu li img{
vertical-align:baseline;
}
.topmenu li a{
background:none;float:left;
border:0;height:34px;
}
.topmenu li a:hover{
background:none;float:left;
border:0;height:34px;
}
.topmenu_top{
width:979px;
margin:auto;
padding:26px 0 6px 0;
}

.topmenu_top li{
float:left;
height:34px;
}

.topmenu_top li a:hover{
background:none;
border:0;
}

#container {
width: 979px;
margin:auto;
overflow:hidden;
clear:both;
}
div#wrapper {
width:979px;
margin:0;
clear:both;
}

div#header{
width:100%;
background:tranceparent;

}
div#header img{
display:inline;
}
div#header ul{
margin:0;
padding:0;
}

div#header li{
margin:0;
padding:0;
display:inline;
}

div#topmain{
width:979px;
margin:auto;
padding:13px 0 0 0;
height:1%;
}

.tleft{
width:144px;
float:left;
background:#ffffff;
padding:0 0 0 0;
}
.tleft1{
width:144px;
float:left;
background:#ffffff;
padding:0 0 0 0;
}
.tleft1 img{
margin-bottom:5px;
}

.border_u{
border:1px solid #ccc;
}

.tleft1 a:hover{
background:#FFF;
}

.tmain{
width:602px;
float:left;
background:#ffffff;
margin:0;
padding:0;
}

.tright{
width:221px;
float:left;
background:#ffffff;
padding:0 0 0 12px;
}

.oshop a:hover{
background:#FFF;
}
div#content{
height:300px;
}

.oshop{
padding:10px 0 20px 6px;
}
.oshop2{
padding:10px 0 0 8px
}

.oshop3{
padding:10px 0 20px 6px;
}

.oshop3 img{
border:1px solid #ccc;
margin-bottom:5px;
}

.oshop3 img a{
border:1px solid #ccc;
}

.oshop3 a:hover{
background:#FFF;
}

div#footer{
clear:both;
width:979px;
margin:auto;
padding:34px 0 0 0;
}




/*MT*/
ul{
margin:0;
padding:0;
}
li{
margin:0;
padding:0;
list-style:none;
}
.item {
display: inline;
float: left;
margin: 0pt 5px 5px 0;
overflow: hidden;
vertical-align: middle;
}
.itemnewstop{
width:504px;
display: inline;
float: left;
margin:0 0 13px 0;
padding:5px;
overflow: hidden;
vertical-align: middle;
border:5px solid #e0e0e0;
}

.datepost{
font-size:88%;
color:#999999;
padding:0 5px 0 0;
text-align:right;
border-top:1px solid #ccc;
}

.asset-image:hover{
background:#FFF;
}

.asset-image{
padding:0;
margin:0;
}

.asset-image1 img{
border:none;
padding-top:3px;
}
.asset-image2{
float:left;
width:220px;
}
.asset-imagenews{
float:left;
width:200px;
padding:5px;
}
.topdate{
width:230px;
line-height:23px;
float:left;
text-align:right;
}
.newsdate{
width:180px;
line-height:23px;
float:left;
font-size:11px;
letter-spacing:inherit;
text-align:right;
}
.asset-image2 img{
padding-top:5px;
border:none;
}
.asset-image2:hover{
background:#FFF;
}
.mtdate{
font-size:80%;
color:#333;
}

.mttitle{
font-size:100%;
color:#333;
margin:3px 0 8px 0;
}

.mtex{
font-size:88%;
color:#333333;
margin:0 0 5px 0;
}

.extra{
border-top:1px dotted #ccc;
}
.right{
padding:0 5px 0 0;
}

.shoptable0{
width:514px;
margin:0;
padding:5px;
}
.shoptable{
width:514px;
margin:0 0 13px 0;
padding:5px;
border-bottom:1px solid #ccc;
font-size:90%;
}



.archiveorder{
margin:5px 0 5px 0;
padding:5px;
text-align:right;
clear:both;
}
.archiveorder img{
border:0;
line-height:50px;
}

.archiveorder2{
margin:5px 0 5px 0;
padding:13px 85px 5px 5px;
text-align:right;
clear:both;
}
.archiveorder2 img{
border:0;
line-height:50px;
}


/*-----------------------------------------
     layout
-----------------------------------------*/
.company{
width:514px;
}

.company ul{
margin:0;
padding:0;
}

.company li{
margin:0 0 13px 0;
padding:13px;
border-bottom:1px solid #ccc;
}



.contact{
width:514px;
padding:0;
clear:both;
line-height:150%;
}

.contact p{
margin:0;
padding:5px 0 8px 0;
}

asset-img-thumb{
width:89px;
height:89px;
}
h1{
font-size:100%;
color:#FF0066;
margin-top:20px;
}
h2{
width:520px;
letter-spacing:0.005em;
font-size:100%;
border-bottom:1px solid #FF0066;
}
h3{
font-size:100%;
margin:5px 0;
}
.recruit_box{
width:520px;
margin:0 20px 50px 0;
}

.recruit_box td{
padding:5px 0;
border-bottom:1px solid #eee;
}

.recruit{
margin-top:20px;
margin-right:20px;
background:#eee;
border:1px solid #ccc;
padding:10px;
overflow:hidden;
color:#000#
}

.container { width:203px; height:41px; overflow:hidden; position:relative; float:left; border:1px solid #ccc; margin-bottom:5px;}
.container2 { width:130px; height:30px; overflow:hidden; position:relative; float:left; border:1px solid #ccc; margin-bottom:5px;}
div.slides {
	position:absolute;
	top:-1px;
	left:0;
}
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides > div,ul.slides li { position:absolute; top:0; display:none; padding:0; margin:0; }
#loopedSlider,#newsSlider { margin:0 auto; width:203px; position:relative; clear:both; float:left; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }


.noborder{
border:none;
padding-left:1px;
}