@charset "utf-8";
/* ------------------------
	main
------------------------ */
#main {
	background-image: url(../img/build/construction/common/main_bg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 939px;
}

/* main_inner */
#main_inner {
	background-image: url(../img/build/construction/common/main_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 939px;
	overflow: hidden;
}

.wide #main {
	background-image: url(../img/common/main_bg02.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 939px;
}

/* main_inner */
.wide #main_inner {
	background-image: url(../img/common/main_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 939px;
	overflow: hidden;
}

/* ------------------------
	flash
------------------------ */
#flash {
	height: 484px;
	width: 933px;
	padding-left: 3px;
}

/* ------------------------
	index
------------------------ */
#index {
	background-image: url(../img/build/construction/index/bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 933px;
	margin-left: 3px;
	overflow: hidden;
}

#index ul.menu {
	padding-top: 27px;
	padding-left: 13px;
}
#index ul.menu li {
	float: left;
	background-image: url(../img/build/construction/index/topmenu_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 9px;
	padding-bottom: 6px;
	padding-right: 15px;
}
#index ul.menu li.end {
	padding-right: 0px;
}
#index ul.photo {
	padding-left: 37px;
}
#index ul.photo li {
	float: left;
	padding-right: 63px;
	padding-bottom: 38px;
}
#index ul.photo li.end {
	padding-right: 0px;
}

#index .info {
	height: 106px;
	width: 680px;
	background-image: url(../img/build/construction/index/bg02.gif);
	background-position: 39px 11px;
	padding-left: 39px;
	background-repeat: no-repeat;
	position: static;
	float: left;
  padding-bottom: 20px;
}
#index .info p {
	position: absolute;
	padding-left: 18px;
}
#index .info dl {}
#index .info dt {
	position: absolute;
	font-size: 12px;
	line-height: 18px;
	color: #666;
	padding-top: 35px;
	padding-left: 31px;
	width: 413px;
}
#index .info dd {
	position: absolute;
	padding-top: 16px;
	padding-left: 455px;
}
#index .pagenavi {
	width: 180px;
	float: right;
	padding-right: 20px;
	padding-top: 40px;
}

/* ------------------------
	submenu
------------------------ */
#submenu {
	width: 933px;
	margin-left: 3px;
	height: 67px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#submenu ul {
	height: 67px;
	width: 933px;
	overflow: hidden;
}
#submenu li {
	float: left;
}

/* ------------------------
	side
------------------------ */
#side {
	float: left;
	width: 201px;
	padding-left: 15px;
	padding-top: 16px;
	padding-bottom: 80px;
	background-image: url(../img/build/construction/common/side_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/* menu */
#side ul.menu {
	margin-bottom: 16px;
	padding-bottom: 18px;
	background-image: url(../img/build/construction/common/side_bg02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#side ul.menu li {
	padding-bottom: 10px;
	background-image: url(../img/build/construction/common/side_bg01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 7px;
}
#side ul.menu li.top {
	padding-bottom: 7px;
	background-image: url(../img/build/construction/common/side_bg04.gif);
	margin-bottom: 16px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
#side ul.menu li.end {
	padding-bottom: 0px;
	background-image: none;
	margin-bottom: 0px;
}

/* submenu */
#side ul.submenu {
}
#side ul.submenu li {
	padding-bottom: 5px;
	background-image: url(../img/build/construction/common/side_bg03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 12px;
}

/* ------------------------
	contents
------------------------ */
#contents {
	float: left;
	width: 720px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(../img/build/construction/common/contents_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contents p {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
#contents h2 {
	background-image: url(../img/build/construction/common/h2_bg2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 9px;
	clear: both;
}

/* ------------------------
	heart
------------------------ */
#heart {
	width: 692px;
	padding-left: 14px;
	padding-top: 18px;
}
#heart h2 {
	background-image: url(../img/build/construction/common/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 12px;
	padding-bottom: 6px;
	clear: both;
}
#heart h3 {
	padding-bottom: 15px;
	padding-left: 10px;
}

