@charset "utf-8";

body {
margin:0px;
text-align:center;
font-size:12px;
color:#333333;
line-height:150%;
background-image:url(../img/bg2.jpg);
background-repeat:repeat-x;
}
/*-----サイフル--*/
.body_iframe{
margin:0px;
text-align:left;
font-size:12px;
color:#333333;
line-height:150%;
background-image:url(../images/common/body_bg_none.jpg);
background-repeat:repeat-x;
}
/*-----サイフル--*/

h1,h2,h3,h4 {
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 10px;
}
ol,ul,li {
list-style-type:none;
margin: 0px;
padding: 0px;
}

img{
border:none;
}


/*---clearfix------------------------------------------------------*/
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
/*Hides from IE-mac \*/
*html.clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/
.clearfix{overflow:hidden;}



/*---ID------------------------------------------------------*/
#wrapper{
width:920px;
margin:0 auto;
text-align:left;
}


#head_link{
margin:10px 0 0 0;
float:left;
}

#contents_wrapper{
margin:20px auto 0 auto;
height:auto;
width:910px;
}

#footer{
background-color:#f2fecc;
font-size:10px;
height:30px;
text-align:center;
margin:20px 0 0 0;
padding:10px 0 0 0;
}

/*---CLASS------------------------------------------------------*/
.logo{
float:left;
}

.header_right{
float:left;
width:550px;
text-align:right;
height:80px;
margin:auto;
}

.header_btn{
margin:10px 0 0 0;
padding:0 0 0 240px;
}

.header_btn img{
margin:0 0 0 20px;
}

.icon_home{
width:60px;
float:left;
}

.contact_btn{
float:left;
text-align:right;
}

.top_img{
width:908px;
margin:10px auto 0 auto;
text-align:center;
}

/*---contents------------------------------------------------------*/
/*---left---*/
.contents_left{
width:210px;
float:left;
}
.left_outline{
border-bottom:3px solid #a8d904;
border-top:3px solid #a8d904;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
margin:10px 0 0 0;
padding:10px 0 10px 0;
}
.company_info{
width:180px;
margin:0 auto;
}
.company_info p{
font-size:14px;
font-weight:bold;
color:#8cb203;
padding:5px 0 0 0;
}

/*---center---*/
.contents_center{
width:450px;
float:left;
margin:0 20px;
}
.top_coment{
width:410px;
height:210px;
background-image:url(../img/top_coment_bg.jpg);
background-repeat:no-repeat;
margin:0 auto;
padding:80px 15px 10px 15px;
font-size:14px;
line-height:190%;
}
.coment_text{
margin:80px 10px 10px 10px;
font-size:14px;
line-height:200%;
}
.topix{
margin:20px 0 0 0;
}
.topix_title{
background-image:url(../img/titlebar_bg.jpg);
background-repeat:no-repeat;
background-position:center;
color:#6a8802;
font-size:18px;
font-weight:bold;
padding:16px 0 0 15px;
height:33px;
}
.topix table{
margin:5px;
}
.table_text{
line-height:200%;
font-size:14px;
}
.days{
color:#8bb302;
font-weight:bold;
line-height:200%;
}
.table_line{
padding:10px 0;
}
.gotop{
text-align:right;
margin:10px 0 0 0;
}

/*---right---*/
.contents_right{
width:210px;
float:left;
}
.right_login{
background-image:url(../img/login_bg.jpg);
width:210px;
height:120px;
}
.right_login img{
margin:40px 15px 0 15px;
}

.right_banner img{
margin:5px 0 0 0;
}

/*---menu------------------------------------------------------*/
.menu1 a{
display:block;
width:194px;
background:url(../img/navi_bg_off.jpg) repeat-y;
height:33px;
text-decoration:none;
text-align:left;
border-bottom:#cccccc solid 1px;
border-top:#FFFFFF solid 1px;
font-size:14px;
padding:14px 0 0 16px;
}

.menu1 a:hover{
background:url(../img/navi_bg_on.jpg) repeat-y;
}

.menu2 a{
display:block;
width:194px;
background:url(../img/navi_bg_off.jpg) repeat-y;
height:50px;
text-decoration:none;
text-align:left;
border-bottom:#cccccc solid 1px;
border-top:#FFFFFF solid 1px;
font-size:14px;
padding:10px 0 0 16px;
}

.menu2 a:hover{
background:url(../img/navi_bg_on.jpg) repeat-y;
}