@charset "utf-8";

/*----------------------------------------------------
	基本設定、大きなdiv、リンクカラーなど
----------------------------------------------------*/

body {
	background:#392316 url(../img/share/bg_body.gif) repeat left top;
	text-align:center;
	overflow:auto;
}
#wrapper {
	background:transparent url(../img/share/bg_wrapper.jpg) repeat-y center top;
}
#header {
	width:780px;
	background:#F3F2E9 url(../img/share/bg_header.jpg) no-repeat scroll center top;
	position:relative;
	margin: 0 auto;
}
#contents {
	width:780px;
	background:#F3F2E9 none repeat scroll 0 0;
	margin: 0 auto;
	text-align:left;
	position:relative;
}
#main {
	float:right;
	width : 540px ;
	font-size: 88%;
	margin-top:45px;
	margin-right:15px;
	font-size:94%;
}
*html #main {
	float:right;
	width : 540px ;
	margin-top:45px;
	margin-right:8px;
}
#sub {
	float:left;
	width : 175px ;
	position:relative;
	margin-left:15px;
}
*html #sub {
	float:left;
	width : 175px ;
	position:relative;
	margin-left:8px;
}
#footer {
	width:780px;
	background:transparent url(../img/share/bg_footer.gif) no-repeat scroll center top;
	font-size:88%;
	text-align:left;
	margin: 0 auto;
	height:80px;
	position:relative;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#menuoutside {
	background:#000000 url(../img/java_bg.jpg) no-repeat scroll center top;
	border-bottom:1px solid #9A958B;
	height:360px;
	margin:0 auto;
	padding-top:15px;
	text-align:center;
	width:780px;
	position:relative;
}
#menuinside {
	margin:0 auto;
	text-align:left;
	width:630px;
}
/*----------------------------------------------------
	ナビゲーション
----------------------------------------------------*/

#gnavArea {
	background-color:#faf7ec;
	height:50px;
}
#gnav {
	width: 780px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:0px;
}
#gnav li{
	float:left;
}
#gnav li a {
	display: block;
	text-decoration: none;
	text-indent:-7777px;
	height:50px;
}
#gnav li#nav1 a{background:transparent url(../img/nav/gnav_01.gif) left top no-repeat;width: 130px;}
#gnav li#nav1 a:hover{background:transparent url(../img/nav/gnav_01.gif) left bottom no-repeat;}
#gnav li#nav2 a{background:transparent url(../img/nav/gnav_02.gif) left top no-repeat;width: 130px;}
#gnav li#nav2 a:hover{background:transparent url(../img/nav/gnav_02.gif) left bottom no-repeat;}
#gnav li#nav3 a{background:transparent url(../img/nav/gnav_03.gif) left top no-repeat;width: 104px;}
#gnav li#nav3 a:hover{background:transparent url(../img/nav/gnav_03.gif) left bottom no-repeat;}
#gnav li#nav4 a{background:transparent url(../img/nav/gnav_04.gif) left top no-repeat;width: 104px;}
#gnav li#nav4 a:hover{background:transparent url(../img/nav/gnav_04.gif) left bottom no-repeat;}
#gnav li#nav5 a{background:transparent url(../img/nav/gnav_05.gif) left top no-repeat;width: 104px;}
#gnav li#nav5 a:hover{background:transparent url(../img/nav/gnav_05.gif) left bottom no-repeat;}
#gnav li#nav6 a{background:transparent url(../img/nav/gnav_06.gif) left top no-repeat;width: 104px;}
#gnav li#nav6 a:hover{background:transparent url(../img/nav/gnav_06.gif) left bottom no-repeat;}
#gnav li#nav7 a{background:transparent url(../img/nav/gnav_07.gif) left top no-repeat;width: 104px;}
#gnav li#nav7 a:hover{background:transparent url(../img/nav/gnav_07.gif) left bottom no-repeat;}

