@charset "Shift-JIS";
/* CSS Document */

/*----------
 check
----------*/

#index {
text-align: left;
}

#index h1 {
margin: 0 0 20px 0;
padding: 0;
}

#index #headcatch {
margin: 0 0 25px 0;
padding: 0;
}

#index #headcatch p {
float: left;
margin: 0 15px 0 0;
}

#index #left_content {
float: left;
width: 450px;
}

#index #right_content {
float: right;
width: 450px;
}

#index #left_content #safety { background: url(../images/bg_index_box1_02.gif) repeat-y left top; }
#index #left_content #natural { background: url(../images/bg_index_box2_02.gif) repeat-y left top; }
#index #right_content #community { background: url(../images/bg_index_box3_02.gif) repeat-y left top; }

#index #left_content #safety h3 { margin: 0; padding: 0 0 10px 0; background: url(../images/bg_index_box1_01.gif) no-repeat left bottom; }
#index #left_content #natural h3 { margin: 0; padding: 0 0 10px 0; background: url(../images/bg_index_box2_01.gif)  no-repeat left bottom; }
#index #right_content #community h3 { margin: 0; padding: 0 0 10px 0; background: url(../images/bg_index_box3_01.gif)  no-repeat left bottom; }


#index #left_content #safety p ,
#index #left_content #natural p ,
#index #right_content #community p {
display: block;
margin: 0 0 0 11px;
padding: 15px;
width: 398px;
}

#index #left_content #safety ul ,
#index #left_content #natural ul ,
#index #right_content #community ul {
margin: 0;
padding: 10px 0 0 0;
vertical-align: middle;
line-height: 0;
}

#index #left_content #safety ul { background: url(../images/bg_index_box1_03.gif) no-repeat left top; }
#index #left_content #natural ul { background: url(../images/bg_index_box2_03.gif) no-repeat left top; }
#index #right_content #community ul { background: url(../images/bg_index_box3_03.gif) no-repeat left top; }

#index #left_content #safety li ,
#index #left_content #natural li ,
#index #right_content #community li {
display: block;
padding: 0 0 0 11px;
margin: 0;
line-height: 0;
font-size: 0;
}

#index #left_content #safety li a ,
#index #left_content #natural li a ,
#index #right_content #community li a {
display: block;
padding: 0;
margin: 0;
line-height: 0;
font-size: 0;
}

#index #left_content #safety li#sa_list05 { padding: 0 0 11px 11px; background: url(../images/bg_index_box1_05.gif) no-repeat left bottom; }

#index #left_content #natural li#na_list01 { padding: 0 0 22px 11px; background: url(../images/bg_index_box2_04.gif) no-repeat left bottom; }
#index #left_content #natural li#na_list02 { padding: 0 0 15px 9px; background: url(../images/bg_index_box2_05.gif) no-repeat left bottom; }

#index #right_content #community li#co_list00 { padding: 0;}
#index #right_content #community li#co_list06 { padding: 0 0 22px 11px; background: url(../images/bg_index_box3_05.gif) no-repeat left bottom; }
#index #right_content #community li#co_list07 { padding: 0 0 10px 9px; background: url(../images/bg_index_box3_06.gif) no-repeat left bottom; }
#index #right_content #community p#txt2 { margin: 0; padding: 10px 26px 20px 26px; background: url(../images/bg_index_box3_07.gif) no-repeat left bottom; }