@charset "UTF-8";

/* 基本設定 */
* {
 text-align: left;
 margin: 0;
 padding: 0;
}






body {
 color: #281919;
 font-size:85%;
 background-color: #e6e6e6;
font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
}
img { border:none;}

a:link {
 color: #7d3200;
 text-decoration: none;
} 

a:visited {
 color: #7d3200;
 text-decoration: none;
} 

a:hover {
 color: #7d3200;
 text-decoration: underline;
} 

a:active {
 color: #7d3200;
 text-decoration: none;
} 

/* レイアウト */
#wrapper {
 width: 800px;
 margin: 0 auto;
 background-color: #ffffff;
}

#container {
 width: 760px;
 margin: 0 20px;
}

#header {
 width: 760px;
}

#navigation {
 width: 625px;
 background:url(images/navi_bg.gif) repeat-x; height:40px; padding-left:135px;
}
#navigation li { float:left; list-style:none;}
#navigation li a { cursor:pointer;}

#content {
 width: 760px;
}

#footer {
 width: 760px;
}

#main {
 width: 570px;
 float: right;
 font-size: 80%;
}

#sub_navi {
 width: 190px;
 font-size: 80%;
 float:left;
}

/* 見出し設定 */
h1 {
 font-size: 150%;
 margin: 0 13px 15px 13px;
}

h2 {
 margin: 0 0 15px 0;
}

h3 {
 font-size: 110%;
 margin: 0;

}

/* ヘッダー */
.head {
 width: 760px;
 border-bottom: 1px dashed #c9c5c5;
 margin: 0 0 0 0;
 padding: 0 0 9px 0;
}

.logo {
 width: 300px;
 float: left;
 margin: 20px 0 0 0;
}

.head_right {
 float: right;
 width: 460px;
}

.link {
 margin: 7px 0 0 0;
 text-align: right;
}

.head_text {
 text-align: right;
 font-size: 80%;
}

/* ナビゲーション */
.navi {
 width: 760px;
 margin: 8px 0 21px 0;
}

/* サブナビゲーション */
.sub_navi {
 margin: 0 0 17px 1px;
}

.sub_navi li {
 list-style-type: none;
 padding-right: 2px;
 padding-bottom: 7px;
}

.sub_navi a:link {
 color: #281919;
 text-decoration: none;
 padding: 0 0 0 5px;
} 

.sub_navi a:visited {
 color: #281919;
 text-decoration: none;
 padding: 0 0 0 5px;
} 

