@charset "utf-8";


body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,;}
body {color:#333332;}
table {font-size:inherit;font:100%;}
a{outline:none;}

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;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*-----------------------------------------
     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#main_wrapper{
	width:980px;
	margin:auto;
}
div#topvisual{
width:979px;
height:500px;
position:relative;
	z-index:1;
}

.toptxt{
	z-index:9;
}


div#switch{
	position:absolute;
		top:305px;
	right:10px;
	z-index:100;
}
div#brand_list{
	position:absolute;
	top:325px;
	right:10px;
	z-index:100;
}

div#brand_list li{
	display:inline;
	float:left;
}

div#top_left{
	width:130px;
	float:left;
}

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

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

.topmenu_top li{
float:left;
height:34px;text-decoration:none;
display:inline;
}

.topmenu_top li a:hover{
background:none;
border:0;float:left;display:inline;
text-decoration:none;height:34px;
}

#container {
width: 979px;
margin:auto;
overflow:hidden;
clear:both;
}
.tab li{
	float:left;
}
.tabPanes div{
float:left;
display:inline;
zoom:1;
overflow:hidden;
}

ul.tabs {
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	overflow: hidden;
	/zoom:1;
}
ul.tabs li {
	width:68px;
	float: left;
	margin-left: 5px;
	height:30px;
	overflow: hidden;
	/zoom:1;
}
div#wrapper {
width:979px;
margin:0;
}

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;
}


#top_left{
	width:144px;
	float:left;
	display:block;
	padding-right:25px;
}
.flickout{
	width:528px;
	height:16px;
	position:absolute;
	bottom:0;
	z-index:999;
}
.flickout a{
	display:block;
	width:528x;
	height:16px;
}
.flickout a:hover{
	background:none;
}
#flickable4 {
        width: 132px;
        height: 144px;
        overflow: hidden;
		padding:0;
		margin:0;
		float:left;
      }
      #flickable4 ul {
        list-style: none;
        margin: 0;
		padding:0;
		width:528px;
      }
      #flickable4 ul li {
        float: left;
		position:relative;
      }
.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;
}



.tmain{
width:600px;
float:left;
background:#ffffff;
margin:0;
padding:0;
display:inline;

}


.asset-imagenews a:hover{
	background:none;
}
.allview a:hover{
	background:none;
}
.tab a:hover{
	background:none;
}
.tright a:hover{
	background:none;
}

.tleft1 a:{
background:none;
}
.tleft1 a:hover{
background:none;
}
.asset-image2 a:hover{
	background:none;
}
.tright{
width:219px;
float:left;
background:#ffffff;
padding:0 0 0 0;
}

.oshop a:hover{
background:#FFF;
}
.oshop img{
float:left;
margin-bottom:5px;
display:inline;
}

.oshop img.leftoshop{
margin-right:5px;
}

h3#trightt{
clear:both;
float:left;
}

div#content{
height:300px;
}

.allview{
float:left;
clear:both;
}

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

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

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

.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;
}


ul#top_shopBanner{
	margin-left:1px;
}
ul#top_shopBanner li{
	width:100px;
	height:42px;
	float:left;
	display:block;
	margin-left:5px;
	padding-bottom:5px;
	line-height:100%;
}

ul#top_shopBanner li img{
		vertical-align:bottom;
}



