@charset "Shift_JIS";

@import url(font.css);

/* 全体
------------------------------ */

* {
margin: 0;
padding: 0;
}

html {
height:100%;
margin-bottom:1px; 
}

body {
margin: 0 auto;
padding: 0;
font-family:"ＭＳ Ｐゴシック", "Osaka";
/*\*/
letter-spacing: 0.055em; /* 文字間をフォントサイズの0.055em分に指定 */
/**/
color: #666666;
background-color: #ffffff;
}

dl,dt,dd,p,ul,li,ol,form {
margin: 0;
padding: 0;
}

img{
/* vertical-align: top;
text-align: center; */
line-height:0px;
border: none;
}

a:link {
color:#999999;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:none;
}
a:active {
color:#666666;
text-decoration:none;
}

.left {
float:left;
}

.right {
float:right;
}

.clear {
clear:both;
}

/* コンテンツ
------------------------------ */

#wrapper{
margin: -250px 0 0 -420px;
padding: 0;
width: 860px;
height: 500px;
position:absolute;
top:50%;
left:50%;
}

#header{
margin: 0;
padding: 0;
width: 860px;
height: 80px;
text-align: right;
}

#container {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
}

#container p.home {
margin: 0;
padding: 106px 0 0 0;
text-align: center;
}

#footer {
margin: 0;
padding: 0;
color: #999999;
width: 860px;
height: 15px;
}

#footer p {
margin: 0;
padding: 0;
text-align: center;
vertical-align: bottom;
}

/* 中フッター
------------------------------ */

#footer2 {
margin-top: 10px;
padding-top: 5px;
color: #999999;
width: 860px;
height: 15px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999;
}

#footer2 ul {
width: 420px;
height: 15px;
}

#footer2 li {
margin: 0 10px 0 10px;
padding: 0 0 0 10px;
list-style-type:none;
display:inline;
float:left;
background:url(../images/sp_arrow.gif) no-repeat center left;
}

/* 中ヘッダー
------------------------------ */

#header2{
margin: 0;
padding: 0;
width: 860px;
height: 80px;
background:url(../images/sp_head_bg.gif) no-repeat bottom left;
text-align: right;
}

/* ナビゲーション
------------------------------ */

#header2 ul{
padding: 56px 0 0 572px;
}

#header2 li{
list-style-type:none;
width:72px;
height:24px;
float:left;
}

#header2 li img{
border:0;
}

#header2 li.navi_b01{
background-image: url(../images/b2_navi01.gif);
}

#header2 li.navi_b02{
background-image: url(../images/b2_navi02.gif);
}

#header2 li.navi_b03{
background-image: url(../images/b2_navi03.gif);
}

#header2 li.navi_b04{
background-image: url(../images/b2_navi04.gif);
}

#header2 li a{
display:block;
width:72px;
height:24px;
}

#header2 li a:hover {
background-color:transparent;
}

#header2 li a:hover img{
visibility:hidden;
}

/* top
------------------------------ */

#container2 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_top_bg.gif) no-repeat center 20px;
}

#container2 #news {
width: 420px;
margin: 0;
color:#999999;
padding: 285px 0 0 0;
}

#container2 #news ul {
margin: 0;
padding: 0;
overflow: auto;
}

#container2 #news li {
padding:0 0 5px 0;
list-style-type:none;
}

/* about
------------------------------ */

#container3 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_about_bg.jpg) no-repeat center right;
overflow: hidden;
}

#container3 .space01{
margin: 40px 0 17px 0;
}

#container3 .space02{
margin: 0 0 29px 0;
}

#container3 .space03{
margin: 0 0 24px 0;
}

#container3 .space04{
margin: 0 0 17px 0;
}

/* about2
------------------------------ */

#container4 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_about2_bg.jpg) no-repeat center right;
overflow: hidden;
}

#container4 .space01{
margin: 40px 0 30px 0;
}

#container4 .space02{
margin: 0 0 5px 0;
}

#container4 .space02 span{
line-height:1.70;
}

#container4 .space03{
margin: 0 0 28px 0;
}

/* brand　index
------------------------------ */

#container8 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_brand_bg.jpg) no-repeat center right;
overflow: hidden;
}

/* brand　marimekko
------------------------------ */

#container9 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_marimekko_bg.jpg) no-repeat top right;
overflow: hidden;
}

/* brand　katvig
------------------------------ */

#container10 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_katvig_bg.jpg) no-repeat top right;
overflow: hidden;
}

/* brand　gymphlex
------------------------------ */

#container11 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_gymphlex_bg.jpg) no-repeat top right;
overflow: hidden;
}

/* brand　orcival
------------------------------ */

#container12 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_orcival_bg.jpg) no-repeat top right;
overflow: hidden;
}

/* brand　ruskovilla
------------------------------ */

#container13 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_ruskovilla_bg.jpg) no-repeat top right;
overflow: hidden;
}

/* brand　other
------------------------------ */

#container14 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_other_bg.jpg) no-repeat top right;
overflow: hidden;
}

/* brand_text0
------------------------------ */

#brand0 {
margin: 115px 0 0 0;
padding: 0;
width: 575px;
float:right;
}

#brand0 h2 {
margin: 0;
padding: 0;
font-weight:normal;
}

#brand0 strong {
margin: 3px 0 0 10px;
font-weight:normal;
vertical-align: top;
}

#brand0 h3 {
margin: 0;
padding: 12px 0 0 0;
font-weight:normal;
text-align: justify;
line-height:1.85;
}

#brand0 h3 strong {
margin: 0;
padding: 0;
font-weight: normal;
}

/* brand_text1
------------------------------ */

#brand1 {
margin: 90px 0 0 0;
padding: 0;
width: 430px;
float:right;
}

