* { margin: 0; padding: 0 }
body   { }
p {}
.box     { margin-top: 30px; margin-right: 15px; padding: 10px 10px 20px; width: 200px; height: 260px; border: solid 1px #c90 }
.box2 { padding-bottom: 10px; border-bottom: 1px dashed #cc9 }
.box3 { border-top: none; border-right: none; border-bottom: 2px dotted #cc9; border-left: none }
.box4 { background-color: #fff; padding: 10px; border: solid 1px #c90 }
.line1  { border-bottom: 1px dashed #cc9 }
.img1  { padding: 5px; float: right }
.img2  { padding-right: 5px; float: left }
/* Hides from IE-mac \*/
* html  #m_com     { color: #333; font-size: 10px; line-height: 14px; padding-top: 65px; padding-right: 15px; padding-left: 25px; width: 200px }
/* End hide from IE-mac */
/*------------------
メインレイアウト
------------------*/
#gotop  { text-align: right; padding-top: 10px; padding-right: 15px; width: 685px; height: 20px; float: left; clear: both }
#gotop a { color: #666; font-size: 12px; font-family: "Hoefler Text"; font-weight: bold }
#gotop a:hover { color: #969; font-family: "Hoefler Text"; font-weight: bold }
/*------------------
news
------------------*/
#m-news     { background-image: url("j7img/menutitle/news.png"); background-repeat: no-repeat; background-position: 15px 5px; padding-top: 50px; width: 700px; height: 570px; clear: both; border-color:  }
#sub1     { font-size: 12px; margin-left: 15px; width: 420px; height: 520px; float: left; overflow: auto; border: solid 1px #c90 }
#news-com { margin-bottom: 15px; margin-left: 10px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; width: 360px; border-bottom: 1px dashed #cc9 }
.li-ncom  { font-size: 12px; line-height: 16px; list-style-type: circle; margin-top: 15px; margin-left: 15px }
#sub2    { font-size: 12px; margin-right: 15px; width: 220px; height: auto; float: right }
#pr1  { background-color: #fff; background-image: url("j7img/kimono-primg.png"); background-repeat: no-repeat; background-position: 10px 10px; text-align: center; width: 220px; height: 270px; float: left }
#pr2  { background-color: #fff; margin-top: 10px; padding: 5px; width: 210px; height: 230px; float: left; border: solid 1px #c90 }
#prbox1  { color: #000; font-size: 9px; line-height: 12px; margin-top: 5px; padding-bottom: 10px; width: 200px; height: 100px; float: left; border-bottom: 1px dashed #cc9 }
#prbox2  { color: #000; font-size: 9px; line-height: 12px; margin-top: 5px; padding-bottom: 10px; width: 200px; height: 80px; float: left }
/*------------------
portfolio
------------------*/
#m-portfolio         { width: 700px; height: 580px; clear: both }
#menu2-l         { background-image: url("j7img/menutitle/portfolio.png"); background-repeat: no-repeat; background-position: 15px 5px; padding-top: 50px; width: 440px; height: 580px; float: left; border-color:  }
#p-index       { margin-left: 15px; padding: 10px; width: 400px; height: 540px; float: left; border: solid 1px #c90 }
#g-category1  { background-image: url("j7img/g-category1.jpg"); background-repeat: no-repeat; margin-top: 10px; margin-left: 10px; padding-bottom: 20px; width: 390px; height: 150px }
#g-category2   { background-image: url("j7img/g-category2.jpg"); background-repeat: no-repeat; margin-left: 10px; padding-bottom: 20px; width: 390px; height: 150px }
#g-category3   { background-image: url("j7img/g-category3.jpg"); background-repeat: no-repeat; margin-left: 10px; padding-bottom: 20px; width: 390px; height: 150px }
/*------------------
profile
------------------*/
#prof     { background-color: #fff; background-image: url("j7img/menutitle/profile.png"); background-repeat: no-repeat; background-position: 0 5px; text-indent: -9999px; margin-right: 15px; padding-top: 20px; width: 220px; height: 400px; float: right; border-color:  }
#works-prof { color: #666; font-size: 12px; line-height: 16px; background-color: #fff; background-image: url("j7img/j7_backside.jpg"); background-repeat: repeat-y; background-position: left 0; padding: 10px 10px 10px 65px; width: 550px; height: 440px }
.li_pro { list-style-type: none }
/*------------------
contact
------------------*/
#m-contact      { background-color: #fff; background-image: url("j7img/menutitle/contact.png"); background-repeat: no-repeat; background-position: 15px 5px; padding-top: 50px; width: 700px; height: 500px; clear: both; border-color:  }
#mailbox     { margin-left: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; width: 660px; height: 480px; float: left }
#mail-f1 { color: #666; font-size: 14px; font-family: "Hoefler Text"; font-weight: bold; padding-top: 15px; width: 645px; height: 80px }
#mail-f2  { color: #666; font-size: 14px; font-family: "Hoefler Text"; font-weight: bold; background-color: #ffc; text-align: center; padding: 20px; width: 620px; height: 260px; border: solid 1px #cc9 }
/*------------------
links
------------------*/
#m-links  { background-color: #fff; background-image: url("j7img/menutitle/links.png"); background-repeat: no-repeat; background-position: 15px 5px; padding-top: 50px; width: 700px; height: 400px; clear: both }
#linkbox   { margin-left: 15px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; width: 660px; float: left }
#link-l { padding-bottom: 15px; padding-left: 25px; width: 190px; float: left }
#link-c { padding-bottom: 15px; padding-left: 25px; width: 190px; float: left }
#link-r { padding-bottom: 15px; padding-left: 25px; width: 180px; float: right }
#link-u  { color: #666; font-size: 11px; text-align: center; padding: 10px; width: 650px; height: 150px; clear: both; border-top: 1px dotted #c90; border-bottom: 1px dotted #c90 }
ul,li    { color: #000; font-size: 12px; line-height: 16px; text-decoration: none }
.li_lii  { list-style-image: url("j7img/icon/li-icon.png") }
.li_fa  { list-style-image: url("j7img/icon/li-icon2.png") }
.li_th  { list-style-image: url("j7img/icon/li-icon3.png") }
.link_img  { margin: 5px }
/*------------------
フッタ
------------------*/
#footer   { background-image: url("j7img/j7_head.jpg"); background-repeat: no-repeat; padding-top: 20px; padding-left: 15px; width: 700px; height: 50px; clear: both }