@charset "UTF-8";

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/*この上部を入れないとhanbargerのsp背景色の横幅が右切れる*/

*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    box-sizing: border-box;
    color: #333;
}


ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}


a.navi3{
	color: #36c;
	text-decoration:underline;
	
}

a.navi3:hover {
	color: #600;
	text-decoration:underline;
}



.navi4{
	opacity:0.5;
	text-decoration:underline;
	
}



#rogo_kyoto{
	
	margin:70px auto 70px auto;
	
	display:block;
	width:100%;
	max-width:40%;
	

}


#rogo_kyoto h1{
	
	text-align:center;
	font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height:230%;
	font-weight: normal;
	color: black;
	margin:5px auto 0 auto;
	
	letter-spacing:0.1em;
	

}

.rogo_top3 img{
	
	margin:10px 0 0 10px;
	
	display:block;
	width:100%;
	max-width:80px;
	

}

	
/*==========================================
 sp スタイル
===========================================*/

body {
  margin: 0px 0px 0px 0px;
 
  background: #fff;
}








/* コピーライト */

.read {
	width:100%;
	max-width:100%;
	
	
	
}


.read h1{
	width:100%;
	max-width:85%;
   text-align:left;
	
	line-height:350%;
	
	margin:80px auto 40px auto;/*通常は100 news入れたから70にした*/
	
font-family:"Shippori Mincho" , serif;
	color:black;
	
	font-size:1.06em;
	letter-spacing:0.1em;
	
}


.read span{

    font-size:0.63em;
	letter-spacing:0.1em;
	
}
	
	
	
/********************************* トップ *********************************/
section#greeting {
	width:100%;
	max-width:100%;
	padding:0px 0 0 0px;
	margin:0 auto 0px auto;
	text-align:center;
	background:#;
	
}

section#greeting article {
	 
	 width:100%;
	 max-width:99%;
	 
	 padding:15px 0px 15px 0px;
	 margin:0px auto 35px auto;
	 background:;
}



section#greeting article img{/* トップイメージ */
width:100%;
max-width:100%;

 margin:8px auto 0 auto;

 text-align:center;

}









section#greeting article h1{/* 商品のデザイン書から創作書まで */
	font-family:"Shippori Mincho" , serif;
    text-align: center;
    font-size: 30px;/******** 書体名 **********/
    font-weight:400;
	
	margi:100px 0 0 0;/*旧safariではtop隠れるからこれで調整するか*/
	
	font-feature-settings:"palt";

}





section#greeting article p{/* 説明 */
	font-size: 1.06em;
	font-family:"Shippori Mincho" , serif;
 margin:8px auto 50px auto;
 padding-top:20px;
 letter-spacing:0.05em;
 line-height:190%;
 
 text-align:center;
 
 width:100%;
 max-width:88%;
 
 font-feature-settings:"palt";

}




section#greeting  span br {
	display:none;
}


	
	
	/* お知らせ */

.news {
	width:100%;
	max-width:90%;
	margin:0 auto 100px auto;
	text-align:center;
	
}


.news h2{/*展示会のお知らせ*/
	width:100%;
	max-width:85%;
   text-align:left;
	
	line-height:2;
	
	margin:80px auto 10px auto;
	
font-family:"Shippori Mincho" , serif;
	color:black;
	
	font-size:1.06em;
	letter-spacing:0.1em;
	
	
	
}


.news p{
	width:100%;
	max-width:85%;
   text-align:left;
	
	line-height:1.5;
	
	margin:7px auto 20px auto;
	
font-family:"Shippori Mincho" , serif;
	color:black;
	
	font-size:1em;
	letter-spacing:0.1em;
	
}



.news img{
	width:100%;
	max-width:90%;

}





/* 所属団体 */


section#affilation {
width:100%;
max-width:100%;
margin:0 auto;
text-align:center;
background:;

}



section#affilation article {
width:100%;
max-width:60%;
margin:300px auto 0 auto;
text-align:center;
background:;

}



section#affilation article img {/*墨人会ロゴ*/
width:100%;
max-width:110px;
margin:0 auto;
text-align:center;
background:;

}



section#affilation article h1	 {/*所属団体*/

font-family:"Shippori Mincho" , serif;
	font-size: 1.13em;
	line-height: 160%;
	color:black;
	text-align:center;
    letter-spacing:0.1em;
	
	font-weight:bold;
	
	margin:10px 0 20px 0;



}


section#affilation article p	 {/**/

font-family:"Shippori Mincho" , serif;
	font-size: 1em;
	line-height: 160%;
	font-weight: normal;
	color:black;
	text-align:center;
	letter-spacing:0.1em;

}






nav ul {
  margin-bottom: 15px;
}





footer {
	background-color:;
		
	
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}



.copyright {
	
	text-align:center;
    
	margin:120px 0 50px 0; 
	
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.69em;
	letter-spacing:0.05em;
	
	color:black;
	
	line-height:170%;
	
	
	
	
}


p{
	margin-top:5px;
}



/*==========================================
 タブレット 縦 スタイル
===========================================*/

@media only screen and (min-width: 741px) {
	

.rogo_top3 img{
	
	display:none;
	
	margin:0px 0 0 0px;
	
	width:0%;
	max-width:0px;
	

}



.read h1{
	width:100%;
	max-width:80%;
	
	font-size:22px;
	
	letter-spacing:0.2em;
	
}

/* お知らせ */


.news h2{/*展示会のお知らせ*/
	width:100%;
	max-width:700px;
   text-align:left;
	
	line-height:2;
	
	margin:80px auto 10px auto;
	
font-family:"Shippori Mincho" , serif;
	color:black;
	
	font-size:22px;
	letter-spacing:0.1em;
	
	
	
}


.news p{
	width:100%;
	max-width:700px;
   text-align:left;
	
	line-height:1.5;
	
	margin:5px auto 25px auto;
	
font-family:"Shippori Mincho" , serif;
	color:black;
	
	font-size:18px;
	letter-spacing:0.1em;
	
}



.news img{
	width:100%;
	max-width:700px;

}



header {
	text-align:center;
    background-color:white;
	width: 100%;
	height:70px;	
	position:absolute;
	top:0;
	z-index:10;
}



footer {
	text-align:center;
    background-color:white;
		
	
	
}



.copyright {
	
	text-align:center;
	width: 100%;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	letter-spacing:0em;
	
	
	margin:120px 0 50px 0
}


}






/*==========================================
 タブレット 横 スタイル
===========================================*/


@media only screen and (min-width: 1020px) {/*ipad 横1024*/


	
	
}



/*==========================================
 PC スタイル
===========================================*/

@media only screen and (min-width: 1490px) {





	
}







  
/* Flexible Image */
img {
  max-width: 100%; 
  height:auto;
}

