@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
margin:0;
padding:0;
font:12px/14px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
text-align:center;
background-color:#000;
background-image:url(../img/backg.jpg);
background-repeat:repeat;
}


.size {
width:900px;
margin:0 auto;
}


img {
border:none;
}


a:focus {
outline:none;
}


a:link{
color:#FF0;
}

a:visited{
color:#FF0
}

a:hover{
color:#F90;
}



#top2 {
width:1100px;
height:730px;
background-image:url(../img/main.png);
background-repeat:no-repeat;
}


#top {
width:1100px;
height:730px;
}


#slider {
width:900px;
height:600px;
background : #fff url(../jsimg/nivoslider/loading.gif) no-repeat 50% 50%;
margin:20px 0 0 0;
}


#slider img { display:none; }

.nivo-controlNav a img {
display : bloack; 
}



#tops_sample {
width:900px;
height:100px;
background-image:url(../img/sample_s.png);
background-repeat:no-repeat;
}


#tops {
width:900px;
height:100px;
background-image:url(../img/main_s.png);
background-repeat:no-repeat;
}



#main {
width:856px;
height:640px;
padding:20px 0 10px 40px;
margin:0 0 10px 0;
text-align:left;
font-size : 14px;
font-weight:bold;
color : #FFF;
border:solid #FFF 2px;
-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
-moz-border-radius: 20px;	/* Firefox用 */
background-image:url(../img/bgimg_main.png);
}


#main_info {
width:856px;
height:1250px;
padding:20px 0 10px 40px;
margin:0 0 10px 0;
text-align:left;
font-size : 14px;
font-weight:bold;
color : #FFF;
border:solid #FFF 2px;
-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
-moz-border-radius: 20px;	/* Firefox用 */
background-image:url(../img/bgimg_main.png);
line-height:1.3;
}



#main_design {
width:856px;
height:1000px;
padding:20px 0 10px 40px;
margin:0 0 10px 0;
text-align:left;
font-size : 14px;
font-weight:bold;
color : #FFF;
border:solid #FFF 2px;
-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
-moz-border-radius: 20px;	/* Firefox用 */
background-image:url(../img/bgimg_main.png);
}


#main_sp {
width:856px;
height:1450px;
padding:20px 0 10px 40px;
margin:0 0 10px 0;
text-align:left;
font-size : 14px;
font-weight:bold;
color : #FFF;
border:solid #FFF 2px;
-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
-moz-border-radius: 20px;	/* Firefox用 */
background-image:url(../img/bgimg_main.png);
line-height:1.3;
}


#menu2 {
width:900px;
height:80px;
vertical-align:top;
}

#menu1 {
width:900px;
height:80px;
vertical-align:top;
margin:-50px 0 10px 0;
}



.m-img {
padding:17px 0 0 0;
}


.m-img2 {
padding:0 5px 0 0;
}


#m-top {

width:830px;
height:auto;
float:left;
margin:0 0 10px 0;
margin-left : auto ; margin-right : auto ;

}


#m-left {

width:580px;
height:auto;
float:left;

}


#m-right {

width:225px;
height:auto;
float:left;

}


#m-btm {

width:810px;
height:auto;
float:left;
margin:0 0 0 0;

}



.m-info1 {
width:810px;
height:250px;
float:left;
padding:180px 0 0 20px;
background-image:url(../img/info01.png);
background-repeat:no-repeat;
}


.m-info2 {
width:810px;
height:150px;
float:left;
padding:180px 0 0 20px;
background-image:url(../img/info02.png);
background-repeat:no-repeat;
}



.m-sp {
width:810px;
height:270px;
float:left;
padding:150px 0 0 0px;
background-image:url(../img/sp02.png);
background-repeat:no-repeat;
}



.m-bar1 {
width:810px;
height:auto;
float:left;
margin:0 0 0 0;
}


.m-bar2 {
width:810px;
height:auto;
float:left;
margin:10px 0 0 0;
}


#bg_btm {
width:100%;
height:50px;
float:left;
background-color:#FFF;
background-repeat:repeat-x;
}


#bg_btm2 {
width:100%;
height:50px;
float:left;
background-color:#FFF;
background-repeat:repeat-x;
position:fixed; bottom:0px;
}



.text {
width:auto;
height:auto;
padding:0 0 30px 15px;
}


.text2 {
width:auto;
height:auto;
background-color:#ffffff
}


.text_right {
	
margin:5px 0 0 0;
font-weight:normal;
font-size:10px;
padding:0 0 30px 15px;

}


.topics {
width:auto;
height:auto;
margin:0 0 5px 0;
}


.info-left {

width:80px;
height:auto;
padding:0 20px 10px 0;
float:left;

}


.info-right {

width:460px;
height:auto;
padding:0 0 10px 0;
float:left;

}


.spec_left {

width:200px;
height:auto;
padding:3px 3px 3px 3px;
margin:0 5px 5px 0;
float:left;
border:1px #FFF solid;
background-color:#002849;
}


.spec_right {

width:589px;
height:auto;
padding:3px 3px 3px 3px;
margin:0 0 5px 0;
float:left;
border:1px #FFF solid;
background-color:#999;
}



.clear {

clear:both;

}


.shop_left {

width:350px;
height:452px;
margin:0 5px 0 0;
float:left;
}


.shop_right {

width:450px;
height:452px;
padding:0 3px 0 3px;
margin:15px 0 0 0;
float:left;
}


.twitter {
position: absolute;
top: 5px;
right: 10px;
visibility: visible;
z-index: 20;
margin: 0px;
padding: 0px;
}