.sub_navi a:hover {
 color: #7d3200;
 text-decoration: none;
 background-image: url(images/cmn/linkmark.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 padding: 0 0 0 5px;
} 

.sub_navi a:active {
 color: #281919;
 text-decoration: none;
 padding: 0 0 0 5px;
} 

.sub_navi_no_link {
 padding: 0 0 0 5px;
} 

.sub_navi_title {
 margin: 0 0 10px 0;
}

.sub_navi_title {
 width: 88px;
 padding: 2px 0 2px 5px;
 color: #ffffff;
 background-color: #645959;
}

.all_item {
 margin: 0 0 8px 0;
}

.all_item a:link {
 color: #281919;
 text-decoration: none;
 padding: 0 0 0 5px;
} 

.all_item a:visited {
 color: #281919;
 text-decoration: none;
 padding: 0 0 0 5px;
} 

.all_item a:hover {
 color: #7d3200;
 text-decoration: none;
 background-image: url(./images/cmn/linkmark.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
 padding: 0 0 0 5px;
} 

.all_item a:active {
 color: #281919;
 text-decoration: none;
 padding: 0 0 0 5px;
}

/* メインコンテンツ */

/* ---TOP--- */
#contentTop {
 width: 760px;
 background-image: url(images/whatsnew_bg.gif);
 background-repeat: repeat-y;
 background-position: top right;
 margin: 0 0 8px 0;
}

.whatsNew {
 width: 300px;
 /*border-left: 1px solid #c9c5c5;*/
 border-right: 1px solid #c9c5c5;
 float: right;
}

.wNewText {
 font-size: 80%;
 width: 288px;
 margin: 5px 6px 0;
}

.wNewText p {
 margin: 0 auto 13px;
}


.topFla {
 width: 451px;
 float: left;
}

/* フッター */
.foot {
 margin: 5px 0 0 0;
 padding: 0 0 9px 0;
}

.copy {
 width: 200px;
 float: left;
 margin: 42px 0 0 0;
}

.mark {
 width: 200px;
 float: right;
 text-align: right;
}

/* ABOUT US */
.main_text {
 width: 476px;
 border-left: 1px solid #c9c5c5;
 border-right: 1px solid #c9c5c5;
 font-size:120%;
}

.main_text h1 {
 font-size: 120%;
 margin: 0 13px 15px 13px;

}

.about_sub_title {
 font-size: 120%;
 margin: 0 13px 6px 13px;
 font-weight: bold;
}

.main_text p {
 margin: 0 9px 17px 15px;
 line-height: 150%;
}

p.p_mgn_btm {
 margin: 0 9px 0px 15px;
 line-height: 150%;
}

.main_text ul {
 margin: 0 9px 0 32px;
 padding: 0;
 line-height: 150%;
}

/* WORKS */
.works_dtl_content { position:relative;}
.works_dtl_content img { position:absolute; top:0px; left:-383px; border:1px solid #ccc;}

.news_text { position:relative;}
.news_text img { position:absolute; top:0px; left:-162px; border:1px solid #ccc;}
.news_text .alignleft { position:absolute; top:0px; left:-161px; border:1px solid #ccc;}
.news_text p { margin-bottom:10px;}
.works_cats { margin:0 0 15px 43px; border-bottom:1px solid #ccc; font-size:110%; padding-bottom:2px; width:519px;}
#main_works {
 width: 624px;
 float: right;
 font-size: 80%;
}

.tablenav { width:520px;
	text-align:center;
	clear:both;
	border-top:#ccc solid 1px;
	padding-top:10px;}
	
.tablenav2 { width:460px;
	text-align:center;
	clear:both;
	padding-top:10px;
	margin-left:20px;}	
	
	
#sub_navi_works {
 width: 136px;
 float: left;
 font-size: 80%;
}

.works_list {
 width: 552px;
 margin: 0 29px 0 43px;
}

.works_list_frame {
 float: left;
 width: 184px;
 height: 185px; _height: 200px;
}
.works_commodity {
 width: 150px;
 margin: 0 0 14px 0;
}

.works_list_img {
 border: 1px solid #c0c0c0;
 text-align: center;
 padding: 0;
}

.works_list_content {
 margin: 0 0 6px 0;
}

.works_list_content .workstitle {
 line-height:120%;
}

.works_list_content th {
 width: 32px;
 vertical-align: top;
 padding: 2px 0 0 0;
 font-weight:normal;
}

.works_list_content td {
 vertical-align: top;
 font-size: 90%;
 padding: 1px;
}

.return {
 width: 360px;
 margin: 9px auto 0 auto;
}

.return_mark {
 vertical-align: bottom;
 padding: 0 2px 0 0;
}


.works_list_link a:link {
 color: #547bad;
 text-decoration: none;
} 

.works_list_link a:visited {
 color: #547bad;
 text-decoration: none;
} 

.works_list_link a:hover {
 color: #547bad;
 text-decoration: none;
} 

.works_list_link a:active {
 color: #547bad;
 text-decoration: none;
} 

.works_list_page {
 width: 519px;
 border-top: dotted 1px #cac6c6;
 margin: 0 auto;
 padding: 4px 0 0 0;
}

.works_page_link {
 vertical-align: middle;
 padding: 0 4px;
}

.works_page_back {
 width: 178px;
 text-align: right;
 float: left;
}

.works_page_no {
 width: 163px;
 text-align: center;
 float: left;
}

.works_page_next {
 width: 178px;
 text-align: left;
 float: left;
}

/* WORKS詳細ページ */

.works_dtl_left {
 width: 403px;
 float: left;
}

.works_dtl_img {
 width: 360px;
 border: 1px solid #c0c0c0;
 text-align: center;
 padding: 0;
 margin: 0 auto;
}

.works_dtl_content {
 width: 221px;
 float: right;
}

.works_dtl_content th {
 vertical-align: top;
 padding: 1px;
 font-size:120%;
}

.works_dtl_content td {
 vertical-align: top;
 padding: 1px;
 line-height: 140%;
 font-size:120%;
}

.return {
 margin: 9px 0 0 35px;
}

.return_mark {
 vertical-align: bottom;
 padding: 0 2px 0 0;
}

/* DIARY */
#content_diary {
 width: 760px;
 /*background-image: url(images/diary/diary_bg.gif);*/
 background-repeat: repeat-y;
 background-position: 100% 0;
}

#main_diary {
 width: 640px;
 float: right;
 font-size: 80%;
}

#sub_navi_diary {
 width: 120px;
 float: left;
 font-size: 80%;
}

