/* 全体の設定*/
body{
    margin:0px;
    padding:0px;
    font-family: sans-serif;
    color:#000000;
	background-image : url(img/back.gif);
    background-color:#E8E8E8;
}
#main{
	width:800px;
	margin: 0px auto;
	padding: 0;
    background-color:#ffffff;
}

/* ----- ヘッダー -----*/
/* トップ  */
#top-syasin {height: 350px; margin: 0; padding: 0;
	background-image : url(img/title-top.jpg);
	background-repeat: no-repeat; 	
}
.top-title {position: relative; top: 15px; left: 20px; font-size: 36px; color:#666666; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.top-msg {position: relative; top: 15px; left: 40px;  font-size: 20px; color:#666666; font-weight: 700;line-height: 180%;}
.top-counter {position: relative; top: 310px; left: 100px;}


/* プロファイル */
#profile-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-profile.jpg);
	background-repeat: no-repeat; 	
}
.profile-title {position: relative; top: 250px; left: 30px; font-size: 36px; color:#333333; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.profile-msg {position: relative; top: 290px; left: -150px;  font-size: 20px; color:#333333; font-weight: 700;line-height: 180%;}

/* 作品 */
#works-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-works.jpg);
	background-repeat: no-repeat; 	
}
.works-title {position: relative; top: 15px; left: 250px; font-size: 36px; color:#333333; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.works-msg {position: relative; top: 60px; left: 100px;  font-size: 20px; color:#333333; font-weight: 700;line-height: 180%;}

/* ニュース */
#news-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-news.jpg);
	background-repeat: no-repeat; 	
}
.news-title {position: relative; top: 80px; left: 50px; font-size: 36px; color:#FFFFFF; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.news-msg {position: relative; top: 270px; left: -160px;  text-align: left; font-size: 20px; color:#FFFFFF; font-weight: 700;line-height: 180%;}

/* 設計費 */
#hiyo-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-hiyo.jpg);
	background-repeat: no-repeat; 	
}
.hiyo-title {position: relative; top: 15px; left: 20px; font-size: 36px; color:#666666; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.hiyo-msg {position: relative; top: 15px; left: 40px;  font-size: 20px; color:#666666; font-weight: 700;line-height: 180%;}

/* アドレス */
#adress-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-adress.jpg);
	background-repeat: no-repeat; 	
}
.adress-title {position: relative; top: 15px; left: 250px; font-size: 36px; color:#333333; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.adress-msg {position: relative; top: 60px; left: 100px;  font-size: 20px; color:#333333; font-weight: 700;line-height: 180%;}

/* リンク */
#links-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-links.jpg);
	background-repeat: no-repeat; 	
}
.links-title {position: relative; top: 255px; left: 30px; font-size: 36px; color:#333333; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.links-msg {position: relative; top: 290px; left: -150px;  font-size: 20px; color:#333333; font-weight: 700;line-height: 180%;}

/* コンタクト */
#contact-syasin {height: 350px; margin: 0 auto; padding: 0;
	background-image : url(img/title-contact.jpg);
	background-repeat: no-repeat; 	
}
.contact-title {position: relative; top: 255px; left: 30px; font-size: 36px; color:#333333; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.contact-msg {position: relative; top: 290px; left: -150px;  font-size: 20px; color:#333333; font-weight: 700;line-height: 180%;}


/* h1 ,h2 */
h1{margin:0; padding:0; font-size: 18px; font-weight: 700; color: #333333;}
.midashi {
	color: #333333;
	padding-left:10px;
	border-width:0px 0px 2px 10px;
	border-style: solid;
	border-color: #9999ff;
	line-height:140%;
	margin: 10px 360px 0 10px;
}

/* Float END */
.FloatEnd {clear:both;}

/* ナビ */
div.navis{margin: 0; width: 800px; height: 20px;}
.navis ul{
    bottom: 0px;
    width: 760px;
    height: 20px;
    margin: 0;
    padding-left: 40px;
    font-size: 14px;
    list-style: none;
    background-color: #660000;
}
.navis li{ height:20px; line-height:20px; float:left;width:90px; text-align:center;}
.navis li.current a { color:#FFFFFF; text-decoration:none; background-color: #996666;}
.navis a{ text-decoration:none;display:block; color:#FFFFFF;}
.navis a:hover{ width:100%; height:100%; color:#331100; background-color:#CCCCCC;}

/* コンテンツ */
#contents {width: 760px; margin: 20px 20px 30px 20px; padding: 0; text-align:left;}

/* トップ　コンテンツ */
.top-left {width: 290px; padding: 30px 15px 0px 25px; float:left;}
.top-right {width: 470px; height:500px; margin: 0; float:left; text-align:center;}
.top-wa {font-size: 24px;line-height: 160%; color:#333333; font-weight: 700; font-family:'ＭＳ Ｐ明朝',serif,sans-serif;}
.top-cmt {margin: 10px 0px 10px 0px; font-size: 12px; color:#666666; line-height: 160%;}
.top-link {margin: 10px 0px 20px 0px; font-size: 15px; color:#666666; line-height: 160%; text-align:right;}
.top-link a {color:#0000CC; text-decoration:none;}
.top-link a:hover {color:#DD0000; text-decoration:underline;}
.top-jimusyo {margin-left: 20px; font-size: 12px; color: #666666;}
.top-jimusyo a {margin-left: 10px; text-decoration:none; font-size: 12px; color: #666666;}

/* 作品 */
.works-left {width: 500px; margin: 10px 20px 50px 90px; text-align:center; line-height: 160%; color:#333333;}
.works-left-L {width: 700px; margin: 10px 20px 50px 20px; text-align:center; line-height: 160%; color:#333333;}
.works-left img {border: none;}
.works-cmt1 {margin: 0 0 0 10px; text-align:center; line-height: 140%; color:#666666; font-size: 14px;}
.works-cmt2 {margin: 5px 0 0 10px; text-align:left; line-height: 140%; color:#666666; font-size: 14px;}
.works-cmt2-L {margin: 5px 0 0 60px; text-align:left; line-height: 140%; color:#666666; font-size: 14px;}

/* 構造計算 */
.kozo-title {margin: 10px 0 10px 40px; font-size: 20px; font-weight: 700; color: #333333;}
.kozo-meisai {margin: 0 0 0 40px; color: #666666; font-size: 14px;}
.kozo-syasin {width: 320px; margin:20px 0 0 30px; float:left; line-height:160%;}

/* プロフィール */
.profile-photo {width: 200px; float:left; margin: 10px 0 0 100px;}
.profile-cmt {width: 330px; float:left; margin: 20px 0 0 60px; font-size:16px; line-height:200%; color:#333333;}
.profile-omoi {margin: 50px 20px 20px 20px; font-size:14px; line-height:160%; color:#666666;}
.profile-katura {width: 500px; margin: 10px auto;}

/* 設計費 */
.hiyo_title {margin: 20px 0 10px 100px; font-size:20px; font-weight: 600; color:#333333; }
.hiyo {width: 750px; margin: 20px 0 0 0; font-size:16px; line-height: 140%; color:#666666;}
.hiyo li {margin:0 0 10px 0;}

/* アドレス */
.adress-left {width: 300px; float:left; margin: 20px 0 0 20px;}
.adress1 {width: 80px; float:left; text-align:left; margin: 20px 0 0 0px; font-size: 16px;line-height:130%;}
.adress2 {width: 200px; float:left; text-align:left; margin: 20px 0 0 0px; font-size: 16px;line-height:130%;}
.adress-right {width 400px; float:left; margin: 10px 0 0 10px;}

.map {width: 650px; margin: 50px auto 0 auto;}
.map_sosa {margin: 10px 0 0 100px; font-size: 12px; color: #666666; line-height:140%;}

/* リンク集 */
.links_text {font-size:13px; margin: 10px 10px 0 30px; line-height: 120%;color: #666666;}
.links_text a {font-size:15px; color: #0000DD;}
.links_text a:hover {color: #FF0000;}

/* コンタクト */
.mail {font-size:13px; color:#333333;}
.mail_setumei{
	width: 680px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	margin: 20px auto 20px auto;
	padding: 0px;
	color: #666666;
}

/* copyright */
#copyright {
	color: #ffffff;
	margin: 0;
	padding: 2px 0 2px 400px;
	height: 16px;
	background-color:#660000;
}


/* 震災 */
.sinsai {
    border:solid 1px #0addcc;
   	margin: 30px 30px 30px 30px;
   	padding: 10px;
    background-color:#ffffff;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    font-size: 18px;
    line-height: 140%;
    color: #333333;
}

/* 新年 */
.sinnen {
    border:solid 1px #0addcc;
   	margin: 20px 150px 20px 150px;
   	padding: 10px;
    background-color:#ffffff;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    font-size: 18px;
    font-weight: 800;
    line-height: 140%;
    color: #333333;
    text-align: center;
}