@charset "utf-8";

/*contents
---------------------------------------------------------*/
#left_contents { float:left; width:526px; }
#right_contents { float:right; width:267px; }


/*container
---------------------------------------------------------*/
#left_contents #container { width:523px; height:218px; margin:0 0 0 0; padding:2px 0 0 0; display:block; background:url(../images/background_container.gif) 0 0 no-repeat; }


#left_contents #container ul {
margin:10px 0 0 3px;
width:517px;
}

#left_contents #container ul li {
float:left;
padding:0 0 0 5px;
list-style:none;
}

/*flash
---------------------------------------------------------*/
#left_contents #flash_area { width:512px; height:293px; margin:10px 0 16px 0; padding:7px 7px 8px 7px; display:block; background:url(../images/flash_bg.gif) 0 0 no-repeat; }

/*howto
---------------------------------------------------------*/
#left_contents #howto { width:520px; margin:0 auto; padding-bottom:10px; }
#left_contents #howto h2 { margin:0 0 3px 0; }
#left_contents #howto .howto_area { width:520px; margin:0 0 10px 0; }
#left_contents #howto .howto_area .left { float:left; width:255px; }
#left_contents #howto .howto_area .right { float:right; width:255px; }
#left_contents #howto .howto_area .box_bg { width:255px; background:url(../images/howto_bg2.gif) repeat-y 0 0; margin:0; }
#left_contents #howto .howto_area .box_con { padding:5px 8px 0 13px; width:235px; background:url(../images/howto_bg1.gif) 0 0 no-repeat; }
#left_contents #howto .howto_area .box_bottom { width:255px; height:9px; background:url(../images/howto_bottom.gif) 0 0 no-repeat; display:block; _margin-bottom:-10px; } 
#left_contents #howto .howto_area .box_con h3 a { margin:0 0 8px 0; padding:1px 0 5px 16px; background:url(../common/images/icon_arrowgreen1.gif) 0 0 no-repeat; color:#006633; }
#left_contents #howto .howto_area .box_con .con_anc a { margin:0 0 8px 0; padding:1px 0 5px 16px; font-weight:bold; background:url(../common/images/icon_arrowgreen1.gif) 0 0 no-repeat; color:#006633; }

/*fc
---------------------------------------------------------*/
#left_contents #fc { width:520px; margin:0 auto; }
#left_contents #fc h2 { margin:0; }
#left_contents #fc #box_bottom { width:520px; height:5px; margin:0 0 20px 0; background:url(../images/recruit_bottom.gif) 0 0 no-repeat; display:block; }
#left_contents #fc #box_con { width:506px; padding:7px; background:url(../images/recruit_bg.gif) 0 0 repeat-y; }
#left_contents #fc #box_con li { float:left; background:url(../images/recruit_photo_bg.gif) 0 0 no-repeat; display:block; padding:3px; width:160px; height:107px; }
#left_contents #fc #box_con li.left { margin:0 4px 0 0; }
#left_contents #fc #box_con li.right { margin:0; }

/*option
---------------------------------------------------------*/
#left_contents #option { width:526px; margin:0 auto 20px auto; }
#left_contents #option #box_top { width:526px; display:block; background:url(../images/optionarea_top.gif) 0 0 no-repeat; height:6px; _margin-bottom:-12px; }
#left_contents #option #box_bottom { width:526px; display:block; background:url(../images/optionarea_bottom.gif) 0 0 no-repeat; height:6px; }
#left_contents #option #box_con { width:498px; padding:8px 14px; background:url(../images/optionarea_bg.gif) 0 0 repeat-y; }
#left_contents #option #box_con .left { float:left; width:235px; padding:0 8px 0 0; border-right:1px solid #bbb; margin:0 10px 0 0; }
#left_contents #option #box_con .right { float:right; width:235px; }
#left_contents #option #box_con h3 a { margin:0 0 8px 0; padding:1px 0 5px 16px; background:url(../common/images/icon_arrowgreen1.gif) 0 0 no-repeat; color:#006633; }
#left_contents #option #box_con .con_anc a { margin:0 0 8px 0; padding:1px 0 5px 16px; font-weight:bold; background:url(../common/images/icon_arrowgreen1.gif) 0 0 no-repeat; color:#006633; }

