@import url("sys.css");

* { margin: 0;}

/* BASIC ========================================*/

body {
text-align:center;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
padding: 10px;
background-color: #E9E1C8;}
	
body , table , h1 , h2 , h3 , h4 , h5 , h6 {	font-size: 12px;	line-height: 1.5em;}
	
img , a {	border: none;	vertical-align: top;}

ul {	list-style:none;}
li {	list-style:none;}

hr {
	border-top:1px dotted #877745;
	height: 10px;
	padding: 0px;}

.t10-125 {  font-size: 10px; line-height: 1.25em}
.t10-150 {  font-size: 10px; line-height: 1.5em}
.t10-200 {  font-size: 10px; line-height: 2em}
.t11-125 {  font-size: 11px; line-height: 1.25em}
.t11-150 {	font-size: 11px;	line-height: 1.5em;}
.t11-200 {  font-size: 11px; line-height: 2em}
.t12-125 {  font-size: 12px; line-height: 1.25em}
.t12-150 {  font-size: 12px; line-height: 1.5em}
.t12-200 {  font-size: 12px; line-height: 2em}
.t14-125 {  font-size: 14px; line-height: 1.25em}
.t14-150 {  font-size: 14px; line-height: 1.5em}
.t14-200 {  font-size: 14px; line-height: 2em}
.t18-125 {	font-size: 18px;	line-height: 1.25em;}
.t24-125 {	font-size: 24px;	line-height: 1.25em;}

A:link {COLOR: #660000; TEXT-DECORATION: none;}
A:visited {COLOR: #660000; TEXT-DECORATION: none;}
A:hover {COLOR: #FF9900; TEXT-DECORATION: none;}

/* MENU ========================================*/

#menu {	padding: 0px;	margin: 0px; }
#menu a:hover{ background-position: right center;}
#b-00 a { background:url(../img/b0.gif) left center; width:210px; height:28px; display:block; }
#b-01 a { background:url(../img/b1.gif) left center; width:210px; height:28px; display:block; }
#b-02 a { background:url(../img/b2.gif) left center; width:210px; height:28px; display:block; }
#b-03 a { background:url(../img/b3.gif) left center; width:210px; height:28px; display:block; }
#b-04 a { background:url(../img/b4.gif) left center; width:210px; height:28px; display:block; }
#b-05 a { background:url(../img/b8.gif) left center; width:210px; height:28px; display:block; }
#b-06 a { background:url(../img/b5.gif) left center; width:210px; height:28px; display:block; }
#b-07 a { background:url(../img/b9.gif) left center; width:210px; height:28px; display:block; }
#b-08 a { background:url(../img/b6.gif) left center; width:210px; height:28px; display:block; }
#b-09 a { background:url(../img/b7.gif) left center; width:210px; height:28px; display:block; }

/* LAYOUT ========================================*/

#wrapper {
	text-align: left;
	width: 874px;
	margin: 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #514431;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #9E8667;
	background-image: url(../img/bg_01.gif);
	background-repeat: repeat-y;
	background-position: left top;}
	
#container {
	padding: 0px 2px;}
	
#header {
	background-image: url(../img/head_01.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0;}
#header h1 {
	text-align: right;
	background-image: url(../img/header_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 84%;
	line-height: 1.1em;
	padding: 10px 9px 15px 0;
	color: #FFFFFF;}
	
#contents {
	clear:both;
	padding: 15px 20px 0px 20px;}
	
#sidebar {
	float:left;
	text-align: center;
	width:210px;
	padding: 0 0 20px 0;
	font-size: 10px;
	line-height: 1.2em;}
	
#main {
	float:right;
	width:600px;
	padding: 0 0 20px 0;}
	
#main-contents {
	padding: 14px;}
	
#gotop {
	clear:both;
	text-align: right;
	padding: 0;
	background-image: url(../img/gotop_02.gif);
	background-repeat: repeat-x;
	background-position: left top;}

#link {
	background-image: url(../img/bg3.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 10px;}

#footer {
	background-image: url(../img/bg2.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 7px 7px 5px;}
#footer .address {
	font-size: 84%;
	line-height: 1.1em;
	background-image: url(../img/foot03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0px 0px 20px;
	color: #FFFFFF;
	font-weight: normal;}
	
