@charset "utf-8";

/**************************************************
インデックスページのみに使用されているスタイルシート
**************************************************/


/*************************
 メイン写真背景 
*************************/
#photo{
width:1000px;
background:#fff url(../img/main.gif) no-repeat top center;
height:167px;
text-align: center;
margin: 0 auto;
}


/*************************
 上部メニュー　青ライン
*************************/
#menu li.home a{
background:url(../img/menu.gif) no-repeat 0px -108px;
width:98px;
}
#menu li.busi a {
background:url(../img/menu.gif) no-repeat -98px 0px;
width:98px;
}
#menu li.prod a {
background:url(../img/menu.gif) no-repeat -196px 0px;
width:98px;
}
#menu li.rec a {
background:url(../img/menu.gif) no-repeat -294px 0px;
width:98px;
}
#menu li.corpo a {
background:url(../img/menu.gif) no-repeat -392px 0px;
width:98px;
}
#menu li.contact a {
background:url(../img/menu.gif) no-repeat -490px 0px;
width:98px;
}


/*************************
 最新情報
*************************/
/*最新情報の一番上の項目*/
h2{
font-size: 100%;
font-weight: normal;
}

#info{
background:#fff url(../img/info.gif) no-repeat;
/*上の画像は角を更に丸くしてあります。オリジナルはこちら↓
background:#fff url(../img/info_original.gif) no-repeat;
*/
width: 590px;
height: 45px;
}

#info p{
text-align: right;
padding-top: 22px;
padding-right: 5px;
}

#info dl {
margin: 20px 30px 0 30px;
font-size: 80%;
}

#info dt {
background: #fff url(../img/dt.gif) no-repeat center left;
padding-left: 15px;
float: left;
}

#info dd {
margin-left: 120px;
padding: 0 20px 8px 0;
color: #0c5f95;
}

/* 過去の記事一覧 */
#past {
float: right;
padding-right: 5px;
height:20px;
margin-bottom: 5px;
}

#past a {
width:142px;
height:20px;
background:url(../img/past.gif) no-repeat;
display: block;
}

#past a:hover {
background-position: 0 -20px;
}


/*************************
 最新製品情報
*************************/
#pro_head{
clear:both;
background:#fff url(../img/frame_top.gif) no-repeat top;
width:590px;
height: 27px;
}

/* 3カラム全体 */
#pro_all{
background:#fff url(../img/frame_all.gif) repeat-y top;
width:590px;
float: left;
font-size: 72%;
}

#pro_01, #pro_02, #pro_03{
float: left;
}

#pro_01{
width: 207px;
}

#pro_02, #pro_03{
width: 188px;
}

/* 製品名 */
h3{
background: url(../img/frame_gray.gif) repeat-y top right;
font-size: 105%;
font-weight: normal;
color: #0c5f95;
}

h3 img{
padding-right: 10px;
}

#pro_01 h3{
padding: 5px 5px 7px 38px;
}

#pro_02 h3, #pro_03 h3{
padding: 5px 8px 7px 17px;
}

#pro_all h3 img {
vertical-align: middle;
}

#pro_01 p{
padding: 10px 10px 5px 38px;
}

#pro_02 p, #pro_03 p{
padding: 10px 10px 5px 18px;
}

#pro_bottom{
clear:both;
background:#fff url(../img/frame_bottom.gif) no-repeat top;
width:590px;
height: 6px;
}