@charset "Shift_JIS";

/**********************************************
 For Declaration of Area
  -HeadArea
  -GlobalNaviArea
  -FootArea
  -MainArea
**********************************************/


/*---------------------------------------------
 Initialization
---------------------------------------------*/
body,
p, blockquote,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, input, textarea,
pre,
table, th, td,
embed, object {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 12px;
	line-height: 22px;
	/*font-family: sans-serif;*/
	background: #eaeaea;
}

/* for IE7.0 */
*:first-child+html body { font-size: 74%; }
/* for other IE */
* html body { font-size: 74%; }

address, em, cite { font-style: normal; }
select, input, textarea { font-size: 12px; }
input { vertical-align: middle; }

hr { display: none; }

img { border: none; }

.clear { clear: both; }

ul {
	list-style: none;
}

ol.decimal {
	padding-left: 25px;
	list-style: decimal;
}

ul.disc {
	padding-left: 20px;
	list-style: disc;
}


/*---------------------------------------------
 Link
---------------------------------------------*/
a:link,
a:visited,
a:hover,
a:active  { color: #086db6; text-decoration: underline; }



/*---------------------------------------------
 HeadArea
---------------------------------------------*/
#HeadArea {
	width: 740px;
	margin: 0 auto;
	background-color: #4363cf;
	border-bottom: 2px solid #bbbbbb;
}
#HeadArea .hd-line {
	float: left;
	width: 558px;
	margin-top: 5px;
	margin-left: 5px;
}
#HeadArea .hd-btn-back {
	float: left;
	margin-top: 3px;
	margin-right: 15px;
}
#HeadArea .hd-logo {
	float: right;
	width: 48px;
}


/*---------------------------------------------
 GlobalNaviArea
---------------------------------------------*/
#GlobalNaviArea {
	position: relative; 
	width: 740px;
	height: 170px;
	margin: 0 auto;
	background: url(../image/gl_bg.jpg) 0 0 no-repeat;
}
#GlobalNaviArea a,
#GlobalNaviArea img {
	display: block;
}
#GlobalNaviArea .gl-num {
	position: absolute;
	top: 104px;
	left: 28px;
	display:none;
}
#GlobalNaviArea .gl-btn-home {
	left: 6px;
    position: absolute;
    top: 150px;
}
#GlobalNaviArea h1.gl-tit {
	position: absolute;
	top: 90px;
	left: 91px;
	display:none;
}
#GlobalNaviArea ul.gl-navi {
	position: absolute;
	bottom: 0;
	right: 0;
}
#GlobalNaviArea ul.gl-navi li {
	float: left;
}


/*---------------------------------------------
 FootArea
---------------------------------------------*/
#FootArea {
	width: 740px;
	margin: 0 auto;
	background-color:#4363cf;
	text-align: center;
}
#FootArea .ft-copy {
	font-size: 10px;
	color: #ffffff;
}


/*---------------------------------------------
 ContentArea
---------------------------------------------*/
#ContentArea {
	width: 682px;
	margin: 0 auto;
	padding: 15px 29px;
	background-color:#ffffff;
}

/* page number */
.page-num {
	text-align: center;
}

/* section */
.section01 {
	margin: 10px 0 40px;
}
.section02 {
	margin-top: 20px;
}

/* head */
h2 {
	width: 740px;
	margin: 0 -29px 20px;
}
h3 {
	margin: 0 0 15px;
}

h4 {
	margin: 0 0 10px;
}

/* layout */
.lyo01 {
	overflow: hidden;
	width: 682px;
	margin:0 0 20px 0;
}

.lyo01.bottomline{
	border-bottom: 2px solid #D4E2ED;
    padding: 0 0 30px;
	margin: 0 0 30px;
}


.lyo01 .lyoTxt {
	overflow: hidden;
	_zoom: 1; /* for ie6 */
}
.lyo01 .lyoImg {
	float: right;
	margin-left: 20px;
	position:relative;
}

.lyo01 .lyoImg span.cap01{
	bottom: 0;
    font-size: 10px;
    left: -280px;
    line-height: 12px;
    position: absolute;
	color: #5d3826;
}



.lyo02 {
	overflow: hidden;
	width: 682px;
}
.lyo02 .lyoTxt {
	overflow: hidden;
	_zoom: 1; /* for ie6 */
}
.lyo02 .lyoImg {
	float: left;
	margin-right: 25px;
}

.lyoImg img {
	display: block;
}

.lyoIrg,
.lyoIrg2 {
	overflow: hidden;
	width: 682px;
	margin:0 0 20px 0;
}
.lyoIrg .fltIrg01,
.lyoIrg .fltIrg02 {
	float: left;
	margin-right: 11px;
}

.lyoIrg .fltIrg01.last,
.lyoIrg .fltIrg02.last {
	margin-right:0;
}


.lyoIrg .fltIrg01 {
	width: 220px;
}
.lyoIrg .fltIrg02 {
	width: 334px;
}
.lyoIrg .fltIrg03 {
	float: left;
	width: 264px;
}