#footer ul {
	padding-left:15px;
	padding-top:10px;
}
#footer ul li {
	float:left;
	padding-left:8px;
	margin-right:8px;
}
#footer ul li#fvav02 {background:transparent url(../img/nav/fnav_02.gif) no-repeat scroll left center;}
#footer ul li#fvav03 {background:transparent url(../img/nav/fnav_03.gif) no-repeat scroll left center;}
#footer ul li#fvav04 {background:transparent url(../img/nav/fnav_04.gif) no-repeat scroll left center;}
#footer ul li#fvav05 {background:transparent url(../img/nav/fnav_05.gif) no-repeat scroll left center;}
#footer ul li#fvav06 {background:transparent url(../img/nav/fnav_06.gif) no-repeat scroll left center;}
#footer ul li#fvav07 {background:transparent url(../img/nav/fnav_07.gif) no-repeat scroll left center;}
#footer p{margin-left:10px;}

p#pmark{
	position:absolute;
	right:15px;
	top:3px;
}

/*----------------------------------------------------
	言語選択
----------------------------------------------------*/
ul#languageArea {
	font-size:10px;
	position:absolute;
	top:5px;
	right:15px;
}
ul#languageArea li{
	float: left;
}
ul#languageArea li a {
	display: block;
	text-decoration: none;
	height: 23px;
	width: 40px;
	text-indent:-7777px;
}
ul#languageArea li#jp a{
	background: url(../img/share/btn_jp.png) left top no-repeat;
}
ul#languageArea li#jp a:hover{
	background: url(../img/share/btn_jp.png) right top no-repeat;
}
ul#languageArea li#en a{
	background: url(../img/share/btn_en.png) left top no-repeat;
}
ul#languageArea li#en a:hover{
	background: url(../img/share/btn_en.png) right top no-repeat;
}

/*----------------------------------------------------
	見出し
----------------------------------------------------*/


h1 a {
	text-indent: -7777px;
	display:block;
	background:transparent url(../img/share/logo.gif) no-repeat scroll center center;
	height:90px;
	width:217px;
	margin: 0 auto;
}
#content h2 {
	background:transparent url(../img/top/h2_row1.gif) no-repeat scroll left top;
	height:24px;
	margin-bottom:15px;
	text-indent:-9999px;
	width:446px;
}
#sub h3 {
	margin:45px 0 15px 0;
}

h6 {clear:both;}
h6 a{margin-top:20px;display: block;text-indent:-7777px;height:120px;width:540px;background:transparent url(../img/share/h6_contact.gif) left top no-repeat;}
h6 a:hover{background:transparent url(../img/share/h6_contact.gif) left bottom no-repeat;}

/*----------------------------------------------------
	トップページ
----------------------------------------------------*/

#content {
	background:#F3F2E9 none repeat scroll 0 0;
	border-bottom:1px solid #9A958B;
	margin:0 auto;
	text-align:left;
	width:780px;
	font-size:88%;
}
#content .row1 {
	background:#DDD1C8 url(../img/top/bg_row1.jpg) no-repeat scroll right bottom;
	border-bottom:1px solid #9A958B;
	border-top:1px solid #C1BCB1;
	padding:10px 30px 10px 20px;
	position:relative;
}
#content .row1 p {
	font-size:12px;
}
#content .row2 {
	border-top:1px solid #C1BCB1;
	height:200px;
}
#content .col-1 {
	float:left;
	padding:10px 0 0 20px;
	width:217px;
}
#content .col-1 h3,#content .col-2 h3{
	margin-bottom:10px;
}
#content .col-1 p a,#content .col-2 p a{
	text-decoration:none;
	color:#1C1C16;
}
#content .col-1 p a:hover,#content .col-2 p a:hover{
	text-decoration:underline;
	color:#990000;
}
#content .col-2 {
	float:left;
	padding:10px 10px 0 15px;
	width:217px;
}
#content .col-3 {
	color:#020323;
	float:right;
	font-size:85%;
	margin:10px 10px 0 0;
	padding:1px;
	width:280px;
}
#content .col-1 a img, #content .col-2 a img {
	border:1px solid #AAAAAA;
}
#content .col-1 a:hover img, #content .col-2 a:hover img {
	border:1px solid #990000;
}

/*----------------------------------------------------
	sub(左レイアウト部分)
----------------------------------------------------*/

p#topicPath {
	font-size:82%;
	position:absolute;
	top:10px;
	left:15px;
}
#sub ul {
	font-size:94%;
	list-style: square url('../img/share/li_arrow.gif') outside;
	padding:0 0 15px 30px;
}
#sub ul li {
	margin-top:10px;
}
#sub ul li a{
	color:#333333;
	text-decoration:none;
}
#sub ul li a:hover{
	color:#990000;
}

