/* 全体の設定*/
body{
    margin:0px;
    padding:0px;
    font-family: sans-serif;
    color:#555555;
    background-color:#ffffff;
}
#main{
	width:740px;
	margin: 0 auto;
	padding: 5px 20px; 
	background-image : url(img/main.gif);
	background-repeat: repeat-y;
}

/* h1 ,h2 */
h1{font-size: 14px; font-weight: 500;}
h2{margin: 0; font-size:20px;}
.midashi{
	color: #333333;
	font-weight: 600;
	padding-left:10px;
	border-width:0px 0px 2px 10px;
	border-style: solid;
	border-color: #9999ff;
	font-size:20px;
	line-height:140%;
	margin: 10px 420px 0 0;
}
.midashi a{ text-decoration: none; color:#0000FF;}
.midashi a:hover {color:#FF0000;}

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

/* ヘッダー */
#header{
	height: 90px;
	width: 740px;
	margin: 20px auto 20px auto;
	padding: 0;
}
#head-logo {width: 220px; margin: 0 10px 0 20px; float:left;}
#head-cmt {width: 480px; line-height: 120%; float:left;}

/* コンテンツ */
#contents { width: 740px; margin: 0 5px 10px 5px;}
.contents_text {font-size:14px; line-height:140%; margin: 10px 20px 20px 20px;}

/* ナビ */
div.navis{margin: 0; height: 22px;}
.navis ul{
    bottom: 0px;
    width: 710px;
    height: 22px;
    margin: 0;
    padding-left: 30px;
    font-size: 14px;
    list-style: none;
    background-color: #771111;
}
.navis li{ height:22px; line-height:22px; float:left;width:112px; text-align:center;}
.navis li.current a { color:#FFFFFF; text-decoration:none; background-color: #BB5500;}
.navis a {text-decoration:none;display:block; color:#FFFFFF;}
.navis a:hover {width:100%; height:100%; color:#331100; background-color:#CCCCCC;}

ul.navis2 {list-style:none; margin:0; padding: 10px 0 40px 5px; font-size:14px;}
ul.navis2 li {list-style:none; padding: 5px 6px; float:left;}
ul.navis2 li a {color: #0000FF; text-decoration:underline;}
ul.navis2 li a:hover{color: #FF0000;}
ul.navis2 li.current a {color: #000000; text-decoration:none;}

/* トップページ */
#top-img {
	height: 360px;
	width: 720px;
	margin: 10px auto 20px auto;
	background-image : url(img/top.gif);
	background-repeat: no-repeat; 	
}
.door-cmt1 {padding: 40px 0 0 40px;	font-size: 18px; font-weight: 600;}
.door-block {margin: 10px 0 0 40px; height: 128px; width: 50px; float:left; text-align: center;}
.door-block2 {padding: 4px 0 0 27px;}

.door-name {
	margin: 0 0 0 6px;
	width: 85px;
	text-align:center;;
	float:left;
	font-size: 12px;
	font-weight: 600;
}
.door-name a {color: #333333; text-decoration:none; font-weight: 300;}

.door-cmt2 {
	padding: 0px 0 0 120px;
	font-size: 12px;
	font-weight: 300;
	color: #FF0000;
}
.counter {margin: 70px 0 0 660px;}

.top-link {margin:10px 0 15px 0;font-size: 12px; text-align:center;}
.top-link ul{font-size: 12px;list-style: none;}
.top-link li{float:left; width:80px; text-align:center;}
.top-link a {text-decoration:none; display:block; color:#999999;}
.top-link a:hover {color:#333333;}

/* コロナ お知らせ */
.osirase1 {margin: 10px 0 20px 30px; font-size: 16px; font-weight: 500;}

/* 各種製品 */
.seihin {margin: 10px 0 20px 30px; font-size: 15px; line-height: 140%;}
.seihin-photo {margin: 10px auto 30px auto; width: 400px; float:left; text-align: center;}
.seihin-photo img {border:none;}
.seihin-cmt {margin: 30px auto; width: 320px; float:left; font-size: 14px; line-height: 140%;}
.seihin-cmt a {text-decoration:none; color:#0000FF;}
.seihin-cmt a:hover {background-color: #FFEEEE;}

/* 完成までの流れ */
.flow_illust {width: 90px; float:left; margin: 0px 20px 0 0px;}
.flow_cmt {width: 570px; float:left; text-align:left; margin: 20px 10px 0 0px; font-size: 14px;}
.flow_sita {margin: 0 0 0 200px;}

/* 会社案内 */
.gaikan {width 500px; margin: 10px 0 0 120px;}
.annai1 {width: 100px; float:left; text-align:left; margin: 20px 0 0 40px; font-size: 16px; line-height: 140%;}
.annai2 {width: 500px; float:left; text-align:left; margin: 20px 0 0 40px; font-size: 16px; line-height: 140%;}
.map {width: 650px; margin: 50px auto 0 auto;}
.map-link {font-size: 12px;}

/* 問い合わせ */
.mail {font-size: 14px;}
.mail_setumei{
	width: 680px;
	text-align: left;
	font-size: 12px;
	line-height: 1.2em;
	margin: 0px auto 20px auto;
	padding: 0px;
}

/* リンク集 */
.links_text {font-size:12px; margin: 10px 20px 0 20px; line-height: 140%;}
.links_text a {font-size:14px; color: #0000FF;}
.links_text a:hover {color: #FF0000;}

.links_text2 {font-size:12px; margin: 10px 20px 0 20px; line-height: 140%;}
.links_text2 a {font-size:12px; color: #0000FF;}
.links_text2 a:hover {color: #FF0000;}

/* copyright */
#copyright {margin: 20px 0 10px 0; text-align: center; font-size: 14px; color: #000000;}


/* 震災 */
.sinsai {
    border:solid 1px #0addcc;
   	margin: 15px 0 20px 100px;
   	width: 560px;
   	padding: 10px;
    background-color:#ffffff;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    font-size: 14px;
    line-height: 160%;
    color: #333333;
}

/* 新年 */
.sinnen {
    border:solid 1px #0addcc;
   	margin: 15px 0 20px 150px;
   	width: 450px;
   	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: 160%;
    color: #333333;
    text-align: center;
}