.main_diary_text {
 /*width: 479px;*/
 width:610px;
 padding: 0 16px 0 9px;
 margin: 0 0 40px 0;
 position:relative;
 min-height:300px;
 height:auto !important;
 height:300px;
}

.main_diary_text img {
 position:absolute;
 left:15px;
 top:53px;
 /*height:226px;*/
}

.diary_title {
 border-bottom: dotted 1px #cac6c6;
 padding: 0 0 6px 44px;
 background-image: url(images/diary/diary_title.gif);
 background-repeat: no-repeat;
 background-position: 6px 0;
}

.main_diary_text h1 {
 margin: 0;
 float: left;

}

.diary_name {
 color: #787878;
 float: right;

}

.diary_date {
 color: #787878;
 padding: 4px 0 0 5px;
 margin: 0 0 11px 0;
 font-weight: bold;
}

.diary_img {
 width: 170px;
 float: left;
 text-align: center;
}

.diary_text {
 width: 430px;
 float: left;

 padding-left:180px;
 line-height:150%;
 font-size:120%;
}

.diary_text p {
 margin-bottom: 12px;
}

.diary_link {
 width: 479px;
 padding: 0 14px 0 9px;
}

.page_top {
 width: 70px;
 font-weight: bold;
 float: left;
}

.diary_page_link {
 width: 409px;
 text-align: right;
 float: right;
}

.diary_page_back {
 width: 150px;
 float: left;
 text-align: right;
}

.diary_page_no {
 width: 80px;
 float: left;
 text-align: center;
}

.diary_page_next {
 width: 250px;
 float: right;
 text-align:right;
}

.diary_ct {
 margin: 0;
 paffing: 0;
 list-style-type: none;
}

.diary_ct li span {
 margin: 0;
 paffing: 0;
 position: relative;
 top:3px;
 
}

/* ACCESS MAP */
.map_address {
 line-height: 110%;
 font-size: 120%;
 margin: 30px 0 0 0;
}

.map_tel {
 margin: 3px 0 0 0;
 line-height: 110%;
 font-size: 120%;
}

/* NONKEY FOREST */
.nonkey_forest_img {
 margin: 54px 43px 0 14px;
}

.nonkey_forest_text p {
 margin: 0 9px 17px 15px;
 line-height: 150%;
}

.nonkey_forest_back {
 text-align: right;
 margin: 0 9px 10px 0;
}

.nonkey_forest_intro {
 text-align: right;
 font-weight: bold;
 margin: 26px 139px 0 0;
}

/* PROFILE */
#main_profile {
 width: 618px;
 float: right;
 font-size: 80%;
}

#sub_navi_profile {
 width: 142px;
 float: left;
 font-size: 80%;
}

.profile {
 width: 354px;
 float: left;
 margin: 28px 0 0 0;
}

.profile_customer {
 width: 264px;
 float: right;
 margin: 32px 0 0 0;
}

.profile th {
 padding: 4px 0;
 font-weight: normal;
 vertical-align: top;
 width: 58px;
 text-align: left;
}