/* main
----------------------------------*/
#main h2,#main h3,#main p img{
	margin-bottom:15px;
}
#main div#left{
	width:350px;
	float:left;
}
#main div#left p{
	margin-bottom:15px;
	padding-left:15px;
}
#main div#right{
	width:175px;
	float:right;
	font-size:12px;
	text-align:center;
}
#main div#right p{
	margin-bottom:5px;
}
#main div#right p img{
	margin-bottom:5px;
}
#main dl {
	position:relative;
	margin-bottom:15px;
}
#main dd.clickmenu img{
	border:1px solid #AAAAAA;
}
#main dd a:hover img{
	border:1px solid #990000;
}
#main dl dt.dt_K01 a{
	position:absolute;
	top:45px;
	left:12px;
	color:#555555;
	text-decoration:none;
	z-index:200;
}
#main dl dt.dt_K02 a{
	position:absolute;
	top:45px;
	left:175px;
	color:#555555;
	text-decoration:none;
	z-index:200;
}
#main dl dt a:hover{
	color:#999999;
}
#main p#pagetop{
	background:transparent url(../img/share/bg_pagetop.gif) left 60% no-repeat;
	padding-left:15px;
	margin-top:20px;
	float:right;
	line-height:4;
}

/* main case
----------------------------------*/

#main dl.case{
	padding-left:15px;
	position:static;
}
dl.case dt{
	font-weight:bold;
	margin-bottom:10px;
}
dl.case dd {
	margin-bottom:5px;
}
ul.square{
	list-style: square none outside;
	margin-bottom:10px;
}
dd ul.disc{
	list-style: disc none outside;
	margin-bottom:10px;
}
dl.case dd ul li{
	margin-left:15px;
}
#main ul.clear li{
	float:left;
	margin-left:5px;
	margin-bottom:15px;
}

/*----------------------------------------------------
	毛筆インテリア
----------------------------------------------------*/

#main dl.ks4sample {
	margin-left:15px;
	margin-bottom:15px;
	position:relative;
	height:270px;
}
dl.ks4sample dd.samplename{
	margin-left:5px;
}
dl.ks4sample dt ul li.samplenote1{
	position:absolute;
	bottom:135px;
	left:5px;
}
dl.ks4sample dt ul li.samplenote2{
	position:absolute;
	bottom:135px;
	left:160px;
}
dl.ks4sample dd ul li.sampleimg1{
	position:absolute;
	bottom:0px;
	left:0px;
}
dl.ks4sample dd ul li.sampleimg2{
	position:absolute;
	bottom:0px;
	left:150px;
}
dl.ks4sample dd ul li.samplemainimg{
	position:absolute;
	bottom:0px;
	right:0px;
}

/* houjin table
----------------------------------*/

#main table.hsTable{
	border:1px solid #666666;
	border-collapse;collapse;
	width:510px;
	line-height:2;
	white-space: nowrap;
	font-size:14px;
	margin-bottom:15px;
}
#main table.hsTable th{
	width:20%;
	border:1px solid #666666;
}
#main table.hsTable td{
	border:1px solid #666666;
}
#main table.hsTable tbody td{
	padding-left:5px;
	background-color:#FFFFFF;
	border:1px solid #666666;
}
#main table.hsTable tbody th{
	background-color:#f1eacb;
	text-align:center;
	border:1px solid #666666;
}
#main table.hsTable thead{
	background-color:#f1eacb;
	text-align:center;
	padding-left:0px;
	border:1px solid #666666;
}

/*----------------------------------------------------
	料金表
----------------------------------------------------*/

#main ul#costul{
	margin-bottom:15px;
	text-align:center;
}
#main ul#costul li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#main dl.costTable{
	padding-left:15px;
}
dl.costTable dt {
	padding:0;
	margin:0 0 10px -10px;
}
dl.costTable dd {
	margin-bottom:5px;
}
dl.costTable dd ul li{
	margin-left:15px;
}

/*----------------------------------------------------
	会社概要
----------------------------------------------------*/