/*text
---------------------------------------------------------*/
#left_contents #text1 { width:510px; margin:0 auto 10px; }
#left_contents #text1 h3 { margin:10px 0 5px 0; padding:4px 0 6px 10px; background:url(../common/images/icon_square.gif) 0 4px no-repeat; color:#937600; }
#left_contents #text1 p { margin:0 0 5px 0;}

/*space
---------------------------------------------------------*/
#right_contents #space { width:261px; margin:0 auto; }
#right_contents #space li { width:261px; margin:0 0 5px 0; }

/*info
---------------------------------------------------------*/
#right_contents #info { width:267px; margin:0 auto; }
#right_contents #info h2#campaign,
#right_contents #info h2#news { margin:0; width:267px; }
#right_contents #info .box_bg { width:267px; margin:0 0 20px 0; padding:0 0 10px 0; background:url(../images/rightmenu_bg2.gif) 0 bottom no-repeat; }
#right_contents #info .box_con { width:240px; padding:8px 13px 0 14px; background:url(../images/rightmenu_bg1.gif) 0 0 no-repeat; }
#right_contents #info .box_con ul { width:240px; margin:0 0 8px 0; }
#right_contents #info .box_con ul .campaignlist span { padding:8px 0; border-bottom:1px dashed #999; width:240px; display:block; color:#3b5575; text-decoration:none; }
#right_contents #info .box_con ul .campaignlist a { text-align:right; display:block; padding:3px 16px 3px 0; background:url(../common/images/icon_arroworange.gif) right 3px no-repeat; color:#006633; }
#right_contents #info .box_con ul .campaignlist2  { padding:8px 0; border-bottom:1px dashed #999; width:240px; display:block; color:#3b5575; text-decoration:none; }
#right_contents #info .box_con .bn a { text-align:right; display:block; padding:3px 16px 3px 0; background:url(../common/images/icon_arroworange.gif) right 3px no-repeat; color:#006633; }

#right_contents #info .box_con ul .newslist { padding:8px 0; border-bottom:1px dashed #999; width:240px; display:block; color:#3b5575; text-decoration:none; vertical-align:top; }
#right_contents #info .box_con ul .newslist span .left { float:left; padding:5px; display:block; width:80px; height:80px; background:url(../images/news_img/news_bg.gif) 0 0 no-repeat; }
#right_contents #info .box_con ul .newslist span .right { float:right; margin:0 0 0 8px; width:140px; }
#right_contents #info .box_con ul .newslist a { text-align:right; display:block; padding:3px 16px 3px 0; background:url(../common/images/icon_arroworange.gif) right 3px no-repeat; color:#006633; }

/*service
---------------------------------------------------------*/
#right_contents #service { width:267px; margin:0 auto; }
#right_contents #service #box_top { background:url(../images/servicearea_top.gif) 0 0 no-repeat; height:6px; width:267px; _margin-bottom:-12px; display:block; }
#right_contents #service #box_bottom { background:url(../images/servicearea_bottom.gif) 0 0 no-repeat; height:6px; width:267px; margin:0; }
#right_contents #service #box_con { background:url(../images/servicearea_bg.gif) 0 0 repeat-y; width:245px; padding:8px 11px; }
#right_contents #service #box_con h3 { background:url(../common/images/icon_titleservice.gif) 0 0 no-repeat; padding:0 0 2px 22px; margin:0 0 8px 0; }
#right_contents #service #box_con ul { width:245px; }
#right_contents #service #box_con ul li a { padding:4px 0 4px 18px; background:url(../common/images/icon_arrowgreen1.gif) 0 4px no-repeat; color:#006633; }


#mobile { background:url(../images/mobile.gif) 0 0 no-repeat; padding-left:13px; }

.pref_link li{ margin:0 0 0 10px; float:left;}