@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);

/* ================================================================ *
	NexasDesign 2008
	共通 CSS

	ナビゲーション、ボタン関係のCSSは[navi.css]にあります。
	※common.css側で【liタグ】なども初期化されているので、必要に応じて削除してください。
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	color : #333333;
	background-color: #007037;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/* デザインに合わせた適切なwidthに変更してください */
.wrap {
	width : 900px;
	margin : 0 auto;
	text-align : left;
}


p {
	line-height : 180%;
}

/* テーブルのborderをシンプルにする場合はコメントアウト */
/*
table {
	border-collapse: collapse;
}
*/

/* サイト全体のリストスタイルを設定します */

li {
	list-style : none;
}


/* 画像のborderを消します */
img {
	border : none;
}

/* aタグ設定 全体を指定する場合はコメントを解除 */

a {
	color : #883402;
}
a:hover {
	color : #ff6600;
}



/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
/* デザインに合わせたheightを指定してください。 */
#header {
	height : 84px;
	background : url(../img/parts/header_bg.jpg) no-repeat;
}

/* デザインに合わせたpaddingを指定してください。 */
#header h1 {
	float : left;
	padding : 0px 0 0 0;
	margin: 0;
}

.headernavi {
	float : right;
	text-align:right;
	width : 400px;
	height: 84px;
	font-size: 12px;
	/*color : #FFFFFF;*/
	text-align: left;
	padding-top: 0px;
	line-height:1;
	background-color: #FFFFFF;
}
.headernavi form {
	margin: 0;
	padding: 0;
}

#keyw {
	width: 140px;
}
/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#content {
	clear:boht;
	margin : 0 0 0px;
	padding : 4px 0 8px 0;
	background-color: #004E24;
	zoom: 100%;
}

#left-area {
	float : left;
	width : 150px;
	padding : 0 0 0px;
	background : url(../img/parts/left_area_bg.jpg) repeat-y 0 0;
}
#left-area-in {
	zoom : 100%;
	padding : 0 0 0 23px;
	background : url(../img/parts/left_area_in.jpg) repeat-y;
}

#right-area {
	float : right;
	width : 750px;
	background-color: #004E24;
}

/*--- left area in ---*/
#left-area dl {
	height: 80px;
	margin: 0 0  5px 10px;
	background: url(../img/parts/subnavi_bottom.gif) no-repeat 0px bottom;
	font-size: 11px;
}
#left-area dl.none {
	background: none;
}
#left-area dt a,
.subnavi1 {
	color: #FFFFFF;
	display: block;
	width: 129px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	margin-bottom: 2px;
}

#left-area dt.subnavi1 a, .subnavi1 {
	background: url(../img/navi/subnavi01.jpg) no-repeat 0 0;
}
#left-area dt.subnavi2 a {
	background: url(../img/navi/subnavi02.jpg) no-repeat 0 0;
}
#left-area dt.subnavi3 a {
	background: url(../img/navi/subnavi03.jpg) no-repeat 0 0;
}
#left-area dt.subnavi4 a {
	height: 48px;
	background: url(../img/navi/subnavi04.jpg) no-repeat 0 0;
}
#left-area dt.subnavi5 a {
	background: url(../img/navi/subnavi05.jpg) no-repeat 0 0;
}

#left-area dt a:hover {
	background-position: 0 -26px;
}
#left-area dt.subnavi4 a:hover {
	background-position: 0 -48px;
}

#left-area dd  {
	background: url(../img/icon/dot01.gif) no-repeat 6px center;
	line-height: 1.4;
}
#left-area dd a {
	color: #FFFFFF;
	padding-left: 16px;
	text-decoration: none;
}
#left-area dd a:hover {
	text-decoration: underline;
}



/*--- Right area in ---*/
#mainvis {
	width: 730px;
	height:429px;
	background-color: #FFFFFF;
/*	border: 2px solid #9C9A9A; */
	border: 1px solid #FFFFFF;
	margin-left: 6px;
}


/*--- Right area Contents in ---*/
#maincont {
	width: 730px;
	zoom: 100%;
	background-color: #FFFFFF;
	margin-left: 6px;	
				min-height: 430px;
				# height: auto !important;  
				#     height: 430px;  
}
.contents-in {
	padding: 20px;
	font-size: 0.9em;
}
.contents-in h2 {
	clear: both;
	border-left: 4px solid #6EAB23;
	margin: 1em 0;
	padding-left: 5px;
}

.contents-in p {
	margin: 1em 0;
	padding-left: 30px;
}



/* -  実績 list - */
ul.imgList1 {
	clear: both;
	margin : 15px 0 0;
	padding-left: 0px;
	background: transparent;
	zoom: 100%;
	line-height:1.4;
	margin: 12px 0;
}
ul.imgList1 li {
	display:block;
	float: left;
	width: 200px;
	height: 100%;
	margin: 0 0px 15px 30px;
	font-size: 0.7em;	
}
ul.imgList1 li a {
	text-decoration: none;
}
ul.imgList1 li.begin {
	clear: left;
}

*html ul.imgList1  {margin: 0 0px 0 -30px;}

