@charset "UTF-8";

body{
background:url(../img/bg_body.gif);
color:#333;
}

a{
color:#000099;
text-decoration:none;
}

a:hover{
text-decoration:underline;
color:#000099;
}

/*レイアウト*/

#container{
width:770px;
margin:0px auto;
background:url(../img/ocs_bg_container.gif) repeat-y;
padding:0px 5px 25px 5px;
}

#contents{
clear:both;
margin:15px;
}



/*ヘッダー*/

/*画像データ：770×65px*/
h1{
background:url(../img/didi_h1.jpg) no-repeat;
height:65px;
}

h1 a{
height:65px;
width:55px;
display:block;
}

h1 span{
display:none;
}

/*ナビゲーション*/

ul#navi{
margin:5px 10px 20px 10px;
background:url(../img/didi_ulnavi.jpg) no-repeat;
height:40px;
padding-left:45px;
}

ul#navi li{
width: 165px;
height:40px;
float:left;
}

ul#navi li span{
display:none;
}

ul#navi a{
background:url(../img/didi_navi.jpg) no-repeat;
width: 165px;
height:40px;
display:block;
}

ul#navi:after{
content:".";
clear:both;
height:0;
visibility:hidden;
display:block;
}

ul#navi{
display:inline-block;
}

/*hides from IE-mac¥*/
* html ul#navi{
height:1%;
}
ul#navi{
display:block;
}
/*end hides from IE-mac*/

ul#navi li#navi_index a{background-position:0px 0px;}
ul#navi li#navi_news a{background-position:-165px 0px;}
ul#navi li#navi_lineup a{background-position:-330px 0px;}
ul#navi li#navi_toiawase a{background-position:-495px 0px;}
ul#navi li#navi_index a:hover,ul#navi li#navi_index a.thispage{background-position:0px -40px;}
ul#navi li#navi_news a:hover,ul#navi li#navi_news a.thispage{background-position:-165px -40px;}
ul#navi li#navi_lineup a:hover,ul#navi li#navi_lineup a.thispage{background-position:-330px -40px;}
ul#navi li#navi_toiawase a:hover,ul#navi li#navi_toiawase a.thispage{background-position:-495px -40px;}


/*文字サイズ変更*/



/*フッター*/

#footer{
clear:both;
background:#00B050;
padding:7px 10px;
color:#fff;
}

#footer p{
padding-left:8em;
}

#copyright{
text-align:center;
color:#666;
}


/*フォントサイズ*/

#footer{font-size:75%;}
.frame01 p,.frame01 th,.frame01 td,input,textarea,#uloption{font-size:120%;}

/*共通*/

h3{
margin:10px 0px 15px 0px;
}

#mainimg{
margin:10px;
}

.frame01{
padding:20px;
}

.frame01 p{
margin-bottom:15px;
}

.red{
color:#990000;
}

.center{
text-align:center;
}

/*テーブルスタイル*/

#tbl_style01{
border:1px solid #efefef;
margin:0px auto 10px auto;
}

#tbl_style01 th,#tbl_style01  td{
padding:3px 5px;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
vertical-align:top;
}

#tbl_style01 th{
width:25%;
background:#E6D5D7;
}

#tbl_style01 td{
width:75%;
background:#FFF;
}

/*フォーム*/

input,textarea{
border:1px solid #ccc;
}

#formbtn{
text-align:center;
}

#formbtn input{
border-width:1px;
border-style:solid;
border-color:#fff #ccc #ccc #fff;
background:#E6D5D7;
padding:2px 10px;
}


#uloption{
background:#fff url(../img/ocs_lineup_img03.jpg) no-repeat right top;
margin:0px 10px 20px 10px;
padding:20px 350px 20px 20px;

}

#uloption li{
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
background:url(../img/ocs_lineup_lioption.gif) no-repeat 0px 1px;
padding-left:15px;
color:#666;
line-height:150%;
}

#uloption li strong{
color:#333;
}

/*最新情報*/

#machine{
height:650px;
background:url(../img/ocs_news_img01.jpg) no-repeat;
}