/*body style*/
 body {
	background-color: #000043;
	margin-top: -5px;
	margin-bottom: 0px;
}
 #my_main{
	width : 880px;
	margin-left :auto;
	margin-right:auto;
	font-size:0.8em;
	line-height: 1.6em;
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGOTHIC";
	background-color: #FFFFFF;
}
 #header {
	width : 100%;
	height : 20px;
	text-align:right;
	margin-bottom: 10px;
}
#contents{
	width : 880px;
	height : 30px;
	float: left;
}
#footer {
	width: 880px;
	height : 30px;
	font-size: 70%;
	background-color: #CCCCCC;
	padding: 5px;
	float: left;
	}
#copyright {
	height : 50px;
	text-align:right;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 10px;
}
 #body { width : 100% ; }
#up {
	width : 100%;
	height : 60px;
	text-align:left;
	margin-bottom: 15px;
	background-image: url(body/top_logo.jpg);
}
 /*=======indexページ=======*/
.indexpage {
	float : left;
	width : 880px;
	height: 250px;
	}
 /*=======施工実例=======*/
.j_index {
	float : left;
	margin-left: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	width: 280px;
	}
 
  /*=======左右BOX=======*/

.box_right {
	float : right;
	}
.box_right3 {
	float : right;
	margin: 3px;
	}
.box_left {
	float : left;
	}
.box_left3 {
	float : left;
	margin: 3px;
	}
  /*=======ページ=======*/
.page {
	float : left;
	width : 640px;
	background-color: #FFFFFF;
	position: relative;
	color: #333333;
	margin-top: 15px;
	height: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	}
.page dl {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #000000;
	}