/* PARTS ========================================*/

.p-title {
	background-image:  url(../img/line_title.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 20px;
	margin:0 0 35px 0;}
	

ul#p-menu-footer {
	padding: 25px 0 0 0;}
ul#p-menu-footer li {
	float:left;}

.p-line {
	background-image:  url(../img/line_dot1.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 0px;
	height: 13px;
	font-size: 50%;	line-height: 1em;}

.p-line-b {
	background-image:  url(../img/line_dot2.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 0px;
	height: 36px;
	font-size: 50%;	line-height: 1em;}

.p-notice {
	text-align: center;
	padding: 7px;
	margin-top: 14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;}
	
.p-waku-gray {
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
	margin: 15px 0px 0px;
	padding: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display:block;}
	
.p-waku-brown {
	border: 1px solid #967832;
	padding: 11px 13px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	display:block;}
	
table.p-table {
	margin:10px 0;
	border-top: 1px dotted #9E8667;}
table.p-table td {
	padding:9px;
	border-bottom: 1px dotted #9E8667;}
table.p-table td.ttl {
	color:#FFFFFF;
	text-align:center;
	background-color:	#5586D9;}
table.p-table td.ttl2 {
	text-align:center;
	background-color:	#E9E1C8;
	border-right: 1px dotted #9E8667;}	

.border-gray {
	border: 1px solid #777777;}
	
/* EX ========================================*/

.p-ex-table {}
.p-ex-table th {
	font-size: 11px;
	line-height: 1.25em;
	padding:0 26px 0 0;
	font-weight: normal;
	text-align: left;}
.p-ex-table td {
	font-size: 11px;
	line-height: 1.25em;}
.p-ex-table a img {
	margin: 24px 0 8px 0;
	border: 1px solid #CCCCCC;
	-ms-interpolation-mode:bicubic;}
.p-ex-table a:hover img {
	margin: 24px 0 8px 0;
	border: 1px solid #CC6600;
	-ms-interpolation-mode:bicubic;}

#ex-list {
 width:570px;
	padding:10px 0 0 0;}
#ex-list table {
 float:left;
 width:189px;
 height:205px;
	overflow:hidden;}
#ex-list td {
	font-size: 10px;
	line-height: 1.25em;
	text-align: center;
	vertical-align: bottom;
	padding: 0px 0px 38px;
	font-size: 10px;
	line-height: 1.25em;
	background-image: url(../img/line_ex.gif);
	background-repeat: repeat-x;
	background-position: left bottom;}
#ex-list img {	border: 1px solid #FFFFFF;	margin-bottom: 5px;
-ms-interpolation-mode:bicubic;}
#ex-list a:hover img {	border: 1px solid #FF9900;	margin-bottom: 5px;
-ms-interpolation-mode:bicubic;}

#index-ex-list td {
	font-size: 84%;
	line-height: 1.1em;
	text-align: center;
	padding:5px 0 15px 0;}
#index-ex-list img {	border: 1px solid #FFFFFF;	margin-bottom: 5px;
-ms-interpolation-mode:bicubic;}
#index-ex-list a:hover img {	border: 1px solid #FF9900;	margin-bottom: 5px;
-ms-interpolation-mode:bicubic;}

#index-blog-list {
	padding: 0 0 15px 0;}
#index-blog-list h1 {
	background-image: url(../img/index_10.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACADAE;
	font-weight: normal;
	line-height: 12px;
	padding: 7px 0px 6px 19px;
	line-height: 1.1em;}
#index-blog-list span.time {
	padding:0 10px 0 0;}
#index-blog-list span.new {
	padding:0 10px 0 0;
	font-weight: bold;
	color:#FF0000;}

/* WORKS ========================================*/

.p-works01 td {
	font-weight: bold;
	text-align: center;
	vertical-align: bottom;}
.p-works01 img{
margin: 15px 0px 2px;}

.p-works02 table{
	border: 1px solid #777777;
	margin: 0px 0px 6px;}
.p-works02 td {
	padding:4px 6px;
	line-height: 1.2em;
	font-weight: bold;}