/* CSS Document */

@import url("clear.css");
@import url("product-navi.css");
@import url("product-navi2.css");

body{
padding:0px;
margin:0px;
font-family: "ＭＳ Pゴシック",Osaka,sans-serif;
background-image:url("../images/bg.gif");
text-align:center;
}



.clearboth{
clear:both;
}



/*layout*/

#body{
margin:0 auto;
padding:0px;
width:802px;
background-color: #fff;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

#contents{
width: 800px;
background-color:#FFFFFF;
}






/*
----------------
menu
----------------
*/




.header_l{
display:block;
width:330px;
margin:20px 0px 20px 20px;
float:left;
}


.header_r{
display:block;
float:right;
}

.header_r ul#navi {
border-left: 1px solid #999;
display:block;
margin:20px 0px;
padding:0;
width:425px;
float:right;
}

.header_r ul#navi li a {
color:#666;
display:block;
padding:5px 0;
text-decoration:none;
width:100px;
}

.header_r ul#navi li a:hover {
background-color:#ccc;
color:#333;
display:block;
padding:5px 0;
width:100px;
}

.header_r ul li{
float:left;
display:block;
font-size:0.85em;
border-right:1px solid #999;
}





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

#main {
background-color:#FFFFFF;
margin:20px 0px;
}



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

#leftnavi {
background-color:#FFFFFF;
float:left;
width:183px;
margin:0px 10px;
}




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

#rightmain {
background-color:#FFFFFF;
border-left:1px dotted #cccccc;
float:right;
margin:0;
padding:0 0 10px 10px;
text-align:left;
width:560px;
}


/*
----------------
main_l
----------------
*/

.main_l {
float:left;
text-align:left;
width:267px;
}



/*
----------------
main_r
----------------
*/

.main_r {
float:right;
text-align:left;
width:280px;
border:1px solid #cccccc;
}




/*
----------------
footer
----------------
*/

#footer {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 0 0;
float:left;
height:30px;
margin:20px 22px 0;
padding:0;
text-align:left;
width:756px;
}


.footer_l {
float:left;
height:15px;
margin:5px 0 0;
width:317px;
}


.footer_r {
float:right;
height:15px;
margin:5px 0 0;
padding:0;
}



/*
----------------
Link
----------------
*/




.link {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CCCCCC;
border-style:dotted;
border-width:1px 0 0;
float:left;
margin:0;
padding:7px 0;
text-align:left;
width:536px;
}



.link_logo {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:0;
padding:0;
text-align:left;
width:168px;
}


.link_txt {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:0 0 0 15px;
padding:0;
text-align:left;
width:353px;
}








/*
----------------
会社概要
----------------
*/
.profile_l2 {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:10px 0 30px;
padding:0;
text-align:left;
width:267px;
}

.profile_r2 {
background:none repeat scroll 0 0 #FFFFFF;
float:right;
margin:30px 0 0;
padding:0 16px 0 15px;
text-align:left;
width:238px;
}

.profile {
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CCCCCC;
border-style:dotted;
border-width:1px 0 0;
float:left;
margin:0;
padding:7px 0;
text-align:left;
width:536px;
}

.profile_l {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:0;
padding:0 0 0 25px;
text-align:left;
width:143px;
}


.profile_r {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:0 0 0 15px;
padding:0;
text-align:left;
width:347px;
}