.profile td {
 padding: 4px 2px;
 vertical-align: top;
}

.profile li {
 list-style-type: none;
}

.profile_map {
 vertical-align: middle;
 padding-top: 1px;
}

/* NEWS */
#main_news {
 width: 647px;
 float: right;
 font-size: 80%;
}

#sub_navi_news {
 width: 113px;
 float: left;
 font-size: 80%;
}

.news_entry {
 width: 552px;
 border-left: 1px solid #cac6c6;
 border-right: 1px solid #cac6c6;
}

.news_content {
 width: 534px;
 margin: 0 8px 30px 10px;
 padding: 0 0 30px 0;
 border-bottom: 1px dotted #cac6c6;
 min-height:100px;
 height:auto !important;
 height:100px;
}

.news_content h1 {
 margin: 0;
}

.news_img {
 width: 160px;
 float: left;
}
.news_text {
 width: 373px;
 line-height: 140%;
 float: right;
 font-size:120%;
}

.news_page_link {
 width: 539px;
 text-align: right;
}

.news_page_back {
 width: 401px;
 text-align: right;
 float: left;
 padding: 0 2px 0 0;
}

.news_page_no {
 width: 90px;
 text-align: center;
 float: left;
}

.news_page_next {
 width: 40px;
 text-align: right;
 float: left;
}

/* FlashPlayer */
.adobe_banner {
 float: left;
}

.adobe_text {
 float: left;
 margin: 4px 0 0 6px;
 font-size: 80%;
}

/* 新着情報 */
.newslist {
 margin: 10px 0;
}

.newslist li {
 list-style-type: none;
 margin: 0 0 5px 0;
}

.newslist li span {
 font-weight: bold;
}

/* topics */
.topics_entry {
 width: 760px;
}

.topics_content {
 width: 580px;
 margin:  8px 10px;
 padding: 0 10px;
 border-left: 1px solid #cac6c6;
 border-right: 1px solid #cac6c6;
 float: right;
}

.topicsmore {
 margin: 0;
}

.topicsmore li {
 list-style-type: none;
 margin: 0;
 padding:10px 0;
 background:url(images/topicline.gif) 0 100% repeat-x;
 font-size:80%;
}

.topicsmore li span {
 font-weight: bold;
}

.topicsmore a {
 color: #5A4B4B;
}

.topicsmore a:hover {
 color: #7d3200;
}

#sub_navi_topics {
 width: 110px;
 float: left;
 font-size: 80%;
 /*margin:0;
 padding:5px 0;*/
}


.newslist a:link {
color:#281919;
} 

.newslist a:active {
color:#281919;
}

.newslist a:visited {
color:#281919;
}

.newslist a:hover {
color:#7d3200;
}

 .more{
 font-size:120%;
}

/* トップ最新ニュース表示用 */
.LatestTbl {
 width: 760px;
 margin: 13px 0 0 0;
 font-size: 80%;
}

.LatestTbl p {
 padding: 6px 0 15px 0;
}

.LatestNews {
 width: 270px;
 float: left;
 margin: 0 0px 0 0;
}

.LatestNews2 {
 width: 220px;
 float: right;
}

.LatestNewsInfo {
 width: 121px;
 float: left;
 padding: 0 14px 0 0px;
}

.LatestNewsInfo2 {
 width: 100px;
 float: left;
 padding: 0 10px 0 0;
}

.LatestNewsInfoTitle {
 padding: 7px 0;
}

.LatestTbl a:link, .LatestTbl a:active, .LatestTbl a:visited {
 color:#281919;
 text-decoration: none;
}

.LatestTbl a:hover {
 color:#7d3200;
 text-decoration: underline;
}

/* コメント・トラックバック */
.CommentTbl {
 border-collapse: collapse;
 margin-bottom: 7px;
}

.CommentTitle {
 margin: 0 0 6px 0;
}

.Comment {
 width: 293px;
 border-bottom: 1px dotted #cac6c6;
 margin: 0 0 10px 13px;
 padding:  0 0 9px 0;
}

