@charset "utf-8";

/* main_img */
.mainImg{
height: 300px;
width: 1010px;
background-position: center top;
background-image: url(/inc/images/top/main_img_bk.gif);
background-position: bottom;
background-repeat:repeat-x;
padding-bottom: 6px;
}

/* 共通　css */
.topLayout {
font-size: 84%;
margin: 10px 0;
}

.topLayout h2 {
text-align: right;
height: 53px;
clear: both;
}
.topLayout h2 strong{
display: none;
}

.topLayout h2 img {
margin-top: 5px;
}

.topLayout .column01,
.topLayout .column02,
.topLayout .column03 {
float: left;
margin-bottom: 15px; 
}



/* 法人用top css */
.corp .column01 {
width: 310px;
}
.corp .column02 {
width: 345px;
margin: 0 40px;
}
.corp .column03 {
width: 275px;
}

/* 実績紹介 */
.corp h2.works {
background-image: url(/inc/images/top/corp/works_title.gif);
}

.corp .worksText {
clear: both;
margin-bottom: 15px;
}

.corp .worksText dd {
width: 215px;
float: right;
}

.corp .worksText dd p {
background-color: #f2f2f2;
padding: 5px;
margin: 0 0 5px 0;
}

.corp .worksText dd p a{
color: #8C6239;
font-weight: bold;
text-decoration: none;
}

.worksText:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* 事業案内 */
.corp h2.business {
background-image: url(/inc/images/top/corp/business_title.gif);
}


/* お問合せから納品まで */
.corp h2.flow {
background-image: url(/inc/images/top/corp/flow_title.gif);
}
/* 商品紹介 */
.corp h2.product {
background-image: url(/inc/images/top/corp/product_title.gif);
}

.corp .proBox {
float: left;
width: 164px;
background-image: url(/inc/images/top/corp/pro_bk.gif);
background-repeat: repeat-y;
margin-bottom: 10px;
}

.corp .proBox dt {
background-image: url(/inc/images/top/corp/pro_top.gif);
background-position: top;
background-repeat: no-repeat;
}
.corp .proBox dt img {
margin: 8px;
}

.corp .proBox dd {
background-image: url(/inc/images/top/corp/pro_bottom.gif);
background-position: bottom;
background-repeat: no-repeat;
}

.corp .proBox dd a{
background-image: url(/inc/images/global/arrow01.gif);
background-position: left 3px;
background-repeat: no-repeat;
padding: 0 0 0 15px;
margin: 0 10px 10px 10px;
display: block;
}

.corp .proBox dd strong {
text-decoration: none;
}

/* イベント情報 */
.corp .news {
background-color: #F7F7F7;
padding-bottom: 10px;
}

.corp h2.event {
background-image: url(/inc/images/top/corp/event_title.gif);
}


.corp h2.oshirase {
background-image: url(/inc/images/top/corp/oshirase_title.gif);
}

.corp .news .date {
margin: 5px 10px;
background-image: url(/inc/images/global/arrow02.gif);
background-position: left;
background-repeat: no-repeat;
color: #5DA80E;
padding-left: 10px;
font-weight: normal;
display: block;
}

.corp .news p {
margin: 0 10px 0 20px;
}


/* お問い合わせ　*/

.corp .otoiTop {
margin: 15px 0 0 0;
background-image:url(/inc/images/top/corp/lotoi_bk.gif);
background-repeat: repeat-y;
}

.corp .otoiTop dt {
text-indent: -9999px;
background-image: url(/inc/images/top/corp/lotoi_head.gif);
background-position: top left;
height: 50px;
}

.corp .otoiTop dd {
background-image: url(/inc/images/top/corp/lotoi_bottom.gif);
background-position: bottom left;
background-repeat: no-repeat;
line-height: 100%;
font-size: 88%;
padding: 0 0 15px 0;
}

.corp .otoiTop dd img {
margin-bottom: 3px;
}

.corp .otoiTop dd p{
margin: 0 20px 0 20px;
}


/* 個人用トップ　css */

.per .column01 {
width: 275px;
}
.per .column02 {
width: 380px;
margin: 0 40px;
}
.per .column03 {
width: 275px;
}


/* 商品紹介 */
.per h2.product {
background-image: url(/inc/images/top/per/product_title.gif);
}

.per .proBox {
float: left;
width: 127px;
margin-top: 15px;
}
.per .proBox dt,
.per .proBox dd {
	width: 127px;
	font-size: 90%;
}

.per .proBox dt img {
margin: 3px 0 ;
}


/* イベント情報・お知らせ */
.per .news {
padding-bottom: 10px;
}

.per h2.event {
background-image: url(/inc/images/top/per/event_title.gif);
}
.per h2.oshirase {
background-image: url(/inc/images/top/per/oshirase_title.gif);
}
.per .news .date {
margin: 5px 10px;
background-image: url(/inc/images/global/arrow02.gif);
background-position: left;
background-repeat: no-repeat;
color: #5DA80E;
padding-left: 10px;
font-weight: normal;
display: block;
width: 80px;
float: left;
}

.per .news p {
margin: 0 10px 0 20px;
}


/* 瑞穂について */
.per h2.about {
background-image: url(/inc/images/top/per/about_title.gif);
}

.per .aboutBox {
clear: both;
border: solid 1px #EBEBEB;
background-color: #F2F2F2;
margin-bottom: 10px;
background-image: url(/inc/images/top/per/about_bkarrow.gif);
background-position: bottom right;
background-repeat: no-repeat;
width: 273px;
}

.per .aboutBox dt{
float: left;
padding: 7px 0 7px 7px;
width: 130px;
}

.per .aboutBox dd {
padding: 7px 7px 7px 0;
line-height:1.5em;
}

.per .aboutBox:after{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}