@charset "utf-8";


body{
	width: 730px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 1.7;
	color: #666;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}

/*普通のテキストリンク-----------------*/
a:link {text-decoration:none; color:#609F93;}  /*テキストリンクの色*/
a:visited {text-decoration:none; color:#609F93;}  /*訪問済みのリンクの色*/ 
a:active {text-decoration:underline; color:#8F7970;}   /*クリック時のリンクの色*/
a:hover {text-decoration:underline; color:#8F7970;}  /*マウスの上にカーソルがあるときのリンクの色*/



/* ナビゲーション
#top_navi ul li{ 	
    display: inline;
 } 

#top_navi{
    background-color: #555;	
    padding-left: 15px;	
} 


#top_navi ul{
    padding: 0px; 	
    margin: 0px;
} 


#top_navi ul li {
    display: inline; 	
    margin-right: 0.7em;
	font-size: 16px;
} 


#top_navi ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
    text-decoration: none;
    color: #fff; 	 
} 

#top_navi ul li a:hover{ 
    border-bottom: dotted 1px #fff;	
   /*  border-bottom: solid 1px #fff;*/ 
}
*/



/* ナビゲーション*/
#top_navi ul li{ 	
    display: inline;
 } 

#top_navi{
    background-color: #fff;	
    padding-left: 15px;	
} 


#top_navi ul{
    padding: 0px; 	
    margin-top:2px;
} 


#top_navi ul li {
    display: inline; 	
    margin-right: 0.7em;
	font-size: 16px;
} 


#top_navi ul li a { 
    font-family: "Trebuchet MS", sans-serif; 
    color: #555;
	font-weight: 700;
} 



#top_navi  a:link  {color:#555;}
/*その他の作品集テキストリンクの色*/
#top_navi  a:visited { color:#555;}  /*訪問済みのリンクの色*/ 
#top_navi  a:active { color:#555;}   /*クリック時のリンクの色*/
#top_navi  a:hover {color:#609F93;
text-decoration: underline;}  /*マウスの上にカーソルがあるときのリンクの色*/




/* トップにある文章*/
.top_text{
font-weight: 300;
margin: 60px 40px;
text-align: center;
}





/* 各ナビタイトル*/
h1{/* 日本語タイトル*/
font-size: 28px;
letter-spacing: 0.1em;
color: #333333;
margin-top: 60px;
text-align: center;
}

.under_line{
border-bottom: solid 2px #999;
padding-top: -20px;
padding-bottom: -10px;
width:200px;
margin: auto;
}

h2{/* 英語タイトル*/
font-family: bickham-script-pro-3, sans-serif;
font-style: normal;
font-size: 18px;
color: #666666;
padding-left: 5px;
}


/* 各ナビ下の文章*/
.navi_text{
letter-spacing: -0.05em;
padding-top: 40px;
padding-bottom: 60px;
width: 730px;
margin: auto;
text-align: center;
}


/* リネンの特徴　見出し*/
.cover_f {
margin-left: 30px;
}


.linen_features_box {
background: #dbbfb5;
width:18px;
height:30px;
float:left;
margin-right: 16px;
}

.linen_features {
margin-top: 2px;
margin-bottom: 25px;
font-size:22px;
letter-spacing: 0.1em;
font-weight:600;
color: #555;
text-align:left;
vertical-align: middle;
}

/* リネンの特徴　説明*/
.linen_features_text {
padding-bottom: 30px;
margin: auto;
width: 650px;
letter-spacing: -0.01em;
color: #444444;
}



/* 糸番手図の下テキスト*/
.yarn_count_under_text {
margin: auto;
font-size: 13px;
margin: 10px 60px;
}



/* 生地の森の生地紹介上下ライン
hr .kiji_underline{
border: 1px solid #999999;
width: 730px;
}*/



.kiji_linetext {
text-align: center;
font-size: 22px;
font-weight: 700;
}


/* 生地織加工の2列並び画像*/
.container2{
display:table;
width: 730px;
}

.box2 {
display:table-cell;
width:350px;
text-align: center;
font-size: 13px;
}

.box2 img {
border:1px solid #eee;/* 外枠の色 */ 
}

.kiji_2text {
margin: auto;
width:95%;
font-size: 13px;
line-height: 1.6;
padding-top: 10px;
padding-bottom: 40px;
}


/* 生地織加工の３列並び画像*/
.container{
display:table;
width: 730px;
padding-top: 15px;
}

.box {
display:table-cell;
width:260px;
text-align: center;
font-size: 13px;
}

.kiji_3tittle {
text-align: center;
font-size: 17px;
font-weight: 700;
padding-top: 10px;
}


.kiji_3text {
margin: auto;
font-size: 13px;
width:95%;
padding-top: 10px;
padding-bottom: 5px;
}


/* 作品例の３列並び画像*/
.cover_s{
background: #eeeeee;
margin-top: 10px;
padding-top: 25px;
padding-bottom: 40px;
}

.container_s{
display:table;
width: 730px;
padding-bottom: 10px;
}


.container_s img{
border:1px solid #efefef;/* 外枠の色 */ 
margin-bottom: 5px;
}


.box_s {
display:table-cell;
width:236px;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 1.5;
color: #666;
letter-spacing: 0.05em;
}


/* その他の作品集*/
.other_s {
background: #dbbfb5; 
padding: 10px;
font-size:18px; 
color:#fff; 
font-weight: 700; 
text-align: center;

}

.other_s  a:link  {color:#ffffff;text-decoration: underline;}
/*その他の作品集テキストリンクの色*/
.other_s  a:visited { color:#ffffff;}  /*訪問済みのリンクの色*/ 
.other_s  a:active { color:#ffffff;}   /*クリック時のリンクの色*/
.other_s  a:hover {color:#ffffff;}  /*マウスの上にカーソルがあるときのリンクの色*/



/* 種類から選ぶ4列並び画像*/
.container4{
display:table;
width: 730px;
padding-top: -10px;
}

.box4 {
margin: auto;
display:table-cell;
width:174px;
}

.kiji_4tittle {
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
margin-top: 10px;
}


.kiji_4text {
margin: auto ;
padding: 5px;
text-align: left;
line-height: 1.5;
font-size: 13px;
width:90%;
letter-spacing: -0.02em;
padding-top: 10px;
padding-bottom: 30px;
}

/* 厚みから探す3列並び画像*/
.container_53{
display:table;
width: 730px;
margin-bottom: 20px;
}

.box_53 {
display:table-cell;
width:240px;
padding-right: 5px;
text-align: center;
}

.kiji_53tittle {
font-weight: 700;
font-size: 16px;
line-height: 1.3;
margin-top: 5px;
margin-bottom: 7px;
letter-spacing: 0.2em;
}

.kiji_53text {
font-size: 13px;
width:90%;
margin-top: 10px;
margin-bottom: 20px;
line-height: 1.6;
margin: auto;
text-align: left;
}

.kiji_53text hr{
width: 243px;
border: 1px #999 dotted;
margin-top: 3px;
margin-bottom: 3px;
}

/* お手入れお取扱いテキスト*/
.howto_text{
width: 90%;
margin: auto;
text-align: center;
margin-bottom: 30px;
font-size: 14px;
line-height: 1.6;
}




/* PAGE TOP 上部へ移るjs動作*/

#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
    font-size: 16px;
	letter-spacing: 0px;
}
#page-top a {
    background: #fff;
    text-decoration: none;
    color: #444;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
	border: 2px solid #999;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
    color: #fff;
}


#page-top .fa_size {
	font-size: 1.5em;
}