/* box02 */
#heart #box02 .point {
	background-image: url(../img/build/construction/heart/bg01.gif);
	background-position: 17px top;
	height: 124px;
	width: 261px;
	padding-left: 17px;
	background-repeat: no-repeat;
}
#heart #box02 .point ul {
	padding-top: 39px;
	padding-left: 35px;
}
#heart #box02 .point li {
	font-size: 12px;
	line-height: 24px;
	color: #666;
}

/* ------------------------
	skill
------------------------ */
#skill {
	width: 692px;
	padding-left: 14px;
	padding-top: 18px;
}
#skill h2 {
	background-image: url(../img/build/construction/common/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 12px;
	padding-bottom: 6px;
	clear: both;
}
#skill h3 {
	padding-bottom: 15px;
	padding-left: 10px;
}

/* box06 */
#skill #box06 {}
#skill #box06 p span {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #005B32;
}

/* box07 */
#skill #box07 {
	background-image: url(../img/build/construction/skill/bg01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 471px;
	width: 690px;
	margin-left: 1px;
	position: static;
}
#skill #box07 h3 {
	float: left;
	text-indent: -9999px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#skill #box07 p {
	position: absolute;
	font-size: 10px;
	line-height: 15px;
}
#skill #box07 p.t1 {
	padding-top: 288px;
	padding-left: 11px;
	width: 100px;
}
#skill #box07 p.t2 {
	width: 100px;
	padding-top: 185px;
	padding-left: 153px;
}
#skill #box07 p.t3 {
	padding-top: 394px;
	padding-left: 150px;
	width: 100px;
}
#skill #box07 p.t4 {
	width: 100px;
	padding-left: 286px;
	padding-top: 288px;
}
#skill #box07 p.t5 {
	width: 105px;
	padding-left: 428px;
	padding-top: 394px;
}

/* ------------------------
	bear
------------------------ */
#bear {
	width: 692px;
	padding-left: 14px;
	padding-top: 18px;
}
#bear h2 {
	background-image: url(../img/build/construction/common/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 12px;
	padding-bottom: 6px;
	clear: both;
}
#bear h3 {
	padding-bottom: 15px;
	padding-left: 10px;
}
#bear .base {
	clear: both;
	height: 398px;
	background-image: url(../img/build/construction/bear/bg01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 668px;
	overflow: hidden;
	margin-left: 10px;
}
#bear .base h4 {
	padding-bottom: 16px;
}
#bear .base dl.box1 {
	background-image: url(../img/build/construction/bear/bg02.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 144px;
	width: 268px;
	padding-left: 39px;
	float: left;
	margin-bottom: 17px;
}
#bear .base dl.box1 dd,
#bear .base dl.box2 dd,
#bear .base dl.box3 dd,
#bear .base dl.box4 dd {
	color: #666;
	width: 225px;
	padding-top: 16px;
	padding-left: 18px;
	font-size: 12px;
	line-height: 18px;
}
#bear .base dl.box2 {
	background-image: url(../img/build/construction/bear/bg03.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 144px;
	width: 268px;
	float: left;
	padding-left: 40px;
	margin-bottom: 17px;
}
#bear .base dl.box3 {
	height: 144px;
	width: 268px;
	float: left;
	background-image: url(../img/build/construction/bear/bg04.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-left: 39px;
	margin-bottom: 17px;
}
#bear .base dl.box4 {
	background-image: url(../img/build/construction/bear/bg05.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 144px;
	width: 268px;
	float: left;
	margin-bottom: 17px;
	padding-left: 40px;
}
#bear #box02 {}
#bear #box02 .left {
	float: left;
	width: 374px;
	padding-left: 10px;
}
#bear #box02 .right {
	float: left;
	width: 298px;
}
#bear #box02 .sample {
	background-image: url(../img/build/construction/bear/img33.jpg);
	background-repeat: no-repeat;
	background-position: left 16px;
	width: 374px;
  margin: 0 0 0 10px;
	overflow: hidden;
}
#bear #box02 .sample dt {
	font-size: 10px;
	line-height: 15px;
	float: left;
	height: 15px;
	width: 194px;
	color: #666;
}
#bear #box02 .sample dd {
	font-size: 10px;
	line-height: 15px;
	color: #666;
	float: left;
	height: 15px;
	width: 157px;
}
#bear #box02 .sample p {
	clear: both;
	font-size: 10px;
	line-height: 14px;
	padding: 145px 20px 0 0;
	width: 157px;
	float: right;
}
#bear #box02 .alert {
	border: 1px solid #d60011;
	padding: 5px;
	width: 364px;
	margin-top: 15px;
}
#bear #box02 .alert p {
	color: #d60011;
}
#bear #box02 p.small,
#bear #box03 p.small {
	font-size: 10px;
	line-height: 14px;
}
#bear #box09 {
	width: 692px;
	overflow: hidden;
}
#bear #box09 p {
	font-size: 10px;
	line-height: 15px;
}
#bear #box11 ul {
	background-image: url(../img/build/construction/bear/bg06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 144px;
	width: 290px;
	padding-top: 61px;
	padding-left: 74px;
}
#bear #box11 li {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
#bear #box13 dl,
#bear #box14 dl {
	overflow: hidden;
	width: 310px;
}
#bear #box13 dt,
#bear #box14 dt {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;

}
#bear #box13 dd,
#bear #box14 dd {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
#bear #box13 dd span,
#bear #box14 dd span {
	font-size: 12px;
	line-height: 18px;
	color: #795749;
	font-weight: bold;
}
#bear #box16 dl,
#bear #box17 dl {
	width: 330px;
}
#bear #box16 dt,
#bear #box17 dt {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #654b46;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#bear #box16 dd,
#bear #box17 dd {
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
#bear #box17 .more {
	clear: both;
	background-image: url(../img/build/construction/bear/bg07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 151px;
	width: 614px;
	margin-left: 16px;
	padding-top: 33px;
	padding-left: 44px;
}
#bear #box17 .more dl {
	float: left;
	width: 260px;
}
#bear #box17 .more dt {
}
#bear #box17 .more dd {
}

