@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL for kibi33* 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
 
/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana,sans-serif;
   color:#333;
}

=======================================================================
default font size style
=======================================================================
*/

body {
	/* more specific to override imported rule */
	font-size: x-small;
	/* false value for WinIE4/5 */
	voice-family: "\"}\"";
	/* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit;
	/* recover from trick */
	font-size: small;
	/* intended value for better browsers */
	}

html>body {
	font-size: small;
	/* be nice to Opera */
	}


/*

=======================================================================



body {
   margin:50px 0;
   padding:20px;
   line-height:1.6;
   letter-spacing:1px;
   background:#ffffff;
   font-family: Helvetica, Arial, sans-serif;

}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
   
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

img {
   border:1;
   margin:10px;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}
 
 text01{vertical-align: super;}
 text02{vertical-align: sub;}

p {
    color:orangered;}

/* ========TEMPLATE LAYOUT======== */
div#boxa {
   width:900px;
   margin:0 auto;
   margin-top:20px;
   padding:5px;
   background-color:#fff;
}

div#header {
   width:888px;
 height:30px;
  #border:solid 1px orange;
}

div#header2 {
   width:888px;
height:80px;
 #border:solid 3px orange;
}


div#menuleft {
   width:450px;
   float: left;
    #border:solid 1px grey;
}

div#menuleft2 {
   width:454px;
   float: left;
   
}

div#menuleft h1 {
   margin:0;
   padding:0;
   font-size:150%;/* 20px以上相当 */
   color:#000;
   letter-spacing:10px;
   line-height:80px;
}
div#menu {
   width:430px;
height:80px;
   float: right;
    #border:solid 1px blue;
}

div#menuright {
   width:250px;
   float: right;
   
}

#menuright ul {
	margin: 0px;
	padding-left:0px;
	padding-top: 0px;
}

#menuright li {
	display: block;
	float: left;
	text-indent: -9999px;
}

#menuright li a {
	display: block;
	text-decoration: none;
}

#menuright li#ja a {
	height: 25px;
	width: 100px;
	background: url(images/ja1.jpg) no-repeat;
}

#menuright li#ja a:hover {
	height: 75px;
	width: 101px;
	background: url(images/ja2.jpg) no-repeat;
}
#menuright li#en a {
	height: 25px;
	width: 100px;
	background: url(images/en1.jpg) no-repeat;
}

#menuright li#en a:hover {
	height: 75px;
	width: 101px;
	background: url(images/en2.jpg) no-repeat;
}

/*------------------
 head?i?r
------------------*/
#menu ul {
	margin: 0px;
	padding-left:1px;
	padding-top: 2px;
}

#menu li {
	display: block;
	float: left;
	text-indent: -9999px;
}

#menu li a {
	display: block;
	text-decoration: none;
}

#menu li#works a {
	height: 75px;
	width: 101px;
	background: url(images/works1.jpg) no-repeat;
}

#menu li#works a:hover {
	height: 75px;
	width: 101px;
	background: url(images/works2.jpg) no-repeat;
}

#menu li#biography a {
	height: 75px;
	width: 122px;
	background: url(images/biography1.jpg) no-repeat;
}
#menu li#biography a:hover {
	height: 75px;
	width: 122px;
	background: url(images/biography2.jpg) no-repeat;
}

#menu li#texts a {
	height: 75px;
	width: 82px;
	background: url(images/texts1.jpg) no-repeat;
}
#menu li#texts a:hover {
	height: 75px;
	width: 82px;
	background: url(images/texts2.jpg) no-repeat;
}
#menu li#contact a {
	height: 75px;
	width: 119px;
	background: url(images/contact1.jpg) no-repeat;
}
#menu li#contact a:hover {
	height: 75px;
	width: 119px;
	background: url(images/contact2.jpg) no-repeat;
}

/*------------------
menu ここまで
------------------*/
/*------------------
contents ここから
------------------*/

div#contents {
   #clear:both;
   width:890px;
   background: #fff;
 #border:solid 1px olive;
}
   div# contents h2 {
   font-size:11pt ;
}
   #contents h3,
   contents p {
        font-color:"#333";
	font-family:"Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5em ;
	 font-size:10pt;
	}
	
div#contents img {
   border:solid 0.5px grey ;
}

 #title #language li.eng {
	border-right: 1px #999 solid;
	}
	/*------------------
contents ここまで
------------------*/

	/*------------------
works ＆　komadoここから
------------------*/
div#works{
   float:left;
   width:885px;
   padding:10px;
     #border:solid 1px orange;
}

div#works img {
   border:solid 0.5px grey ;
}

div#works p {
   text-indent:0em;
   line-height:1em;
}


div#komado{
   float:left;
   width:150px;
   padding:10px;
     #border:solid 1px green;
}
div#komado p {
   font-size:9pt;
}
	/*------------------
works & komadoここまで
------------------*/

