@charset "Shift_JIS";

/*----------------------------------------
	body setting
-----------------------------------------*/

body{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 160%;
	color: #333333;
	font-family:
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",
		"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}

#wrapper {
	width: auto;
	margin: 0 0 0 20px;
	padding: 0;
}


/*----------------------------------------
	ヘッダー&ナビ
-----------------------------------------*/


#header{
	width: 100%;
	height: 130px;
	background: url('cmnfix/bg_head.jpg') repeat-x;
}

#header_logo{
	margin: 32px 0 25px 0;
	width: 420px;
	height: 33px;
	float: left;
}

#snav{
	width: 182px;
	height: 35px;
	margin: 55px 0 0 178px;
	float: left;
}

#nav{
	width: 780px;
	height: 40px;
	margin: 0;
	padding: 0;
	float: left;
	overflow:hidden;/*余白を消す*/
}

/*----------------------------------------
	コンテンツ
-----------------------------------------*/

#contents_box{
	width:100%;
	height:auto;
	float:left;
	background:url('cmnfix//bg_line.jpg') repeat-x;
	padding:40px 0 20px 0;
}

#contents{
	width:780px;
	height:auto;
	float:left;
}


/*----------------------------------------
	フッター
-----------------------------------------*/

#footer{
	width:100%;
	height:auto;
	margin: 10px 0 0 0;
	padding: 10px 0 20px 0;
	float: left;
	border-top: #503200 1px solid;
}



/*----------------------------------------
	タイトル（中ページ）
-----------------------------------------*/

#title{
	width:100%;
	height:90px;
	float:left;
	background:url('img/bg_title.jpg') repeat-x;
	padding:20px 0 20px 0;
	overflow:hidden;/*余白を消す*/
}


/*----------------------------------------
	リンク
-----------------------------------------*/

a:link, a:visited {
	color:#503200;
	line-height: 160%;
}

a:hover, a:active {
	color:#996633;
	line-height: 160%;
}


/*----------------------------------------
	リスト
-----------------------------------------*/

ul {
	list-style-image: url('cmnfix/point01.gif');
	vertical-align:middle;
}

li {
	border-bottom:1px #503200 dotted;
	margin-left:-20px;
	padding:5px 0 5px 0;
}


/*----------------------------------------
	Flash背景_透明化
-----------------------------------------*/

* html #top_image { behavior: expression(IEPNGFIX.fix(this)); }



/*----------------------------------------
	default setting
-----------------------------------------*/

/** {
	margin: 0;
	padding: 0;
}*/

strong, p, pre {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

em {
	font-style:normal;
	font-weight:bold;
}

th {
	font-weight: normal;
	text-align: left;
}

img, table {
	border: 0;
}

hr {
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	color: #666666;
	height: 1px
}


/*----------------------------------------
	common setting
-----------------------------------------*/

.clear {
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	clear: right;
}


/*----------------------------------------
	余白
-----------------------------------------*/

.s-top5 {
	margin-top: 5px
}
.s-top10 {
	margin-top: 10px
}
.s-top15 {
	margin-top: 15px
}
.s-top20 {
	margin-top: 20px
}
.s-top30 {
	margin-top: 30px
}
.s-bottom1 {
	margin-bottom: 1px
}
.s-bottom2 {
	margin-bottom: 2px
}
.s-bottom3 {
	margin-bottom: 3px
}
.s-bottom4 {
	margin-bottom: 4px
}
.s-bottom5 {
	margin-bottom: 5px
}
.s-bottom10 {
	margin-bottom: 10px
}
.s-bottom15 {
	margin-bottom: 15px
}
.s-bottom20 {
	margin-bottom: 20px
}
.s-bottom25 {
	margin-bottom: 25px
}
.s-topbottom10 {
	margin:10px 0 10px 0;
}
.s-left15{
	padding-left:15px;
}
.s-right15{
	padding-right:15px;
}
.s-right5{
	padding-right:5px;
}

/*----------------------------------------
	テキスト
-----------------------------------------*/

h1{
	font-weight: bold;
	font-size: 14px;
	color: #503200;
	border-top:1px #503200 dotted;
	border-bottom:1px #503200 dotted;
	padding:12px 0 12px 5px;
	margin:20px 0 15px 0;
}

.font-brown{
	font-size:100%;
	color:#503200;
}

.font-brown2{
	font-size:100%;
	color:#996633;
}

.font-brown-b{
	font-size:100%;
	color:#503200;
	font-weight: bold;
}

.font-brown-b14{
	font-size:14px;
	line-height: 160%;
	color:#503200;
	font-weight: bold;
}

.font-brown-s{
	font-size:10px;
	color:#503200;
	line-height:140%;
	text-align:left
}


.font-red{
	font-size:100%;
	color:#990000;
}

.bold14 {
	font-weight: bold; font-size: 14px; line-height: 160%
}
.bold16 {
	font-weight: bold; font-size: 16px; line-height: 160%
}
.bold18 {
	font-weight: bold; font-size: 18px; line-height: 160%
}

.ssize {
	font-size: 10px; line-height: 160%
}
.msize {
	font-size: 12px; line-height: 160%
}
.lsize {
	font-size: 14px; line-height: 160%
}
.llsize {
	font-size: 16px; line-height: 160%
}

/*------平方メートルとかの記号に使う　m2------*/

.small {
	font-size: 8px; vertical-align: top; line-height: 70%
}
.small02 {
	font-size: 8px; vertical-align: bottom; line-height: 70%
}

/*------行間------*/

.line140 {
	line-height: 140%
}
.line200 {
	line-height: 200%
}


/*----------------------------------------
	テーブルスタイル
-----------------------------------------*/

.t-line01 {
	background:url("cmnfix/dot01.gif") repeat-x bottom;
}

.tdline01 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-bottom: #cccccc 1px solid;
	border-right: #cccccc 1px;
}
.tdline02 {
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: #cccccc;
	border-top-color: #cccccc;
	border-bottom: #cccccc 1px dotted;
	border-right-width: 1px;
	border-right-color: #cccccc
}
.tdline03 {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #cccccc;
	border-left: #cccccc 1px solid;
	border-top-color: #cccccc;
	border-right-width: 1px;
	border-right-color: #cccccc
}
.tdline04 {
	border-right: #cccccc 4px double;
	border-top: #cccccc 4px double;
	border-left: #cccccc 4px double;
	border-bottom: #cccccc 4px double
}