/*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;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*-----------------------------------------
     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 70px 0;
}

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

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

div#ajax_bg{
	float:left;
	clear:both;
	padding:1px;
	height:40px;
	width:150px;
	background:url(../images/ajaxbanner/ajax_bg.jpg) no-repeat top left;	
}

div.qr_bg{
	height:42px;
	width:43px;
	float:left;
	padding:2px;
	padding-left:8px;
	background:url(../images/ajaxbanner/qr_bgbg.jpg) no-repeat top right;
}
div#loopSlider3{
	padding-top:1px;
}
div#loopSlider2{
	padding-top:1px;
}
div#loopSlider{
	padding-top:1px;
}
.container { width:132px; height:144px; overflow:hidden; position:relative; float:left; clear:both;}
.container0 { width:148px; margin-:2px 5px 5px 1px; height:38px; overflow:hidden; position:relative; padding:1px 0 0 1px;}
.container2 { width:130px; height:152px; overflow:hidden; position:relative; float:left; margin-bottom:5px;}
#loopedSlider2 div.slides {
	position:absolute;
	top:0px;
	left:0;
}
#loopedSlider2 ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
#loopedSlider2 div.slides > div,ul.slides li { position:absolute; top:0; display:none; padding:0; margin:0; }
#newsSlider { margin:0 auto; width:132px; clear:both; float:left; }

#loopedSlider{width:132px; float:left; clear:both;}
#loopedSlider .container { width:132px; height:144px; overflow:hidden; position:relative; cursor:pointer; }
#loopedSlider .slides { position:absolute; top:0px; left:0px; }

#loopedSlider3{
	clear:both;
}
#loopedSlider3 div.slides {
	position:absolute;
	top:0px;
	left:0;
}
#loopedSlider3 ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
#loopedSlider3 div.slides > div,ul.slides li { position:absolute; top:0; display:none; padding:0; margin:0; }
.container3 { width:132px; height:144px; overflow:hidden; position:relative; padding:0;}


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;
}


.twitter_banner{
	clear:both;
	background:url(../images/banner/twitter_bg.jpg) no-repeat 6px 0;
	position:relative;
	height:42px;
	}
.twitter01{
	position:absolute;
	top:3px;
	right:11px;
}
	
.twitter02{
	position:absolute;
	top:21px;
	right:11px;
}
	
.twitter_banner a:hover{
	border:none;
	background:#FFF;
}
/*-------------------------------------------------------------
SOCIAL_BTN
-------------------------------------------------------------*/
.social_btn {
	margin:30px 0 0 0;
	background:#fafafa;
	padding:10px;
	position:relative;
	height:22px;
}
.social_btn li{
	list-style:none;
	float:left;
	display:block;
}
.social_btn td{
	margin:0;
	padding:0;
}

.twitter{
	position:absolute;
	left:117px;
}

.facebook{
	position:absolute;
	left:227px;
}


.prev_next{
	position:relative;
	height:44px;
}

.prev_btn{
	position:absolute;
	left:0;
}

.next_btn{
	position:absolute;
	right:0;
}

#news_bottom_link a{
	color:#F30;
}
#news_bottom_link a:hover{
	color:#F30;
	text-decoration:underline;
}
.prev_next_text{
	position:relative;
	height:60px;
}
p.prev_text{
	position:absolute;
	left:0;
	width:150px;
}

p.next_text{
	position:absolute;
	right:0;width:150px;
}


/*-------------------------------------------------------------
Padding Setting
-------------------------------------------------------------*/
.padT0{padding-top:0px;}
.padT5{padding-top:5px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT25{padding-top:25px;}
.padT30{padding-top:30px;}
.padT35{padding-top:35px;}
.padT40{padding-top:40px;}

.padB0{padding-bottom:0px;}
.padB5{padding-bottom:5px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}
.padB25{padding-bottom:25px;}
.padB30{padding-bottom:30px;}
.padB35{padding-bottom:35px;}
.padB40{padding-bottom:40px;}

.padR0{padding-right:0px;}
.padR5{padding-right:5px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR25{padding-right:25px;}
.padR30{padding-right:30px;}
.padR35{padding-right:35px;}
.padR40{padding-right:40px;}

.padL0{padding-left:0px;}
.padL5{padding-left:5px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL18{padding-left:18px;}
.padL20{padding-left:20px;}
.padL25{padding-left:25px;}
.padL30{padding-left:30px;}
.padL35{padding-left:35px;}
.padL40{padding-left:40px;}

.pad0{padding:0px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.pad20{padding:20px;}
.pad25{padding:25px;}
.pad30{padding:30px;}
.pad35{padding:35px;}
.pad40{padding:40px;}