#brand1 h2 {
margin: 0;
padding: 0;
font-weight:normal;
}

#brand1 strong {
margin: 3px 0 0 10px;
font-weight:normal;
vertical-align: top;
}

#brand1 h3 {
margin: 0;
padding: 12px 0 0 0;
font-weight:normal;
text-align: justify;
line-height:1.85;
}

#brand1 h3 strong {
margin: 0;
padding: 0;
font-weight: normal;
}

/* brand_text2
------------------------------ */

#brand2 {
margin: 230px 0 0 0;
padding: 0;
width: 370px;
float:right;
}

#brand2 h2 {
margin: 0;
padding: 0;
font-weight:normal;
}

#brand2 strong {
margin: 3px 0 0 10px;
font-weight:normal;
vertical-align: top;
}

#brand2 h3 {
margin: 0;
padding: 12px 0 0 0;
font-weight:normal;
text-align: justify;
line-height:1.85;
}

#brand2 h3 strong {
margin: 0;
padding: 0;
font-weight: normal;
}

/* brand_menu
------------------------------ */

#menu h1 {
margin: 40px 0 30px 0;
padding: 0;
}

#menu ul{
padding: 0;
}

#menu li{
margin: 0 0 10px 0;
list-style-type: none;
width: 97px;
line-height: 0;
font-size:0;
}

#menu li img{
margin: 0;
padding: 0;
border: 0;
}

#menu li.menu_b01{
background-image: url(../brand/images/b2_menu01.gif);
}

#menu li.menu_b02{
background-image: url(../brand/images/b2_menu02.gif);
}

#menu li.menu_b03{
background-image: url(../brand/images/b2_menu03.gif);
}

#menu li.menu_b04{
background-image: url(../brand/images/b2_menu04.gif);
}

#menu li.menu_b05{
background-image: url(../brand/images/b2_menu05.gif);
}

#menu li.menu_b06{
background-image: url(../brand/images/b2_menu06.gif);
}

#menu li.menu_b00{
margin-top: 20px;
background-image: url(../brand/images/b2_menu00.gif);
}



#menu li a{
display:block;
width:97px;
}

#menu li a:hover {
background-color:transparent;
}

#menu li a:hover img{
visibility:hidden;
}

/* link
------------------------------ */

#container15 {
margin: 0;
padding: 0;
width: 860px;
height: 405px;
background:url(../images/sp_link_bg.gif) no-repeat top right;
overflow: hidden;
}

/* ナビ
------------------------------ */

#g_navi {
height:21px;
background:url(../images/b_navi_bg.gif) no-repeat bottom right;
margin:0;
padding:59px 0 0 0;
float: right;
}

#g_navi ul {
padding:0;
}

#g_navi li {
display:inline;
list-style-type:none;
}

#g_navi li a {
height:21px;
display:block;
float:left;
text-indent:-9877em;
text-decoration:none;
overflow:hidden;
}

/*------off*/

#g_navi li.g_navi01 a:link {
background:url(../images/b_navi.gif) no-repeat 0px 0px;
width:56px;
}

#g_navi li.g_navi02 a:link {
background:url(../images/b_navi.gif) no-repeat -56px 0px;
width:71px;
}

#g_navi li.g_navi03 a:link {
background:url(../images/b_navi.gif) no-repeat -127px 0px;
width:71px;
}

#g_navi li.g_navi04 a:link {
background:url(../images/b_navi.gif) no-repeat -198px 0px;
width:48px;
}

/*------visited*/

#g_navi li.g_navi01 a:visited {
background:url(../images/b_navi.gif) no-repeat 0px 0px;
width:56px;
}

#g_navi li.g_navi02 a:visited {
background:url(../images/b_navi.gif) no-repeat -56px 0px;
width:71px;
}

#g_navi li.g_navi03 a:visited {
background:url(../images/b_navi.gif) no-repeat -127px 0px;
width:71px;
}

#g_navi li.g_navi04 a:visited {
background:url(../images/b_navi.gif) no-repeat -198px 0px;
width:48px;
}

/*------hover*/

#g_navi li.g_navi01 a:hover {
background:url(../images/b_navi.gif) no-repeat 0px -21px;
width:56px;
}

#g_navi li.g_navi02 a:hover {
background:url(../images/b_navi.gif) no-repeat -56px -21px;
width:71px;
}

#g_navi li.g_navi03 a:hover {
background:url(../images/b_navi.gif) no-repeat -127px -21px;
width:71px;
}

#g_navi li.g_navi04 a:hover {
background:url(../images/b_navi.gif) no-repeat -198px -21px;
width:48px;
}

/*------on*/

#g_navi li.g_navi01_on a {
background:url(../images/b_navi.gif) no-repeat 0px -21px;
width:56px;
}

#g_navi li.g_navi02_on a {
background:url(../images/b_navi.gif) no-repeat -56px -21px;
width:71px;
}

#g_navi li.g_navi03_on a {
background:url(../images/b_navi.gif) no-repeat -127px -21px;
width:71px;
}

#g_navi li.g_navi04_on a {
background:url(../images/b_navi.gif) no-repeat -198px -21px;
width:48px;
}

/*------active*/

#g_navi li.g_navi01 a:active {
background:url(../images/b_navi_bg.gif) no-repeat 0px -21px;
width:56px;
}

#g_navi li.g_navi02 a:active {
background:url(../images/b_navi_bg.gif) no-repeat -56px -21px;
width:71px;
}

#g_navi li.g_navi03 a:active {
background:url(../images/b_navi_bg.gif) no-repeat -127px -21px;
width:71px;
}

#g_navi li.g_navi04 a:active {
background:url(../images/b_navi_bg.gif) no-repeat -198px -21px;
width:48px;
}