table#companyTable {
	margin:0 auto;
	position:static;
	width:500px;
	margin-top:25px;
}
*html table#companyTable {
	font-size:15px;
}
table#companyTable td {
	background:transparent url(../img/share/bg_dl_dot.gif) repeat-x scroll center bottom;
	padding:10px 0 10px 30px;
}
table#companyTable dt {
	float:left;
	padding:2px 10px 2px 2px;
	width:120px;
	line-height:1.5;
}
table#companyTable dd {
	float:right;
	padding:2px 0 2px 10px;
	width:310px;
	line-height:1.5;
}
div#map_1,div#map_2{
	border:2px solid #aaaaaa;
	float:left;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:20px;
}
p.floatright {
	float:right;
	line-height:1.8;
	margin-top:20px;
	width:230px;
}

/*----------------------------------------------------
	FAQ
----------------------------------------------------*/

dl#faqdl {
	margin-top:25px;
}
dl#faqdl dt {
	background:#DDDBD4 url(../img/item/dl_dt_faq.gif) no-repeat scroll left top;
	height:22px;
	margin-bottom:10px;
	padding:5px 0 0 35px;
	width:480px;
}
dl#faqdl dd {
	background:transparent url(../img/item/dl_dd_faq.gif) no-repeat scroll left top;
	line-height:1.6;
	margin-bottom:25px;
	padding:0 0 0 35px;
	width:480px;
}

/*----------------------------------------------------
	サイトマップ
----------------------------------------------------*/

#wrapper #sitemap_left {
	float:left;
	width:350px;
}
#wrapper #sitemap_right {
	float:right;
	width:350px;
	padding-top:50px;
}
h2#sitemap{
	margin-top:15px;
	margin-left:20px;
}
#wrapper ul.tree {
	margin:5px 0 0 70px;
	padding-left:14px;
	text-indent:-14px;
}
#wrapper ul.tree img{
	margin-left:-289px;
	margin-bottom:-10px;
	z-index:100;
}
#wrapper ul.tree li.startList {
	background:transparent none repeat scroll 0 0;
}
#wrapper ul.tree a{
	background:transparent url(../img/item/icn_link.gif) no-repeat scroll 0 50%;
	color:#000000;
	font-weight:bold;
	padding-left:14px;
	text-decoration:none;
}
#wrapper ul.tree ul {
	background:transparent url(../img/item/li_sitemap_01.gif) repeat-y scroll 0 50%;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0 5px -10px;
	padding:0;
}
#wrapper ul.tree li {
background:transparent url(../img/item/li_sitemap_02.gif) no-repeat scroll 0 17px;
padding:10px 0 0 32px;
}
#wrapper ul.tree ul li.lastList {
background:transparent url(../img/item/li_sitemap_03.gif) no-repeat scroll 0 17px;
}

/* houjin page
----------------------------------*/

#main div.hs01 {height:500px;margin-bottom:15px;padding:1px;position:relative;}
#main .hs01 table {margin-left:10px;margin-top:10px;}
#main div.hs01 img,#main div.hs02 img{
	margin-bottom:5px;
}
#main .hsTop_L{
	float:left;
}
#main .hsTop_R{
	float:left;
	margin-top:17px;
}
#main .hsTop_P{
	font-size:88%;
	padding-left:7px;
	padding-right:7px;
}


#main div.hs02 {height:500px;margin-bottom:15px;padding:1px;position:relative;}
#main .hs02 table {margin-left:10px;margin-top:10px;}


#main div.hs03 {height:500px;margin-bottom:15px;padding:1px;position:relative;}
#main .hs03 table {margin-left:10px;margin-top:10px;}

#main div.hs04 {height:500px;margin-bottom:15px;padding:1px;position:relative;}
#main .hs04 table {margin-left:10px;margin-top:10px;}

#main div.hs05 {height:620px;margin-bottom:15px;padding:1px;position:relative;}
#main .hs05 table {margin-left:10px;margin-top:10px;}

#main div.hs06 {height:500px;margin-bottom:15px;padding:1px;position:relative;}
#main .hs06 table {margin-left:10px;margin-top:10px;}

ul#hs {
	padding:10px 0 10px 0;
	margin-bottom:25px;
}
ul#hs li{
	float:left;
	margin-right:15px;
	padding-left:12px;
	background: url(../img/share/li_arrow.gif) no-repeat left top;
}

