@charset "utf-8";
/* CSS Document */

body{
font-size:12px;
color:#666;
background-color:#DCDCDC;
text-align:center;
margin:0px auto;
font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

img{
border:none;
}

h1{
font-size:12px;
line-height:20px;
padding:0px;
margin:5px 0px;
}

.green{
color:#009933;
}

.text01{
font-size:12px;
line-height:20px;
margin:5px 0px 0px;
}

#wrap{
width:1000px;
background:url(../office_diet/img/background.gif) repeat-y;
text-align:center;
margin:0px auto;
padding:10px 0px;
}

#header{
width:770px;
text-align:center;
margin:0px auto;
}

#header #left{
width:350px;
float:left;
text-align:left;
}

#header #right{
width:400px;
float:right;
text-align:right;
margin-top:5px;
font-size:12px;
line-height:18px;
}

#header #right #tel{
color:#009933;
font-size:30px;
font-weight:bold;
padding:10px 0px;
}



#main{
width:800px;
margin:10px auto;
text-align:center;
}

#main #point_head{
width:745px;
margin:0px auto;
}

#main #point{
background:url(../office_diet/img/point_back.gif) repeat-y;
width:745px;
margin:0px auto;
}

#main #point #box{
margin:15px auto 0px;
width:700px;
}

#main #point #box #left{
width:340px;
float:left;
}

#main #point #box #right{
width:345px;
float:right;
}

#main #point #box #right .box{
margin-bottom:15px;
}

#main #point #box #right .box .text{
margin-bottom:10px;
}

#main #point #box #right .box .text .left{
width:67px;
float:left;
}

#main #point #box #right .box .text .right{
width:278px;
float:right;
text-align:left;
}

#main #point #box #right .box .text .right h3{
margin-left:5px;
margin-top:0px;
padding:0px;
font-size:20px;
font-weight:bold;
color:#009933;
margin-bottom:6px;
}

#main #point #box #right .box .text .right .description{
margin-left:5px;
margin-top:5px;
font-size:10px;
line-height:16px;
}

#main #point #box #right .box .text .right .description ul{
padding:0px;
margin:0px;
}

#main #point #box #right .box .text .right .description li{
padding:0px;
list-style:none;
list-style-position:outside;
}

#main #point #box #right .box .img img{
margin:0px 5px;
}

#main #point_foot{
width:745px;
margin:0px auto 30px;
}




#main .ask{
width:745px;
margin:0px auto 30px;
}

#main .ask .left{
width:360px;
float:left;
text-align:left;
line-height:20px;
}

#main .ask .left .title{
font-size:16px;
font-weight:bold;
}

#main .ask .left .tel{
font-size:42px;
line-height:54px;
font-weight:bold;
color:#009933;
}

#main .ask .right{
width:360px;
float:right;
padding-top:10px;
}


#main #suggestion{
width:745px;
background:url(../office_diet/img/suggestion_back_left.gif) repeat-y left;
margin:auto;
text-align:left;
padding-left:5px;
}


#main #suggestion h2{
margin-left:5px;
font-size:22px;
font-weight:bold;
color:#009933;
margin-bottom:6px;
margin-top:0px;
padding:0px;
}

#main #suggestion #text{
margin-left:5px;
margin-top:10px;
line-height:18px;
font-size:12px;
}

#main #suggestion #text #left{
width:600px;
float:left;
}

#main #suggestion #text #right{
width:130px;
float:right;
text-align:center;
}



#main #promise{
width:746px;
margin:25px auto 0px;
}


#main #promise .box{
margin:10px auto 25px;
}

#main #promise .box .left{
width:105px;
float:left;
}

#main #promise .box .right{
width:641px;
float:right;
text-align:left;
}

#main #promise .box .right h3{
color:#009933;
font-size:18px;
font-weight:bold;
line-height:24px;
margin-left:10px;
margin-bottom:5px;
margin-top:0px;
padding:0px;
}


#main #promise .box .right .text{
margin-top:10px;
margin-left:10px;
font-size:12px;
line-height:18px;
}


#footer{
width:745px;
margin:auto;
padding-top:15px;
text-align:center;
}

#footer ul{
margin:20px auto;
padding:0px;
}

#footer li{
list-style:none;
display:inline;
margin:auto 15px;
padding:0px;
}


#footer #copyright{
margin-top:10px;
text-align:right;
font-size:10px;
}