.page dt {
	font-size: 130%;
	color: #000033;
	font-weight: lighter;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height: 130%;
	background-image: url(body/titleback.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 610px;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 18px;
	padding-left: 5px;
	background-position: bottom;
}
.page dd {
	position:relative;
	left:1.8em;
	border-width: 0px;
	margin:0px;
	z-index:1;
	width:95%;
	top: 0.4em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
 .Bword_infomation {
	width : 185px;
	background-color: #FFFFFF;
	color: #000033;
	height: auto;
	margin: 5px;
	float: right;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: bold;
	padding: 2px;
	border-top-color: #C5B195;
	border-right-color: #C5B195;
	border-bottom-color: #C5B195;
	border-left-color: #C5B195;
 }
  /*=======旧ページ=======*/
.page_title {
	color: #000043;
	font-size: 130%;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGOTHIC";
	line-height: 130%;
	margin-bottom: 20px;
	width: 620px;
	background-image: url(body/titleback.jpg);
	background-repeat: no-repeat;
	height: 45px;
}
.page_word {
	float : right;
	padding: 5px;
	width: 610px;
	}
.page_ blue {
	float : left;
	width : 630px;
	padding: 10px;
	background-color: #c8eafc;
	position: relative;
	height: auto;
	color: #666666;
	}
.left_box {
	float : left;
	width: 230px;
	}
.right_box {
	float : right;
	width: 390px;
	margin-bottom: 20px;
	}
	/*======ページ　2分割／右160=======*/
.page_left {
	float : left;
	width: 460px;
	padding-top: 20px;
	}
.page_right {
	float :right;
	width: 229px;
	margin-left: 15px;
	}
/*======ページ　2分割／左230=======*/
.page2_right {
	float : right;
	width: 390px;
	}
.page2_left {
	float :left;
	width: 230px;
	}

/*======リスト=======*/
ul.list{
	width: auto;
	height:auto;
	padding: 3px;
	text-align: left;
	border-color:#FFFFFF;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}

ul.list li{
    list-style:square;
	border-color:#FFFFFF;
	}
	/*=======施工事例=======*/
.build_box {
	width: 190px;
	height: 250px;
	float: left;
	color: #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 5px;
	background-color: #FFFFFF;
	padding: 2px;
	font-size: 0.8em;
	line-height: 1.1em;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
    }
.build_boxphoto {
	width:190px;
	height: 190px;
	float: left;
	text-align: center;
    }
.build_yoko250_right {
	width: 250px;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
    }
.build_yoko250_left {
	width: 250px;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
    }
.build_wordtittle {
	width: 100%;
	height: 35px;
	float: left;
	border-bottom-color: #669900;
	font-weight: normal;
	color: #000043;
	}
.build_under {
	width:80px;
	height: 100px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
    }
/*=======コンテンツ=======*/
 .left {
	float : right;
	width : 210px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFFFFF;
	}
/*=======index_Java=======*/
.index_Java{
	width : 630px;
	margin-left :auto;
	margin-right:auto;
}
/*======event=======*/
.event_infomation {
	float : right;
	padding: 5px;
	width: 600px;
	line-height: 2em;
	}
.event_word {
	float : left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 280px;
	}
.event_box {
	border:1px solid #666666;
	float :  right;
	width: 600px;
	height: auto;
	padding: 10px;
	background-position: center;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 20px;
	}
.event_photo {
	float : right;
	width : 320px;
	height: auto;
	margin-left: 5px;
	}
.event_box_year {
	float :  right;
	width: 600px;
	height: auto;
	background-color: #CCCCCC;
	padding: 0px;
	background-position: center;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
.event_box_yokoku {
	float :  right;
	width: 600px;
	height: auto;
	background-color: #DBF0EB;
	padding: 5px;
	background-position: center;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
/*======イベント_1ページごと写真=======*/
.e_house_photounder {
	float : left;
	width: 630px;
	clear: both;
	}
.e_house_smallphoto {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	}
.e_house_photo100_tate {
	width: 68px;
	height: 90px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	}
.e_house_photo100_yoko {
	width: 90px;
	height: 68px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	}
.e_house_photo450_tate {
	float : left;
	height: 450px;
	clear: both;
	width: 338px;
	margin-bottom: 15px;
	}
.e_house_photo450_yoko {
	float : left;
	width: 450px;
	clear: both;
	height: 450px;
	margin-bottom: 15px;
	}
.e_house_photo450_yoko_underwords {
	float : left;
	width: 450px;
	clear: both;
	margin-bottom: 15px;
	height: auto;
	}

.e_house_word_yoko {
	float : left;
	width: 160px;
	height: 300px;
	color: #333333;
	font-size:　90%;
	line-height: 140%;
	margin-left: 10px;
	margin-bottom: 15px;
	}
.e_house_word_tate {
	float : left;
	width: 275px;
	height: 450px;
	color: #333333;
	font-size:　90%;
	line-height: 120%;
	margin-left: 10px;
	margin-bottom: 15px;
	}
.e_house_yajirushi {
	float : left;
	width: 630px;
	background-color: #FFFFFF;
	height: 35px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-bottom: 10px;
	}
.e_house_word_under {
	float : left;
	width: 630px;
	color: #333333;
	margin-bottom: 10px;
	}
.e_house_sekei {
	float : left;
	width: 630px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-left: 20px;
	}
/*======LINK=======*/
.link {
	float : left;
	width: 460px;
	padding-top: 10px;
	height: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
	}
	
/*======お客様のページ=======*/
.client {
	float : left;
	width: 620px;
	height: auto;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 10px;
	}
.client_photo100 {
	float : left;
	width: 100px;
	height: 100px;
	padding: 5px;
	}
.client_word {
	float : left;
	width: 500px;
	height: auto;
	padding: 5px;
	}
.client_map {
	float : left;
	width: 630px;
	height: auto;
	padding: 5px;
	margin-top: 20px;
	}
/*======過去の掲載雑誌=======*/
.magazine {
	float : left;
	width: 110px;
	height:180px;
	background-color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
	}
.magazine_photo100 {
	float : left;
	width: 76px;
	height: 103px;
	clear: both;
	padding-bottom: 5px;
	padding-left: 16px;
	}
.magazine_word {
	width: 110px;
	height: auto;
	color: #333333;
	font-size: 90%;
	font-weight: normal;
	float: left;
	text-align: left;
	}
	
/*======掲載雑誌各ページ=======*/
.magazine01 {
	float : left;
	width: 630px;
	clear: both;
	margin-top: 20px;
	}
.magazine01_hyoshi {
	float : left;
	width: 200px;
	clear: both;
	padding-left: 30px;
	margin-right: 15px;
	}
.magazine01_word {
	width: 420px;
	height: 290px;
	color: #333333;
	font-size: 90%;
	font-weight: normal;
	float: left;
	text-align: left;
	}
/*======build=======*/
.build {
	width: 650px;
	height: 120px;
	clear: both;
	}
.build_menu {
	float : left;
	width: 80px;
	margin-right: 30px;
	}
/*======パッシブ=======*/
.passive {
	float : left;
	width: 610px;
	}
.passive_poto {
	float : left;
	width: 400px;
	margin-right: 10px;
	}
.passive_word {
	float : left;
	width: 200px;
	}
/*============textsizer_折りたたみメニュー============*/
#textsizer_{
	float : left;
	width: 630px;
	clear: both;
	margin-top: 20px;
	}

/*============アクセス解析タグ============*/
 .access	{
}

/*============FONT============*/
h1{
	color: #999999;
	font-size: 70%;
}
h2{
	color: #DBDBDB;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
}
h3{
	color: #666666;
	font-size: 120%;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
}
strong {
	font-weight: lighter;
	color: #000000;
}
.style1 {
	color: #FFFFFF;
	font-size: 80%;
}
.style2 {
	color: #000066;
	font-size: 1.4em;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGOTHIC";
	line-height: 120%;
}
.style3 {
	color: red;
}
.style4 {
	color: black;
}
.style5 {
	color: black;
	font-size: 80%;
	}
.style6 {
	color: #000066;
}
.style9 {
font-size: 0.7em; 
}
.style_small {
	color: black;
	font-size: 70%;
	}

.style_middle {
	color: black;
	font-size: 100%;
	}

.style_big {
	color: #9a2727;
	font-size: 130%;
	line-height: 110%;
	}

/*============LINK============*/
 a:link	{
color: #1984df;
text-decoration : none ;
}
 a:visited {
 color : #555555 ;
 text-decoration : none ;
}
 a:hover {
 color : red ;
}