.CommentText p {
 margin: 0 0 12px 0;
}

.CommentFormTbl {
 width: 291px;
 margin: 0 0 18px 13px;
 border: 1px solid #9a9090;
 background-color: #d4d0d0;
}

.CommentFormTbl th.CommentCaption {
 width: 277px;
 background-color: #4b3939;
 color: #ffffff;
 padding: 3px 7px;
}

.CommentFormTbl th {
 width: 58px;
 padding: 5px 0 4px 8px;
 vertical-align: top;
}

.CommentFormTbl td {
 width: 225px;
 padding: 3px 0 2px 0;
 vertical-align: middle;
}

.CommentForm {
 width: 95%;
}

.CommentFormTbl th.CommentName {
 padding: 9px 0 4px 8px;
}

.CommentFormTbl td.CommentName {
 padding: 8px 0 2px 0;
}

.CommentFormTbl td.CommentBtnTd {
 padding: 3px 0 8px 0;
}

.TrbTitle {
 font-size: 120%;
 color: #9b6545;
 margin: 0 0 6px 0;
}

.DiaryListBack {
 margin: 18px 0 0 0;
}

/* コメント確認画面 */
.CommentConfirmTitle {
 font-size: 150%;
 font-weight: bold;
 padding: 0 0 6px 0;
 margin: 0 0 13px 0;
 border-bottom: 1px dotted #cac6c6;
}

.CommentConfirmTbl {
 width: 353px;
 border-collapse: collapse;
 border: 1px solid #8f8484;
 margin: 0 0 11px 16px;
}

.CommentConfirmTbl th {
 width: 50px;
 color: #ffffff;
 background-color: #4b3939;
 vertical-align: top;
 border-bottom: 1px solid #8f8484;
 padding: 5px 0 5px 6px;
}

.CommentConfirmTbl td {
 width: 276px;
 background-color: #d4d0d0;
 border-bottom: 1px solid #8f8484;
 padding: 5px 9px 5px 12px;
 vertical-align: top;
}

.CommentConfirmBtn {
 margin: 0 0 0 16px;
 word-spacing: 7px;
}

/* コメント完了画面 */
.CommentFinishTitle {
 font-size: 150%;
 font-weight: bold;
 padding: 0 0 6px 0;
 margin: 0 0 13px 0;
 border-bottom: 1px dotted #cac6c6;
}

.CommentFinish {
 margin: 0 0 0 16px;
}

.CommentFinish p {
 margin: 0 0 14px 0;
 line-height: 130%;
 font-size: 120%;
}

.CommentBtn {
 text-align: center;
}

textarea {
font-size: 12px;
}

input {
font-size: 12px;
}

.new {
    display: none;
    color: red;
    font-weight: bold;
}


/******************/
/*   You Choose   */
/******************/
/*2009.07.07*/

#youchoose {
    margin:18px 0 5px;
	border-top: 1px solid #c9c5c5;
	padding: 8px 0 5px;
}

.yc_banner {
 clear: left;
 float: left;
 margin: 7px 0 0;
}

* html .yc_banner {
  margin-bottom: 10px;
}

.yc_whatsNew {
 float: right;
}

.yc_wNewText {
 font-size: 80%;
 width: 296px;
 margin: 9px 0;
}

.yc_wNewText ul {
 margin:0;
}


.information img {
 float: left;
 margin: 0 10px 0 0;
}
.info {
 display: block;
 font-size: 100%;
 font-weight: bold;
 color: #990000;
 float: right;
 width: 590px;
 margin-top: 1px;
}

body:first-of-type .info {
 margin-top: -2px;
}

/* hogehoge \*/
html:\66irst-child .info {
 margin-top: -2px;
}

#comments { margin-top:40px;}
#comments h3 { margin:15px 0 12px 0; border-bottom:1px solid #000; padding-top:15px;}
.comment { border-bottom:1px dotted #000; margin-bottom:15px;}


/*ニュース画像投稿用*/
.alignright { position:static !important;}