/* ------------------------
	pagenavi
------------------------ */
#pagenavi {
	clear: both;
	padding-top: 30px;
	width: 692px;
	overflow: hidden;
}
#pagenavi ul {
	padding-top: 20px;
	background-image: url(../img/build/construction/common/hr01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 692px;
	height: 48px;
	overflow: hidden;
	padding-bottom: 30px;
}
#pagenavi li {
	float: right;
}

.pulas {
  clear: both; 
  padding: 15px 0 25px 40px;
}

/* ------------------------
	汎用クラス
------------------------ */
.left {float:left;}
.right {float:right;}

.pr2 {padding-right:2px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
*html .pr10 {padding-right:0px;}
.pr15 {padding-right:15px;}
.pr25 {padding-right:25px;}
.pr40 {padding-right:40px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pb10 {padding-bottom:10px;}
.pb25 {padding-bottom:27px;}
.pb20 {padding-bottom:20px;}
.pl4 {padding-left:4px;}
.pl10 {padding-left:10px;}
.pl35 {padding-left:35px;}
.pl-40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.ptrb10 {padding:10px;}

.ml10 {margin-left:10px;}

.w160 {width:160px;}
.w190 {width:190px;}
.w310 {width:300px;}
.w310 {width:310px;}
.w320 {width:320px;}
.w330 {width:330px;}
.w340 {width:340px;}
.w350 {width:350px;}
.w360 {width:357px;}

.dotb {
	background-image: url(../img/build/construction/common/hr01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

p.page_top {
	padding-bottom: 5px;
	text-align: right;
	clear: both;
}
p.home_btn {
	text-align: right;
}

.right_box {
  float:right;
  padding: 0 4px 0 0;
}

object,embed {
	vertical-align:top;
}

.center_text {
  text-align: center;
}

.prout {
  padding: 0 0 0 17px;
}