ul.imgList1 li img {margin-bottom: 4px;}
ul.imgList1 li em {
	display: block;
	width: 48px;
	float: left;
	margin-right: 4px;
	border: 1px solid #004E24;
	font-size: 10px;
	color:#333333;
	text-align:center;
}
ul.imgList1 li em.rsults1 {
	background-color: #FFFF99;
}
ul.imgList1 li em.rsults2 {
	background-color: #6699FF;
}
ul.imgList1 li em.rsults3 {
	background-color: #33CC66;
}

table.table01 {
    width: 690px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
}

table.table01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    font-size: 0.9em;
}
table.table01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    font-size: 0.9em;
}



/* -  実績詳細 list - */
.cnt-img {
	float : right;
	font-size: 0.7em;
	line-height: 1.5;
	width: 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}
.cnt-img2 {
	font-size: 0.7em;
	line-height: 1.5;
	width: 200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3em;
	margin-left: 20px;
	float: left;
}
.cnt-img img ,
.cnt-img2 img {
	margin-bottom: 3px;
}
.cnt-img a ,
.cnt-img2 a {

}

/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */
/* paddingプロパティ等必要に応じて調節してください。 */
#footer {
	clear : both;
	padding : 3px 0;
}

#footer address {
	font-style : normal;
	margin : 0px 0 0;
	font-size : 12px;
	line-height : 140%;
	color : #FFFFFF;
}
#footer address img {
	margin : 0 10px 0px;
}
#footer .copy {
	clear : both;
	text-align : center;
	font-size : 12px;
	color : #614730;
}

/* -------------------------------------------------------------------
>> contents 2
------------------------------------------------------------------- */
#content2 {
	clear:boht;
	margin : 0px;
	padding : 0;
	background : #FFFFFF url(../img/parts/content2_bg.jpg) repeat-x 0 bottom;

}


/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */



form em {
	font-style:normal;
	font-weight:normal;
	color : #ff3300;
}
.img-left { float : left;
	display:block;
	padding : 0 15px 10px 0;
}
.img-right {
	float : right;
	display:block;
	padding : 0 0 10px 15px;
}
.img-right a {
	display : block;
	float : left;
	margin-bottom : 15px;
	padding : 5px;
	border : 1px solid #dcdfbb;
}
.img-right a:hover {
	border : 1px solid #ca5a1c;
}


.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }


.clear  { clear: both; }

.font-b {
	font-size : 150%;
	font-weight:bold;
}
.inline li {
	display : inline;
	padding : 0 14px 0 0;
}
.inline li.inline-right {
	padding : 0 0 0 0;
}
.att {
	color : #ff3300;
}
.s-font {
	font-size : 70%;
	color : #ff3300;
}

/* 背景がリピートされないなどの場合は指定してください。 */
.clearfix:after,
ul.imgList1:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

.go-top {
	clear:both;
	float : right;
	margin : 0 0 10px 0;
	padding : 4px 0 4px 15px;
	font-size: 0.7em;
}
#left-area-top .go-top {
	margin : 0 0 0 0;
}


/* スクロール設定 */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: -1px;
	top: 0;
	height: 100%;
	background: #ead8bf;
}
.jScrollPaneDrag {
	position: absolute;
	background: #91563e;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


dl.cmd {  
	
}  
.cmd dt {  
	float:left;
	width:100px;
	padding:5px 0 5px 10px;
	clear:both; 
	font-weight:bold;
}  
.cmd dd {
	margin-left:100px;
	padding:5px 5px 5px 10px;
	border-bottom:1px dotted #ccc; 
}  

/* -------------------------------------------------------------------
	From
------------------------------------------------------------------- */



/*----- Table -----*/
.tb01 {
	border:none;
	border-collapse:collapse;
	width: 690px;
	border:1px solid #D9D9D9;
	margin: 10px 0;
}
.tb01 td, .tb01 th {
	padding: 6px 8px;
	border-bottom:1px solid #D9D9D9;
	background: tranceparet;
	font-size: 0.8em;
	text-align: left;
	line-height:1.4;
	/*vertical-align: top;*/
}

	

.tb01 th {
	background-color: #F2F6F6;
	background-color: #EFEFEF;
	border-right: 1px solid #D9D9D9;
	white-space: nowrap;
}

blockquote {
	margin:5px 0 10px 0px;
	padding: 5px 10px;
	font-size: 0.9em;
}
.tb01 input {
	margin: 2px 0;
}


/*----- Table -----*/
.tb02 {
	border:none;
	border-collapse:collapse;
	width: 660px;
	margin: 10px 0 0 30px;
}
.tb02 td, .tb02 th {
	padding: 6px 8px;
	border-bottom:1px solid #D9D9D9;
	background: tranceparet;
	font-size: 1em;
	text-align: left;
	line-height:1.6;
	/*vertical-align: top;*/
}
*html .tb02 td, .tb02 th {font-size: 0.9em;}
	

.tb02 th {
	background-color: #F2F6F6;
	background-color: #EFEFEF;
	border-right: 1px solid #D9D9D9;
	white-space: nowrap;
}


/*----- Reform -----*/
#subnavi {
	font-size: 90%;
	padding-bottom: 5px;
	font-weight: bold;
}

.gotocenter {
	text-align: center;
}