@charset "UTF-8";

/*-------------------
ヘッダー
----------------------*/
#header {
background: url(./img/index/ph_mainvisual01.png) no-repeat 50% 0;
padding: 0;
height: 425px;
}

#header h1{text-indent: -9999px;}

#description {
position: absolute;
top: 200px;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 960px;
height: 200px;
padding: 72px 0 0 143px;
}

/* 背景ではなく実体に */

#slider{
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    height: 320px;
}

#slider li {
    display: block;
    margin: 0;
    padding: 0;
    height: 320px;
}
#slider li a,
#slider li span{
    display: block;
    margin: 0;
    padding: 0;
    height: 320px;
    list-style: none;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999em;
}

#slider li.slide01 a{background-image: url(img/index/1808slide01.jpg);}
#slider li.slide02 a{background-image: url(img/index/1709slide01.jpg);}
#slider li.slide03 a{background-image: url(img/index/1709slide02.jpg);}
#slider li.slide04 a{background-image: url(img/index/1609slide04.jpg);}
#slider li.slide05 a{background-image: url(img/index/1609slide05.jpg);}
#slider li.slide06 a{background-image: url(img/index/1808slide06.jpg);}








/*-------------------
main
----------------------*/
#maincontents {
background: #f9f8f3;
position: relative;
zoom: 1;
height: 412px;
padding: 45px 0px 50px 0px;
}

.products_intro {
width: 960px;
margin: 0 auto;
}

.products_intro h2 {
margin: 0 0 45px 0;
}

.products_intro h2 a{
float: right;
}

.products_box01 {
width: 304px;
float: left;
margin: 0 23px 0 0;
}

.products_box02 {
width: 305px;
float: left;
margin: 0 24px 0 0;
}

.products_box03 {
width: 304px;
float: left;
}

.products_box01 h3,
.products_box02 h3,
.products_box03 h3 {
font-size: 20px;
font-weight: normal;
color: #3b71bc;
margin: 1em 0 16px 0;
}

.products_box01 p,
.products_box02 p,
.products_box03 p { font-size: 14px;}



/*-----------------
main
------------------*/

/* ref
.products_box01 {
width: 304px;
float: left;
margin: 0 23px 0 0;
}

.products_box02 {
width: 305px;
float: left;
margin: 0 24px 0 0;
}

.products_box03 {
width: 304px;
float: left;
}
*/


#contents { padding: 35px 0 45px; }
#main { float: left; width: 634px; }
#sub { float: right; width: 307px; }

#news {
width: 304px;
float: left;
margin: 0 23px 0 0;
}

#news h2 {
padding: 0;
margin: 0 0 10px 0;
background: white;
}
#news h2 a { float: right; }
#news dl {
margin-bottom: 12px;
font-size: 12px;
line-height: 2.4em;
}
#news dt { float: left; width: 73px; }
#news dd { padding-left: 88px; border-bottom: 1px dotted #cccccc;}

#sub div { margin-bottom: 10px; padding: 25px 17px 12px; background: white; padding -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

#askul_box {
width: 304px;
float: left;
margin: 0 0 0 3px;
}

#bnr_box {
width: 304px;
float: left;
margin: 0 0 0 22px;
}

#contact_box {
width: 328px;
float: left;
background: url(./img/index/bg_contactlink.png) no-repeat 0 0;
}