/*----------------------------------------------------
	オンマウスでポップアップ
----------------------------------------------------*/

.imgHover_menber p {
	margin:7px;
}

.imgHover_menber ul li {  
	float: left;  
    margin:0 5px 10px 10px;
}  
.imgHover_menber ul li img {  
    border: none;  
}  
.imgHover_menber ul li a {  
    display: block;
    text-decoration:none;
    text-align:center;
    color:#333333;
} 
.imgHover_menber ul li a:hover {  
    position: relative;  
}  
.imgHover_menber ul li a .mainImage {  
    display: none;  
}  
.imgHover_menber ul li a:hover .mainImage {  
    display: block;  
    position: absolute;  
    top: 0;  
    left: 0;  
}  
#main #right li a{  
    text-decoration:none;
    color:#333333;
} 
.imgHover_right ul li {
	margin:0;
	text-align:left;
}  
.imgHover_right ul li img {  
    border: none;  
}  
.imgHover_right ul li a {  
    display: block;  
}  
.imgHover_right ul li a:hover {  
    position: relative;  
}  
.imgHover_right ul li a .mainImage {  
    display: none;  
}  
.imgHover_right ul li a:hover .mainImage {  
    display: block;  
    position: absolute;  
    top: 0;  
    right: 0;  
}  


/* policy
----------------------------------*/

ol.olpolicy{
	margin-top:15px;
	margin-bottom:15px;
}
ol.olpolicy li {
	margin-left:25px;
	margin-top:15px;
	margin-bottom:15px;
}
ol.olpolicy {
	list-style-position:outside;
	list-style-type:disc;
	padding:0;
}
ol.olpolicy2{
	margin-top:15px;
	margin-bottom:15px;
}
ol.olpolicy2 li {
	margin-left:5px;
	margin-top:15px;
	margin-bottom:15px;
}

/*----------------------------------------------------
	メールフォーム
----------------------------------------------------*/

#mailform {
	background:transparent url(../img/share/bg_dl_dot.gif) repeat-x scroll left top;
	padding-top:1px;
	width:530px;
}

#mailform table{
	border-collapse:collapse;
	margin-bottom:15px;
	width:530px;
	letter-spacing:
}
#mailform table th {
	background:transparent url(../img/share/bg_dl_dot.gif) repeat-x scroll left bottom;
	font-weight:normal;
	padding:10px 5px;
	text-align:left;
	vertical-align:top;
	width:180px;
}
#mailform table th img {
	vertical-align:middle;
}
#mailform table td {
	background:#f8f6ec url(../img/share/bg_dl_dot.gif) repeat-x scroll left bottom;
	border:0 none;
	font-weight:normal;
	padding:10px 5px;
	text-align:left;
	width:370px;
	padding-left:20px;
}
#mailform table td input,#mailform table td textarea{
	letter-spacing:0.05em;
	padding-left:2px;
}
textarea#address,textarea#detail{
	width:340px;
}
input#zip1{
	width:25px;
}
input#zip2 {
	width:35px;
}
input#mail1,input#mail2{
	width:250px;
}
input#tel1,input#tel2,input#tel3{
	width:35px;
}
select#job{
	width:200px;
}
span.af12px{
	font-size:12px;
}
#mailform table optgroup{
	font-style:normal;
}
p.button {
	text-align:center;
	margin:0 auto;
}



/*----------------------------------------------------
	出版事業
----------------------------------------------------*/

.linecontroll1{
	margin-bottom: 15px ;
}
.shuppantable{
   margin: 0px ;
}
.shuppantable td{
	vertical-align: top ;
}


/********************************************************

ADD 20111110

********************************************************/
#content .row1 .adlogo{
	margin: 0 ;
	position: absolute ;
	z-index:10;
	top: 0 ;
	left: 390px ;
	font-size: 12px ;
	text-align: left ;
	width: 400px ;
}
#content .row1 .addate{
	margin: 0 ;
	position: absolute ;
	z-index:20;
	top: 38px ;
	left: 660px ;
	font-size: 9px ;
	text-align: left ;
}
#content .row1 .adlogo img{
	vertical-align:middle;
}