@charset "utf-8";
/*
機　　能　　名：indexページCSS
作　　成　　日：2011/12/15
作　　成　　者：52WEB WORKS. 上田
更　　新　　日：

/* ***************************************
	
**************************************** */


/* main_image */
div#container div#main_image {
width:100%;
height:330px;
background:url(../images/top/main_bg.jpg);
background-position:0 0;
background-repeat:repeat-x;
}
div#container div#main_image div#main_image_in {
width:970px;
height:330px;
background:url(../images/top/main_photo.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-align:center;
margin:0 auto;
position:relative;
}
div#container div#main_image div#read {
width:361px;
height:59px;
position:absolute;
top:135px;
right:52px;
}
div#container div#main_image ul {
position:absolute;
top:70px;
left:20px;
}
div#container div#main_image ul li {
width:240px;
height:210px;
float:left;
}
div#container div#main_image ul li.firstChild {
margin-right:20px;
}

/* section */
div#container div#contents #sec_01 ul li {
background:url(../images/top/top_sec01_li_bg.jpg);
background-position:0 35px;
background-repeat:no-repeat;
width:320px;
height:155px;
float:left;
margin-bottom:12px;
}
div#container div#contents #sec_01 ul li.odd {
margin-right:12px;
}
div#container div#contents #sec_01 ul li h3 {
height:35px;
}
div#container div#contents #sec_01 ul li div {
width:296px;
height:100px;
padding:8px 12px 12px 12px;
text-align:left;
position:relative;
}
div#container div#contents #sec_01 ul li img.img_p {
float:left;
margin-right:20px;
}
div#container div#contents #sec_01 ul li a.more_btn {
position:absolute;
bottom:5px;
right:5px;
}
div#container div#contents #sec_01 ul li a p {
color:#333;
margin:5px 0 0 0;
padding:0;
}





div#container div#contents #sec_02 {
text-align:left;
}
div#container div#contents #sec_02 dl {
background:url(../images/top/top_sec02_dot.jpg);
background-position:0 bottom;
background-repeat:repeat-x;
width:632px;/* 652px */
padding:10px 10px 10px 10px;
line-height:1.8;
}
div#container div#contents #sec_02 dt,
div#container div#contents #sec_02 dd {
float:left;
}
div#container div#contents #sec_02 dt {
color:#006600;
width:100px;
margin-right:30px;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
div#container div#contents #sec_02 dd {
width:500px;
}







div#container div#contents #sec_02-2 {
text-align:left;
}
div#container div#contents #sec_02-2 dl {
background:url(../images/top/top_sec02_dot.jpg);
background-position:0 bottom;
background-repeat:repeat-x;
width:632px;/* 652px */
padding:10px 10px 10px 10px;
line-height:1.8;
}
div#container div#contents #sec_02-2 dt,
div#container div#contents #sec_02-2 dd {
float:left;
}
div#container div#contents #sec_02-2 dt {
color:#006600;
width:100px;
margin-right:30px;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
div#container div#contents #sec_02-2 dd {
width:500px;
}


div#container div#contents #sec_02-2 dd img {
margin:5px 10px 0 0;
}