@charset "UTF-8";
/* CSS Document */

/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}
/*リンクの装飾の設定*/
a:visited,
a:active{
color: #666;
text-decoration:underline;
}
a:link{
color: #666;
text-decoration:none;
}
a:hover{
color:#ff6699;
text-decoration:none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
list-style: none;
}

/*clearfixの設定*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

body {
color:#666;
font-family:'メイリオ',Meiryo,Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

/* ===============
フロート
===============*/
.left{
float:left;
}

.right{
float:right;
}


/*=====================
ヘッダーエリアの設定
=======================*/
/*幅100%にヘッダーの帯を表示させる装飾*/
#header_top{
background: #f6f6f6;  
width:100%;
}

/*ヘッダーのコンテンツ領域を960pxにしてセンター寄せに*/
#header{
width:960px;
height: 118px;
margin:0 auto;
position:relative;
}

/*ロゴの上の余白を設定*/
#header .iiivkoLogo{
padding-top:25px;
}

/*リード文の装飾*/
#header_top h1{
font-weight:normal;
font-size:0.8em;
text-align:left;
position:absolute;
bottom:20px;
left:225px;
color:#666;
line-height: 1.5em;
}

/*snsの設定を右に設定*/
ul#sns{
text-align:right;
position:absolute;
top:20px;
right:0px;
}


/*snsを横並びに設定*/
ul#sns li{
float:left;
}

ul#sns li.home,
ul#sns li.contact,
ul#sns li.fb,
ul#sns li.insta{
padding:0 20px 0 0;
}

ul#sns li.blog{
padding:0 14px 0 0;
}

ul#sns img:hover{
filter: alpha(opacity=70); /*IE*/
opacity:0.7;
}

/*==========================================
グローバルナビゲーション・グラフィックの設定
============================================*/
/*ナビゲーションの背景を100%にして背景画像を設定*/
#globalnav{
width:100%;
min-height:73px;
background: url(../images/globalNav_bg.jpg) repeat-x;
}

/*ナビゲーションのコンテンツを幅960pxにしてセンター寄せに設定*/
#globalnav ul{
width:960px;
margin:0 auto;
overflow:hidden;
}
/*ナビゲーションを横並びにして背景画像を設定*/
#globalnav li{
float:left;
height:73px;
}

/*ナビゲーションのホバー時の背景画像を設定*/
#gnav_about{
background: url(../images/navHover_about.jpg) no-repeat;
width: 150px;
height: 73px;
}

#gnav_about a{
display: block;
}

#gnav_about img{
border: none;
}

#gnav_about a:hover img{
visibility: hidden;
}

#gnav_scandinavia {
background: url(../images/navHover_scan.jpg) no-repeat;
width: 167px;
height: 73px;
}

#gnav_scandinavia a {
display: block;
}

#gnav_scandinavia img {
border: none;
}

#gnav_scandinavia a:hover img {
visibility: hidden;
}


#gnav_american {
background: url(../images/navHover_american.jpg) no-repeat;
width: 196px;
height: 73px;
}

#gnav_american a {
display: block;
}

#gnav_american img{
border: none;
}

#gnav_american a:hover img{
visibility: hidden;
}


/*#gnav_jewelry {
background: url(../images/navHover_jewelry.jpg) no-repeat;
width: 194px;
height: 73px;
}

#gnav_jewelry a {
display: block;
}

#gnav_jewelry img{
border: none;
}*/

#gnav_jewelry a:hover img{
visibility: visible;
}



#gnav_accessory {
background: url(../images/navHover_acce.jpg) no-repeat;
width: 144px;
height: 73px;
}

#gnav_accessory a {
display: block;
}

#gnav_accessory img{
border: none;
}

#gnav_accessory a:hover img{
visibility: hidden;
}


#gnav_creators {
background: url(../images/navHover_creator.jpg) no-repeat;
width: 108px;
height: 73px;
}

#gnav_creators a {
display: block;
}

#gnav_creators img{
border: none;
}

#gnav_creators a:hover img{
visibility: hidden;
}







/*=================
accessの設定
===================*/

/*アクセスのコンテンツ領域を960pxにしてセンター寄せに*/
#contents_access {
width:960px;
margin:0 auto 100px auto;
position:relative;
}

/*accessBox01の幅を300pxにして左側に設定*/
#accessBox01 {
width:300px;
float:left;
margin: 0 15px 0 10px;
}

/*accessBox02の幅を300pxにしてセンターに設定*/
#accessBox02 {
width:300px;
float:left;
margin: 0 5px 0 0;
border-style : solid;
border-width : 1px;
border-color : #999999;
padding : 0;
}

/*accessBox0３の幅を300pxにして右側に設定*/
#accessBox03 {
width:300px;
float:right;
margin: 0 10px 0 quto;
overflow: hidden;
}


#contents_access h2 {
padding-top: 45px;
padding-bottom: 30px;
}

/*access本文の設定*/
#contents_access ul li {
font-size:85%;
line-height: 1.6em;
padding-bottom: 15px;
}

#contents_access ul li.tel {
font-size:150%;
font-weight: bold;
}
/*=============
ページの先頭へ戻る
===============*/
/*ページ先頭へ戻るの位置の設定*/
#footerBottom p.pagetop{
display:none;
position: fixed;
bottom:100px;
right:20px;
}


/*=============
フッターエリア
===============*/
/*フッターエリアの設定*/

#footerTop #footerIllust{
width: 960px;
height: 95px;
margin: 0 auto -3px auto;

}

#footerBottom {
width:100%;
background-image: url(../images/footer_bg.gif);
background-repeat: repeat-x;
background-position: center bottom;
height:50px;
font-size:0.85em;
}

/*コピーライトの設定*/


#footerBottom p.copyright{
display:block;
width:960px;
text-align:right;
margin:0 auto;
color:#666;
padding-top:19px;
text-decoration:none;
}


/*footer navの設定を左に設定*/
#footerBottomNav {
width: 960px;
margin: 0 auto;
}

ul#footerNav{
width: 960px;
position: relative;
text-align:left;
bottom:12px;
}

/*snsを横並びに設定*/
ul#footerNav li{
float:left;
padding:0 20px 0 0;
color:#666;
}

ul#footerNav li:hover{
filter: alpha(opacity=70); /*IE*/
opacity:0.7;
}