@charset "utf-8";
/* CSS Document */

#contents_wrapper {
	background:url(../../about/img/contents_bg.jpg) 50% 0 no-repeat;
}
h2 {
	width:900px;
	margin:0 auto;
	padding:18px 0 45px 0;
}
#contents {
	width:900px;
	margin:0 auto;
	overflow:auto;
}
/* ------------------------------
	left
------------------------------*/

#con_left {
	float:left;
	width:240px;
	padding:0 30px 0 0;
}
/* exp */

#exp_link {
	margin:15px 0 0 0;
	text-align:center;
	font-size:0px;/* IE6ホワイトスペースバグ回避 */
}
#exp_link li a {
	display:inline-block;
	width:228px;
	height:78px;
}
/* ------------------------------
	right
------------------------------*/

#con_right {
	float:left;
	width:630px;
}
#sentence_wrapper {
	padding:20px 20px 0;
	background:url(../../about/img/sentence_bg.gif) 0 0 repeat-x;
	wdith:590px;
	_height:153px;/* cssハック IE6だけ反映 (個人的には非推奨) */
}
#sentence {
	overflow:hidden;
}
h4 {
	margin:35px 0 10px 0;
}
h4.first {
	margin:0;
}
h4.first_title {
    background: url("../img/h4_first_title.gif") no-repeat scroll 0 0 transparent;
    clear: both;
    font-weight: bold;
    height: 32px;
    line-height: 32px;
    margin: 0.5em auto;
    padding-left: 8px;
    width: 590px;
	color: #FFF;
	font-size: 14px;
}
h5 {
	background:url(../img/h5_arrow.gif) 0 35% no-repeat;
	margin:15px 0 3px 2px;
	padding:0 0 0 20px;
	color:#416841;
	font-size:1.15em;
}
#sentence_wrapper p {
	margin:0.3em 7px 1em 7px;
}
.frame {
	padding:2px;
	border:solid 1px #999999;
}
#sentence .center {
	text-align:center;
}
/* ------------------------------
	htmlタグ
------------------------------*/
ol {
	list-style-type:square;
	padding:0 0 0 20px;
}
ol.decimal{
	list-style-type:decimal;
	padding:0 0 0 24px;
	margin:0;
}
ol.decimal ol{
	list-style-type:lower-roman;
	padding:0 0 0 15px;
	margin:0;
}


/* ----------- test -----------------*/

table.border{
	border:#690 2px solid;
	border-collapse:collapse;

}

table.border tr th{
	border:#690 1px solid;
	font-weight:bold;
	background-color:#F5FFD2;
	vertical-align:top;
	padding:5px;
}

table.border tr td{
	border:#690 1px solid;
	padding:5px;
}

.deco_green{
	background:#F7FFF8;
	border:#D9EFD3 solid 2px;
	padding:10px 15px;
	margin:0 6px;
	
}
.deco_green li{
	margin:0 0 0 18px;
}
a.pdf{
	display:inline-block;
	background:url(../img/icon_pdf.gif) 0 50% no-repeat;
	padding:8px 0 8px 30px;
	margin:5px;
}

table.borderless,
table.borderless td,
table.borderless th{
	border:none;
}

table.borderless td{
	vertical-align:top;
}

.less_table {
	width:588px;
	margin:1em 0px;
	border:1px solid #d6d4c5;
	border-collapse:collapse;
	border-spacing:0;
}
.less_table td{
	border-bottom:1px solid #d6d4c5;
	padding:0.5ex 1ex;
}


.deco_table_eco {
	width:588px;
	margin:0.5em 0 0.5em 0;
	/*border:1px solid #d6d4c5;*/
	border-collapse:collapse;
	border-spacing:0;
}
#contents .deco_table_eco thead th {
	background:#F2FCF1;
	color:#7aa125;
	text-align:center;
}
#contents .deco_table_eco th {
	border-bottom:1px solid #C4E1C4;
	border-right:4px solid #C4E1C4;
	text-align:center;
	padding:0.5ex 1ex;
	background:#F2FCF1;
	color:#3E7E17;
	white-space:nowrap;
}
.deco_table_eco td {
	border-bottom:1px dotted #d6d4c5;
	padding:0.5ex 1ex;
	background:#ffffff;
	color:#333333;
}

.green{
	background:#F8FEF8;
}

#con_left{
	z-index:1;
}

#photos img{
	z-index:100;
}

#btn_send{
	background:url(../../contact/img/btn_send.gif) left top no-repeat;
	cursor:pointer;
    border: 0px;
    width: 92px;
    height: 34px;
}
#btn_send:hover{
	background:url(../../contact/img/btn_send_on.gif) left top no-repeat;
}
#btn_cancel{
	background:url(../../contact/img/btn_cancel.gif) left top no-repeat;
	cursor:pointer;
    border: 0px;
    width: 92px;
    height: 34px;
}
#btn_cancel:hover{
	background:url(../../contact/img/btn_cancel_on.gif) left top no-repeat;
}
.text_bg{
	background:url(../../contact/img/text_bar.gif) left 0px no-repeat;
	height:26px;
	width:256px;
	border:none;
	padding:0px 36px 0px 8px;
	_padding:6px 36px 0px 8px;
}
.area_bg{
	background:url(../../contact/img/textarea_bg.gif) left top no-repeat;
	width:270px;
	height:214px;
	border:none;
	padding:10px 36px 0px 8px;
}


.info_group{
	margin-bottom:20px;
}

.info_group a{
	margin: 0 5px;
}

.info_group .info_contents{
	margin-left:40px;
}
#sentence_wrapper .info_group .info_contents ol{
	margin-left:10px;
}

dl dt{
	font-weight:bold;
}

dl dd{
	padding:0 0 0 20px;
	margin:0 0 15px 0;
}