div#sakuhin{
   float:left;
   width:530px;
   padding:5px;
     #border:solid 1px green;
}
div#sakuhin p {
   font-size:9pt;
}

div#sakuhintext{
   float:right;
   width:330px;
   padding:5px;
     #border:solid 1px green;
}
div#sakuhintext p {
   font-size:9pt;
   line-height: 1.5em ;
}

	/*------------------
sakuhin & sakuhintextここまで
------------------*/

	/*------------------
text1ここから
------------------*/

div#text1{
   #float:left;
   width:630px;
   padding:5px;
     #border:solid 1px green;
}
div#text1 p {
   font-size:10pt;
}

div#text1 em {
   font-size:10pt;
}

div#text1 h2 {
   font-size:12pt;
}
div#text1 h3 {
   font-size:10pt;
}

	/*------------------
text1ここまで
------------------*/


div#headImage {
   width:890px;
   border-style:solid;
   border-width:1px;
   border-color:grey;
}

div#main {
   float:none;
   width:500px;
   padding:0 10px;
 
}

div#main img {
   align;center ;
    margin:20px;
 
}

div#sub {
   float:right;
   width:180px;
   margin-top:10px;
   padding:0 0 0 0;
}

div#footer {
   clear:both;
   width:900px;
}

#footer p {
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
	font-size: 9px;
	}


/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   padding:0;
   font-size:125%;/* 20px相当 */
   color:#fff;
   line-height:80px;
}

div#header h1 a {
   color:#AE847F;
}

div#header h1 a:hover {
   color:#dc143c;
}

div#headImage img{
   vertical-align:bottom;;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0;
   padding:0;
}

div#menu li {
   float:left;
   font-size:75%;/* 12px相当 */
   color:#333;
   text-align:center;
   list-style-type:none;
}

div#menu li a {
   display:block;
   width:148px;
   padding:10px 0;
   color:#fff;
   background-color:#212021;
}

div#menu li a.active {
   display:block;
   width:148px;
   padding:10px 0;
   color:#fff;
   background-color:#8C514A;
}

div#menu li a:hover {
   color:#ddd;
   background-color:#dc143c;
}

/* 回り込み解除 */
div#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADLINE CONTENTS CUSTOMIZE======== */
div#contents h1 {
   margin-bottom:8px;
   padding:5px;
   color:#fff;
   font-family:Georgia;
   font-size:125%;/* 20px相当 */
   font-weight:bold;
   background:#8C514A;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#D70053;
}

#div#main a:hover {
   color:#D2447B;
   border:0;
   border-bottom:1px solid #D2447B;
}

div#main h2 {
   margin-bottom:8px;
   padding:2px 2px 2px 0;
   color:#31001D;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   border-bottom:3px double #535D57;
}

div#main h3 {
   margin-bottom:3px;
   font-size:82%;/* 13px相当 */
}

div#main h4 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h5 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main p {
   margin:0 0 1em 0;
   font-size:82%;/* 13px相当 */
}

div#main ul,ol,dl {
   font-size:82%;/* 13px相当 */
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}


/* ========sub CONTENTS CUSTOMIZE======== */
div#sub h2 {
   padding:3px;
   font-size:88%;/* 14px相当 */
   font-weight:bold;
   color:#fff;
}

div#sub ul {
   margin:0;
   padding:5px 0 1em 5px;
}

div#sub li {
   margin:0;
   padding-left:18px;
   font-size:82%;/* 13px相当 */
   color:#fff;
   line-height:1.8;
   background:url(images/bg_sub_li.gif) 0 4px no-repeat;
   list-style:none;
}

div#sub li a {
   color:#fff;
}

div#sub li a:hover {
   color:#ddd;
   border-bottom:1px solid #ddd;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
   font-size:82%;/* 13px相当 */
}

div#totop a {
   padding:0 0 0 12px;
   background:url(images/bg_totop.gif) 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   padding:10px 0;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#333;
   text-align:center;
}

p {text-indent: 1em;
color:#666;
font-size:80% ;
}

#contents h3,h2,h1,em {
 color:#666;
 font-size:85% ;
}
 

#f1{
    float:left;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:5px;
	margin-left:0px;
	}
	
#f2{
    float:right;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:15px;
	}
	
#f3{
   text-align:right}
	
.clearfloat{
    clear:both;
	}

#header h1 {
    #float: left;
    #margin: 0;
    #padding: 0 0 5px 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Tahoma, Verdana, Optima, Arial, sans-serif;
    font-size: 100%;
    text-shadow: #000000 0.2em 0.2em 0.2em;

} #header h1 a:link, #header h1 a:visited {
    color: #ffffff;
    text-decoration: none;
} #header h1 a:hover {
    color: #ffffff;
    text-decoration: none;
}