.lyoIrg2 .lyoIrgTxt {
	float: left;
	width: 335px;
}
.lyoIrg2 .lyoIrgImg {
	float: right;
	width: 334px;
}
.lyoIrg2 .fltLft {
	width: 163px;
}
.lyoIrg2 .fltRgt {
	width: 163px;
}

img.font01{
	position: relative;
    top: 1px;
}

p.add01{
	background:#f5f5f5;
	padding:8px 10px;
	margin:10px 0 0 0;
}

/* caption */
.caption {
	display: block;
	margin: 5px 0 5px;
	font-size: 10px;
	line-height: 14px;
	color: #5d3826;
}


/* page2 area */
ul.area {
	overflow: hidden;
	width: 689px;
	margin-right: -7px;
}
ul.area li {
	float: left;
	width: 165px;
	margin-right: 7px;
	margin-bottom: 7px;
}
ul.area li img {
	display: block;
}


p.columbx-tit{
	margin:0 0 0 0;
}

.columbx{
	padding:28px;
	border-bottom:2px solid #e9e9e9;
	border-left:2px solid #e9e9e9;
	border-right:2px solid #e9e9e9;
	margin:0 0 20px 0;
}

.columbx p.tit{
	margin:0 0 10px 0;
}

.columbx p.txt{
	line-height: 18px;
}

.columbx p.pic{
	float:right;
	margin:0 0 0 20px;
	position:relative;
}

.columbx p.pic2{
	float:right;
	margin:0 0 0 10px;
	position:relative;
}

.columbx p.pic3{
	float:left;
	margin:0 10px 0 0 ;
	position:relative;
}

.columbx p.pic3.last{
	float:left;
	margin:0 0 0 0;
	position:relative;
}

.columbx p.pic span.cap01,
.columbx p.pic2 span.cap01,
.columbx p.pic3 span.cap01{
	bottom: 0;
    font-size: 10px;
    left: -205px;
    line-height: 12px;
    position: absolute;
	color:#6598b0;
	display:block;
}

.columbx p.pic span.cap02,
.columbx p.pic2 span.cap02,
.columbx p.pic3 span.cap02{
    font-size: 10px;
    line-height: 12px;
	color:#6598b0;
	margin: 5px 0 0;
	display:block;
}



/* page3 kind */
.kind {
	overflow: hidden;
	width: 698px;
	margin-right: -16px;
}
.kind .kindLst {
	float: left;
	width: 333px;
	margin-top: 15px;
	margin-right: 16px;
	padding-bottom: 20px;
	background: url(../image/p3_kind_bg.gif) 0 100% no-repeat;
}
.kind .kindLst p {
	overflow: hidden;
	width: 291px;
	padding: 0 21px;
}
.kind .kindLst .kindTit {
	padding-top: 17px;
	background: url(../image/p3_kind_top.gif) 0 0 no-repeat;
}
.kind .kindLst .kindImg {
	float: left;
	width: 136px;
}
.kind .kindLst p span {
	float: right;
	width: 145px;
	font-size: 10px;
	line-height: 14px;
}


/* page4 project */
ul.project {
	overflow: hidden;
	width: 682px;
	margin-top: 20px;
}
ul.project li {
	float: left;
	width: 209px;
}
ul.project li.arr01 {
	padding-right: 27px;
	background: url(../image/p4_prj_arr01.gif) 100% 69px no-repeat;
}
ul.project li.arr02 {
	padding-bottom: 23px;
	background: url(../image/p4_prj_arr02.gif) 50% 100% no-repeat;
}
ul.project li.arr03 {
	padding-left: 27px;
	background: url(../image/p4_prj_arr03.gif) 0 69px no-repeat;
}




/* page navi */
.page-top{
	margin-top: 60px;
	text-align: center;
}
.page-navi{
	margin-top: 15px;
	text-align: center;
}


/*---------------------------------------------
 Almighty
---------------------------------------------*/
/*-- text -------------------- */
.txtS { }
.txtL { }

/*-- float -------------------- */
.fltLft { float:  left; }
.fltRgt { float: right; }

/*-- text-align -------------------- */
.txtLft { text-align:   left; }
.txtRgt { text-align:  right; }
.txtCnt { text-align: center; }

/*-- width -------------------- */
.w100 { width: 100px; }
.w200 { width: 200px; }
.w300 { width: 300px; }
.w400 { width: 400px; }

/*-- margin padding -------------------- */
.mgT05 { margin-top:  5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }

.pdT05 { padding-top:  5px; }
.pdT10 { padding-top: 10px; }
.pdT20 { padding-top: 20px; }
.pdT30 { padding-top: 30px; }
.pdT40 { padding-top: 40px; }



/*=============================================
 clearFix
=============================================*/
.clearFix:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/* ---- for IE7 and Mac ---- */
.clearFix {
	display: inline-block;
	min-height: 1%;
	/* escape MacIE5 \*/
	display: block;
	/* escape MacIE5 */
}

/* ---- for IE5 IE6... ---- */
/* escape MacIE5 \*/
* html .clearFix {
	height: 1%;
}
/* escape MacIE5 */